4.TẠO TRANG KHUNG
BÀI 32 NGÀY 30.6.2009 THEO KS NGUYỄN TRƯỜNG SINH . THAY VÌ SỬ DỤNG BẢNG ĐỂ CẤU TRÚC TRANG WEB , CHÚNG TA CÓ THỂ ĐỊNH NGHĨA NHỮNG PHẦN TỬ KHÁC NHAU CỦA TRANG TRONG CÁC KHUNG KHÁC NHAU . KHI BỐ CỤC TRANG VỚI KHUNG , KẾT QUẢ CUỐI CÙNG TRÔNG CŨNG GIỐNG NHƯ TRANG ĐƯỢC BỐ CỤC VỚI BẢNG , NHƯNG HOẠT ĐỘNG ẨN PHÍA SAU NÓ PHỨC TẠP HƠN NHIỀU . KHÁI NIỆM ẨN PHÁI SAU KHUNG LÀ TẠO 1 TRANG KHUNG SƯỜN , ĐÔI KHI ĐƯỢC GỌI LÀ : TẬP KHUNG ( FRAMESET ) CHỨA CÁC KHUNG THÔNG TIN RIÊNG BIỆT VÀ ĐƯỢC BỐ TRÍ CHÍNH XÁC TẠI VỊ TRÍ MONG MUỐN . MỖI KHUNG CÓ THỂ HIỂN THỊ THÔNG TIN TỈNH ĐƯỢC NHẬP TRỰC TIẾP VÀO TRONG KHUNG HOẶC NỘI DUNG TỪ 1 TẬP TIN KHÁC . VẺ ĐẸP CỦA VIỆC DÙNG KHUNG ĐỂ TỒ CHỨC DỮ LIỆU LÀ BẠN CÓ THỂ HIỂN THỊ THÔNG TIN TỪ 1 TẬP TIN TẠI NHIỀU NƠI KHÁC NHAU . KHI CẦN THỰC HIỆN 1 THAY ĐỔI CÓ ẢNH HƯỞNG ĐẾN TOÀN BỘ SITE ( VÍ DỤ : BỔ SUNG 1 TRANG VÀO BẢNG NỘI DUNG ) CHÚNG TA CHỈ CẦN THỰC HIỆN 1 NƠI . FRONTPAGE GIÚP CHO QUÁ TRÌNH TẠO TRANG KHUNG HOÀN TOÀN ĐƠN GIẢN BẰNG CÁCH CUNG CẤP MỘT SỐ KHUÔN MẪU MÀ BẠN CÓ THỂ MỞ , LƯU VÀ HOÀN TẤT VỚI 1CHUT1 CÔNG SỨC . TRONG BÀI THỰC HÀNH NÀY BẠN SẼ TẠO 1 TRANG KHUNG BẰNG CÁCH DÙNG KHUÔN MẪU .
Download Video Clip : File Video Mediafire cực rõ : TAO_TRANGKHUNG.avi (39.61 MB): http://www.mediafire.com/download.php?jjlydmmmmo2 YOU TUBE trung bình : FRONTPAGE 2003 TẠO TRANG KHUNG http://www.youtube.com/watch?v=0PhL7-3jmJM 1. Download File thực tập : File Frames.rar (630.79 KB) :http://tinyurl.com/utbinh181 hoặc :http://www.mediafire.com/download.php?igjodiwenad Giải nén > Tạo 1 Folder tên Frames đặt trong đường dẫn : My Documents\My Web Sites > Copy File : tgclogo_sm (5KB) đặt trong Folder này . 2. Mở FP > File > New để mở Ô tác Vụ New . 1
3. Trong Vùng New Page , nhấp Mục More page templates để mở HT Page Templates . 4. Nhấp tab Frames Pages cung cấp 10 Khuôn Mẫu để tạo các Trang Khung > Nhấp vào từng Khuôn Mẫu để xem mô tả và dạng thể hiện của từng loại . 5. Nhấp vào Khuôn Mẫu : Header , Footer and Contaents > Ok . (H1) .
6. Đã tạo ra Trang dựa trên Khuôn Mẫu này . (H2) .
2
7. Trong KHUNG TRÊN , nhấp nút New Page > Một Khung trống được mở , Insert > Picture > From File > My Documents > My Web Sites > Folder : Frames > Nhấp File : tgclogo_tm.gif > Insert > Logo xuất hiện lớn hơn so với không gian dành cho Khung 8. Đặt con trỏ trên đường biên dưới của Khung Phía Trên > Con trỏ biến thành mủi tên 2 chiều > Rê đường biên xuống dưới cho đến khi thấy toàn bộ LoGo > Nhấp lên LoGo > Nút Center > Đã dời Logo ra giữa Khung Phía Trên .(H3).
9. Save Tập Tin vừa tạo : Nhấp vào trong Khung Phía Trên > Nút Save > HT Save As xuất hiện với Khung được chọn được làm nổi bật > Hàng File Name nhập : header . (H4) .
10.Nhấp Nút change Title > HT Set Page Title xuất hiện , nhập : Header Frame > Ok Trở lại HT Saves As , nhấp nút Save . (H5) . 3
11.Lưu cả Tập Khung : Phần trên là hướng dẫn bạn lưu Khung Phía Trên , sau khi lưu xong Khung Phái Trên nó tự động hiện ra HT tiếp theo nhắc bạn lưu cà Tập Khung . Bạn cần phải lưu cả Tập Khung bằng cách sau đây : • File > Save > My Documents > My Web Sites > Hàng File Name nhập : frames-Template. (H6) .
•
Nhấp nút Change Title > nhập : Frames Templates > Ok> Nhấp Nút Save . (H7) .
•
Cột Folder List hiển thị nội dung của Thư Mục My Web Sites > Close FP . (H8) .
4
12.Phân chia Khung và xóa Khung : Các bạn có thể phân chia 1 Khung thành nhiều Khung hoặc xóa bớt các Khung dư thừa . • Phân chia 1 Khung : Nhấp vào Khung muốn phân chia > Merge Frames > Split Frame > o Nếu muốn chia thành Cột nhấp : Split into Colomns . o Nếu muốn chia thành hàng nhấp : Split into Rows > Ok . Khung mới được tạo ra cũng có nút New Page và Set Initial Page . (H9) .
•
Xóa 1 Khung : Nhấp chọn Khung cần xóa > Frames > Delete Frame .
NGÀY 30.6.2009 : 32.FRONTPAGE 2003 : TẠO TRANG KHUNG .
[img]http://utbinh.com/A6/300609/trangkhung.jpg[/img] http://utbinh.com/A6/300609/trangkhung.jpg http://utbinh.com/A6/300609/trangkhung.doc http://utbinh.com/A6/300609/trangkhung.pdf Download Video Clip : File Video Mediafire cực rõ : TAO_TRANGKHUNG.avi (39.61 MB): 5
http://www.mediafire.com/download.php?jjlydmmmmo2 YOU TUBE trung bình : FRONTPAGE 2003 TẠO TRANG KHUNG http://www.youtube.com/watch?v=0PhL7-3jmJM Download File thực tập : File Frames.rar (630.79 KB) :http://tinyurl.com/utbinh181 hoặc :http://www.mediafire.com/download.php?igjodiwenad VIDEO TUTORIALS FRONTPAGE 2003 http://www.youtube.com/designutbinh TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lãnh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video . Utbinh thực hiện bằng cách áp dụng chương trình CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ý kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về :
[email protected] TUTORIALS thực hiện bằng Video có nhiều cái hay so Text : Trực quan – sinh động – dễ tiếp thu – dễ hiểu . Nhưng nếu muốn lãnh hội trọn vẹn nội dung khuyên các bạn nên đọc và xem Video . Utbinh thực hiện bằng cách áp dụng chương trình CAMTASIA STUDIO 6.0.1 lần đầu tiên chắc chắn có nhiều sơ sót rất mong đón nhận ý kiến đóng góp của các bạn để ngày càng hoàn thiện . Cám ơn các bạn thư về :
[email protected] DOWNLOAD MEDIAFIRE : Xem chất lượng cao Bố Cục Trang với Bảng (21.76 MB) : http://www.mediafire.com/download.php?34j0enn2uyz Tạo 1 Khuôn Mẫu Trang Web (35.11 MB) http://www.mediafire.com/download.php?20kjnnzdxnw TRÊN YOUTUBE : Xem không cần Download , chất lượng vừa . Bố Cục Trang với Bảng http://www.youtube.com/watch?v=81464MX5b8Q Tạo 1 Khuôn Mẫu Trang Web http://www.youtube.com/watch?v=Za7F5dg1pww DOWNLOAD MEDIAFIRE : Xem chất lượng cao 1.Tạo Folder (43.46 MB): http://www.mediafire.com/download.php?mmglfdfun2t 2.Website BasicGarden (13.35 MB): http://www.mediafire.com/download.php?ynd2jkojkiq 3.Nhúng Mẫu Web (10.68 MB): http://www.mediafire.com/download.php?0wgdacmylet 4.Rename Title.htm (12.25 MB): http://www.mediafire.com/download.php?2w4munx4nyd 5.Kết Nối Liên Kết (24.05 MB): http://www.mediafire.com/download.php?iwwzjnmym TRÊN YOU TUBE : Xem không cần Download , chất lượng vừa . FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập1 (1.Tạo Folder – 2 .Website Basic Garden ) http://www.youtube.com/watch?v=scGYPPeccII FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập2 (3 . Nhúng Mẫu Web – 4 . Rename Title htm ) http://www.youtube.com/watch?v=x-NGVnEYQLo FRONTPAGES 2003 Tạo Website từ Khuôn Mẫu Trang 29 6 2009 Tập3 (5.Kết Nối Liên Kết ) http://www.youtube.com/watch?v=7uZJHmK_Vjc LINKS CÁC BÀI VIẾT LẦN 3 NEW FRONTPAGE 2003 Bài 1 : http://utbinh.com/ANOV08/121108/FP111108.doc Bài 2 : http://utbinh.com/ANOV08/111108/110MB.doc Bài 3 : http://utbinh.com/ANOV08/131108/9down.doc Bài 4 : http://utbinh.com/ANOV08/131108B/liveshare.doc Bài 5 : http://utbinh.com/ANOV08/141108/CuteFTP.doc Bài 6 : http://utbinh.com/ANOV08/151108/bosung.doc Bài 7 : http://utbinh.com/ANOV08/171108/TEXT_HINH.doc Bài 8 : http://utbinh.com/ANOV08/181108/giaodien.doc Bài 9 : http://utbinh.com/ANOV08/241108/khaosat.doc Bài 10 : http://utbinh.com/ANOV08/261108/hieuluc.doc Bài 11 : http://utbinh.com/ANOV08/291108/khampha.doc Bài 12 : http://utbinh.com/ADEC08/041208/personal.doc Bài 13 : http://utbinh.com/ADEC08/091208/WITZARD.doc Bài 14 : http://utbinh.com/ADEC08/151208/copypaste.doc Bài 15 : http://utbinh.com/ADEC08/201208/DINHDANG.doc Bài 16 :http://utbinh.com/A2/250209/TrinhDuyet.doc Bài 17 : http://utbinh.com/A3/050309/DANHSACH.doc Bài 18 : http://utbinh.com/A3/090309/table.doc Bài 19 : http://utbinh.com/A3/100309/table2.doc Bài 20 : http://utbinh.com/A3/220309/HINH.doc
6
Bài 21 : http://utbinh.com/A3/290309/bocuc.doc Bài 22 :http://utbinh.com/A4/300309/thumbnail.doc Bài 23 :http://utbinh.byethost10.com/030409/byethost.doc Bài 24 :http://utbinh.com/A4/190409/DRAWING.doc Bài 25 : http://utbinh.com/A4/260409/web.doc Bài 26 : http://utbinh.com/A5/250509/TAOWEB.doc Bài 27 : http://utbinh.com/A6/080609/THEME.doc Bài 28 : http://utbinh.com/A6/110609/COMPONENTS.doc Bài 29 : http://utbinh.com/A6/130609/SITE120609.doc Bài 30 : http://utbinh.com/A6/190609/HYPERLINK.doc Bài 31 : http://utbinh.com/A6/290609/CHUONG6.doc Bài 32 : http://utbinh.com/A6/300609/trangkhung.doc LINKS THỰC TẬP FRONTPAGE 2003 Trên host mua : http://utbinh.com/ANOV08/121108/site121108/index.htm http://utbinh.com/ANOV08/site141108/indexB.htm http://utbinh.com/ANOV08/site161108/index.htm http://utbinh.com/ANOV08/site151108/index.htm http://utbinh.com/site011208/index.htm http://utbinh.com/site071208/index.htm http://utbinh.com/site151208/index.htm http://utbinh.com/site151208/index.htm http://utbinh.com/site161208/index.htm http://utbinh.com/A2/site250209/index.htm http://utbinh.com/A3/site080309/index.htm http://utbinh.com/site280309/index.htm http://utbinh.com/site250309/index.htm http://utbinh.com/A4/site040409/index.htm http://utbinh.com/site150409/index.htm http://utbinh.com/A4/site040409/index.htm http://utbinh.com/A4/site150409A/index.htm http://utbinh.com/A4/site150409A/index.htm http://utbinh.com/A4/site150409A/index.htm http://utbinh.com/A4/site250409A/index.htm http://utbinh.com/A6/120609/index.htm http://utbinh.com/A6/site150609/index.htm LINKS THỰC TẬP FRONTPAGE 2003 Trên host free 110mb.com : http://kimtrang.110mb.com/onePage2/indexB.htm http://kimtrang.110mb.com/site121108/index.htm http://kimtrang.110mb.com/site141108/indexB.htm http://kimtrang.110mb.com/site151108/index.htm http://kimtrang.110mb.com/site161108/index.htm http://kimtrang.110mb.com/site261108/index.htm http://kimtrang.110mb.com/site011208/index.htm http://kimtrang.110mb.com/site071208/index.htm http://kimtrang.110mb.com/site151208/index.htm http://kimtrang.110mb.com/site161208/index.htm http://kimtrang.110mb.com/site250209/index.htm http://kimtrang.110mb.com/site080309/index.htm http://kimtrang.110mb.com/site280309/index.htm http://kimtrang.110mb.com/site250309/index.htm http://utbinhdesign.byethost2.com/site150409/index.htm http://utbinh.byethost10.com/site040409/index.htm http://utbinhdesign.byethost2.com/site150409A/index.htm http://utbinh.byethost10.com/site150409A/index.htm http://utbinhdesign.byethost2.com/site250409/index.htm http://utbinhdesign.byethost2.com/site250409/index.htm http://utbinh.byethost10.com/site250409/trang5.htm http://minh.byethost5.com/120609/index.htm http://minh.byethost5.com/site150609/index.htm
7