5.BỐ CỤC TRANG WEB

VỚI KHUNG

BÀI 33 NGÀY 1.7.2009 THEO KS NGUYỄN TRƯỜNG SINH

KHI BẮT ĐẦU TẠO WEBSITE , PHẦN LỚN CÁCT TRANG WEB CỦA CHÚNG TA CÓ LẺ LÀ “TỈNH” , TỨC LÀ NỘI DUNG SẼ LÀ THÀNH PHẦN CỦA TỪNG TRANG RIÊNG . SAU KHI ĐÃ CÓ NHỮNG HIỂU BIẾT NHẤT ĐỊNH VỀ CÁCH XÂY DỰNG TRANG WEB , BẠN SẼ BẮT ĐẦU KHÁM PHÁ NHỮNG KỸ THUẬT , BỐ CỤC TRANG PHỨC TẠP HƠN VÀ CÂU HỎI KHI ĐÓ SẼ LÀ LÀM THẾ NÀO ĐỂ CHUYỂN CÁC TRANG TỈNH ĐÃ ĐƯỢC TẠO RA ĐỂ TẬN DỤNG CÁC ƯU ĐIỂM MỚI .

TRONG BÀI THỰC HÀNH NÀY BẠN SẼ LIÊN KẾT NỘI DUNG ĐÃ CÓ VỚI TRANG KHUNG ĐỂ CHUYỂN CÁC TRANG TỈNH THÀNH KHUÔN MẪU DỰA TRÊN KHUNG .

BẠN SẼ LÀM VIỆC VỚI WEBSITE MẪU BAO GỒM 1 TRANG CHỦ VÀ 4 TRANG CẤP 2 : PRODUCTS , CLASS OFFERINGS , PRESS RELEASES VÀ CONTACT US . CÁC LIÊN KẾT ĐẾN CÁC TRANG KHÁC XUẬT HIỆN Ở ĐẦU MỖI TRANG VÀ LIÊN KẾT THƯ ĐIỆN TỬ XUẤT HIỆN Ở CUỐI TRANG . TRANG BẢNG NỘI DUNG CHỈ CHỨA CÁC LIÊN KẾT ĐẾN CÁC TRANG VÀ CÁC ĐIỂM ĐÁNH DẤU CỦA SITE .

Download Video Clip :

File Video Mediafire cực rõ : BOCUCWEB_VOIKHUNG.avi (99.75 MB)

http://www.mediafire.com/download.php?kwy2e5mrfgn

YOU TUBE trung bình :

FRONTPAGE 2003 BỐ CỤC WEB VỚI KHUNG (Tập 1 ) 1 .7 .2009 :

http://www.youtube.com/watch?v=WqRX2gC4Dj4

FRONTPAGE 2003 BỐ CỤC WEB VỚI KHUNG (Tập 2 ) 1 .7 .2009 :

http://www.youtube.com/watch?v=omtDQXMagGo

Tạo 1 Folder tên LayOutFrame tại Desktop > Download File Thực tập LayOutFrame.rar (36.12KB) tại : http://tinyurl.com/utbinh182

hoặc : http://www.mediafire.com/download.php?2iz4iqgtelu

Ø Giải nén > Delete File nén > Copy Folder LayoutFrame đặt tại đường dẫn : My Documents > My Web Sites .

Mở FP > Nhấp đúp Tập tin : frames_template.htm > Hiện ra nội dung trong Cửa Sổ Soạn Thảo của chế độ hiển thị Page và có tab Web Site – tab Frames_template.htm .(H1) .

Liên kết nội dung Tập tin : toc.htm với Khung “Bảng Nội Dung” : Khung Bảng Nội Dung ( Khung bên Trái ) , nhấp nút Set Initial Page > HT Insert Hyperlink xuất hiện , nhấp đúp Folder LayOutFrame > Nhấp toc.htm > Ok > FP hiển thị nội dung của tập tin toc.htm trong Khung Bảng Nội Dung . Bảng Nội Dung thực chất không được chèn vào trong Khung mà nó chỉ được liên kết với Khung . Bạn có thể dùng Thanh Cuộn để thấy toàn bộ nội dung của Trang . (H2) .

Để định nghĩa Trang bắt đầu của Site : Nhấp Nút Set Initial Page trong Khung Chính của Trang Khung > HT Insert Hyperlink hiện ra , nhấp welcome.htm > Ok (H3+4) .

