Bài giảng Web and Frontpage 2002 - Bài 6: Table & Frame

TABLE & FRAME C ÁCH DÙNG BẢNG T rang web có nhiều phần tử như văn bản, hình ảnh lớn nhỏ xen kẽ nhau, việc sắp xếp vị trí các phần tử này th ường theo dạng cột V iệc cố định vị trí văn bản và hình ảnh nằm cạnh nhau theo chiều ngang không thể thực hiện được với các thẻ (Tag) định dạng HTML thông thường. Để giải quyết vấn đề này, người ta dùng bảng (table), vì ưu điểm của bảng là giữ nguyên vị trí tương đối các ô (cell) theo hàng ngang khi thay đổi kích thước cửa sổ hay trình duyệt, cho phép “lồng” bảng trong bảng theo nhiều cấp. Hiện nay, việc dùng bảng để chia trang chủ thành ba cột rất thông dụng của rất nhiều website nước ngoài lẫn trong nước. BA COÄT TREÂN TRANG CHUÛ Có thể chèn một dòng trống phía trên bảng để nhập văn bản (chú thích) : Table/Insert/Caption. Có thể chèn hình ảnh vào ô, canh vị trí, tạo thumbnail, tạo liên kết cho hình ảnh giống như đối với những hình ngoài bảng. Khi chèn ảnh có kích thước lớn hơn kích thước ô, kích thước ô sẽ thay đổi cho vừa với kích thước ảnh. Nếu kích thước ảnh nhỏ hơn kích thước ô, có thể canh hàng cho ảnh tương tự như với văn bản. T ạo bảng trong bảng : chuyển con trỏ vào bảng hay ô đang có rồi mở menu Table/Insert/Table TAÏO BAÛNG VAØ THAO TAÙC TABLE/INSERT/ TABLE CAÙC THAO TAÙC TREÂN TABLE TÖÔNG TÖÏ NHÖ TRONG WORD T ẠO B Ả NG Trong hộp thoại Insert Table : S ố lượng hàng (Rows), cột (Columns) C hiều rộng bảng theo giá trị tuyệt đối (In pixels) hay tương đối (In percent) - chiếm bao nhiêu phần trăm so với cửa sổ trình duyệt. Canh vị trí bảng bên trái, phải hay giữa trang web (Alignment). Kích thước đường biên (Border size). K hoảng cách giữa các ô (Cell spacing) và khoảng trắng giữa đường viền và ô (Cell padding). LAØM LAËN KHUNG BAÛNG CHO BẰNG 0 MAÀU & HÌNH NEÀN CUÛA BAÛNG TABLE/PROPERTIES/TABLE MAÀU & HÌNH NEÀN CUÛA BAÛNG BAÛNG VÔÙI SIZE CHÖÕ 2 (10pt) FRAME TRANG KHUNG Frame laø caùch chia moät trang maøn hình thaønh nhieàu khung. Moãi khung coù moät teân .htm, moät title vaø thöôøng chöùa noäi dung cuûa moät trang khaùc. Caùc khung vaø noäi dung trong ñoù coù quan heä vôùi nhau vì chuùng laø thaønh phaàn cuûa moät trang. Trang khung laø moät trang ñaëc bieät. TRANG KHUNG Thoâng thöôøng chia trang thaønh 3 khung : -Khung nhoû, daøi ôû phía treân -Khung nhoû doïc ôû beân traùi -Khung chính lôùn ôû phía phaûi TRANG KHUNG -Khung treân chöùa tieâu ñeà hay nhöõng noäi dung mang yù nghóa xuyeân suoát cuûa trang. -Khung traùi chöùa caùc doøng laø thaønh phaàn chính, menu. -Khung phaûi chöùa noäi dung chi tieát töông öùng vôí moät thaønh phaàn cuûa khung beân traùi. Trang khung TAÏO LAÄP File/New/Page or Web CHỌN XEM THỬ QUYẾT ĐỊNH THIẾT LẬP BAN ĐẦU LI ÊN KẾT VỚI MỘT TRANG ĐÃ CÓ TẠO TRANG MỚI SAU KHI THIẾT LẬP -   Set Initial Page - NewPage THAO TÁC VỚI FRAME FRAME PROPERTIES Initial Page Frame Size Margins Show scrollbars -If Needed (coù thanh cuoán doïc) -Never (khoâng coù) -Always (coù thanh cuoán doïc, ngang) SAVE 4 1 2 3