VIII. XÂY DỰNG TRANG WEB.
VIII.4 Giới thiệu công cụ tạo web FrontPage.
Giới thiệu về FrontPage.
FrontPage là chương trình giúp ta soạn thảo nhanh các trang Web là không cần thuộc các tag html.
Đồng thời công cụ này cũng giúp ta kiểm tra các liên kết của các trang Web và duyệt trước nội dung các trang web giống như khi duyệt bằng trình duyệt Web.
182 Hình 7.68 – Giao diện chương trình FrontPage. Hình 7.68 – Giao diện chương trình FrontPage.
Tạo một trang Web mới: trong FrontPage vào menu File/New/Page or Web hoặc click chuột vào icon “New” trên thanh công cụ. Sau đó vào menu File chọn Save và nhập tên trang Web cần lưu trữ. Thông thường phần mở rộng của tập tin Web là htm hoặc html. Trong cửa sổ làm việc của ProntPage có ba chếđộ hiển thị là “Normal”, “HTML”, “Preview”.
Normal là chếđộ soạn thảo Web.
HTML là chếđộ hiển thị nội dung source html của trang Web.
Preview là chếđộ duyệt Web giống như trình duyệt web dùng để kiểm tra trước khi đưa trang Web lên mạng.
Hì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:
- Chọn kiểu văn bản
Hình 7.70 – Thanh công cụđịnh dạng 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.
184 Hình 7.71 – Các cách tạo một trang mới. Hì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:
Hì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.
186 Tạo bảng (Table): công cụ chính để bố trí các đối tượng trên trang Web là bảng. Bảng giúp ta có thể