Trong Khung Phải Dưới , nhấp nút New Page > Một Trang Trống được mở ra trong phạm vi của Khung này > Nhập : E-mail the Webmaster with questions or comments about this Web site > Ctrl+A > Nút Decrease Font Size > Nút Center > Nhấp bên ngoài để bỏ chọn . Bạn đã thu nhỏ dòng văn bản , đưa nó và giữa .
Nhấp đúp từ “Webmaster” để chọn nó > Nút Insert Hyperlink > HT Insert Hyperlink hiện ra , nhấp E-mail Address > Trong hộp E-mail Address , nhập : Webmaster@gardenco.mns.com . Từ mailto: sẽ tự động chèn vào đầu dòng – Trong Hộp Subject , nhập : Web site feedback nhằm thiết lập dòng chủ đề của mỗi thông điệp được phát sinh từ liên kết để bạn dễ dàng xác định nguồn góc của chúng > Nhấp Nút ScreenTips , nhập : E-mail the Webmaster ! trong hộp ScreenTip Text > Ok để thiết lập văn bản ScreenTip cho liên kết > Trong Ht Insert Hyperlink , nhấp Nút Ok để chèn liên kết thư Diện tử và đóng Hộp thoại lại .
Kéo đường biên phía trên xuống để giảm kích thước Khung này sao cho chỉ đủ thấy dòng nội dung . (H5) .

Nhấp vào Khung Dưới > Nút Save > HT Save As hiện ra , File Name nhập : footer > Nhấp nút Change Title , nhập : Foot Frame > Ok > Save . (H6) .

File > Save As > HT Save As xuất hiện , Khuôn Mẫu Trang được thể hiện , File Name nhập : index.htm > Nhấp Change Title : The Garden Company > Ok > Save > Hỏi bạn có muốn thay thế Trang index.htm trước đó không Nhấp Yes . (H7) .

10. Nhấp Nút Preview ở đáy Cửa Sổ Soạn Thảo trong chế độ hiển thị Page . Phụ thuộc vào kích thước Cửa Sổ mà các Khung Bảng Nội Dung ( Khung Bên Trái ) và Khung Chính ( Khung bên Phải) có thể hiển thị các thanh cuộn . Các đường biên của Khung cũng được thể hiện cho Khung trông không đẹp . (H8) .

11. Một số Trình Duyệt không hổ trợ Khung . Để xem việc này nhấp Nút No Frames ở đáy Cửa sổ .

12. Nhấp Nút Design để chỉnh sửa tập tin index.htm : Nhấp Phải Khung Phía Trên > Frame Properties > HT Frame Properties xuất hiện , Vùng Options nhấp Nút Frame Page > HT Pager Properties xuất hiện với tab Frames được chọn > xóa dấu kiểm và nhập 0 > Ok > Ok để đóng HT Frame Properties > Đường biên phân chia Khung trên Trang không còn nửa . (H9) .

13. Nhấp Phải vào Khung Nội ung ( Khung bên Trái ) > Frame Properties > Trong danh sách thả xuống của Show Scrollbars , nhấp Never > Ok > Trang Web trông đẹp hơn nhưng nếu xem với độ phân giải 640X480 Bảng nội dung sẽ vượt ra khỏi phạm vi của Khung . (H10) .

14. Chọn văn bản trong Khung Nội Dung > Format > Paragraph > Vùng Spacing , Before – After chọn 0 > Ok . Đã làm khít hàng lại . (H11) .

15. Nhấp Nút Save , các thay đổi với tập tin toc.htm đã được lưu lại > Nhấp Nút Preview in Browser ( Hình kính lúp ) để xem kết quả trong Trình Duyệt . (H12) .

16. Kiểm tra Site : Nhấp các liên kết trong Khung Bảng Nội Dung để bảo đảm nội dung trong Khung Chính được cập nhật chính xác ( Có nghĩa là nhấp 1 liên kết trong Cột Trái > Hiện ra nội dung trong Khung bên Phải ) > Dùng Nút Back và Forward để di chuyển qua lại giau74 các Trang được mở ra .

17. Nhấp vào liên kết “ Webmaster” ở đáy Trang > Một thông diệp Thư Điện Tử được mở ra > Đong FP lại . (H13) .