Thanh công cụ định dạng văn bản với các tính năng thông dụng sau: Hình 7.70 – Thanh công cụ định dạng văn bản.. - Chọn kiểu văn bản - Chọn loại font thích hợp - Chọn kích thước chữ - Địn
Trang 1Hình 7.69 – Giao diện khi chọn chế độ xem là HTML
Thanh công cụ định dạng văn bản với các tính năng thông dụng sau:
Hình 7.70 – Thanh công cụ định dạng văn bản
- Chọn kiểu văn bản
- Chọn loại font thích hợp
- Chọn kích thước chữ
- Định dạng in đậm, in nghiêng, gạch dưới
- Canh lề trái, phải, giữa, đều hai bên lề
- Tăng giảm kích thước chữ
- Định dạng danh sách sắp xếp dạng number, bullet
- Định dạng Tab sang trái hay sang phải
- Chọn đường viền khung
- Chọn màu văn bản, màu nền
Tạo trang Web mới theo các mẫu định sẵn: ta chọn “Page Templates” để tạo các trang Web theo các
mẫu định sẵn
Trang 2Hình 7.71 – Các cách tạo một trang mới
Sao đó ta chọn mẫu phù hợp như hình sau và chọn OK
Hình 7.72 – Các Page Templates định sẵn
Chèn hình ảnh: ta chọn vị trí chèn ảnh bằng cách đặt con trỏ tại vị trí này, sau đó vào menu
Insert/Picture/From File… Hộp thoại Picture xuất hiện, ta chọn tên tập tin ảnh cần chèn
Hình 7.73 – Hộp thoại Picture
Kết quả được hiển thị trên trang Web như sau:
Trang 3Hình 7.74 – Kết quả hiển thị của trang Web
Đặt tiêu đề và chương trình điều khiển script cho trang web: chọn chức năng file/properties và nhập
nội dung tiêu đề vào ô “Title” và chọn OK
Hình 7.75 – Hộp thoại Page Properties
Định nền cho trang Web: ta có thể chọn màu hoặc một hình ảnh bất kỳ để làm nền cho trang Web
bằng cách chọn menu Format/Background… Nếu chọn hình làm nền thì check vào “Background
Image” và click chuột vào nút “Browse” để chỉ ra tập tin ảnh cần làm nền, sau đó chọn OK
Trang 4(kích thước của đường viền), Cell padding (độ cao của ô), Cell spacing (khoảng cách giữa hai ô)…
Hình 7.76 – Hộp thoại Insert Table
Trên trang Web sẽ xuất hiện một bảng như sau:
Hình 7.77 – Kết quả sau khi Insert table
Tạo liên kết (hyperlink): liên kết giúp ta kết nối các trang Web đơn thành một Website Muốn tạo các
liên kết trước hết ta phải có các trang Web đã thiết kế hoàn chỉnh và chú ý đến vị trí (đường dẫn) của
trang Web này Ví dụ ta có ba trang Web: danhsach.htm (chứa tin danh sách các học viên),
hocvien1.htm (chứa thông tin chi tiết của học viên 1), hocvien2.htm (chứa thông tin chi tiết của học viên
2)
Trang 5Hình 7.78 – Nội dung của các trang Web (danhsach.htm và hocvien1.htm)
Bây giờ, ta muốn tạo liên kết giữa trang danhsach.htm đến các trang hocvien.htm nhằm giúp người
duyệt web muốn xem thông tin của học viên nào thì click vào tên của học viên đó Tạo liên kết cho một
đoạn văn bản ta phải tô đen đoạn văn bản, sau đó click phải chuột chọn “Hyperlink…” hoặc tạo liên kết
cho một hình ta cũng làm tương tự chọn hình ảnh cần tạo liên kết và click phải chuột chọn
“Hyperlink…” Hộp thoại “Insert Hyperlink” xuất hiện, ta chọn tên tập tin trang Web cần liên kết đến
và chọn OK
Hình 7.79 – Hộp thoại Insert Hyperlink
Bạn kiểm tra lại các mối liên kết bằng cách mở trang danhsach.htm và chuyển qua chế độ hiển thị
Preview, sau đó rê chuột đến tên của các học viên thì thấy con chuột có biểu tượng hình bàn tay, khi
click vào thì nội dung trang Web hocvien.htm sẽ được hiển thị
