Bài giảng Thiết kế Web: Chương 5 Từ Thị Xuân Hiền

CHƯƠNG V FRAME I GIỚI THIỆU FRAMES(KHUNG)     Khi cần hiển thị trình duyệt nhiều nội dung, chủ đề khác trang giải pháp đáp ứng cho trường hợp frame (khung) Có thể phân chia trang thành khung, cho phép người truy cập lúc xem nhiều trang mà không cần hình, khung chứa trang web riêng Nếu trang sử dụng Frame không sử tag Body Ví dụ: cần tạo trang web mà khung bên trái chứa mục liên kết, bên phải hiển thị nội dung trang liên kết, phần trang chứa logo Cách thực hiện: Trước hết ta tạo trang web riêng: trang logo, trang chứa liên kết trang nội dung chính, sau đưa trang vào khung frame II CÁCH TẠO MỘT FRAME LAYOUT  Cú pháp: Page Title Frame Definitions Các dạng frame:  Tạo frame theo dòng Cú pháp: Nội dung tiêu đề … a, b: độ cao dòng thứ 1, thứ …, tính pixel % – Name: tên khung, (xác định chức khung) – Content.htm: địa trang web xuất khung  Ví dụ: Frame – Tạo frame theo cột Cú pháp:  Nội dung tiêu đề … – – – a, b: độ cao dòng thứ 1, thứ …, tính pixel % Name: tên khung, (xác định chức khung) Content.htm: địa trang web xuất khung Ví dụ: Frame III CÁC THUỘC TÍNH CỦA FRAME     Noresize: Không đổi kích thước Scrolling: có/không có cuộn Auto: Xuất cuộn nội dung dài Yes: xuất cuộn No: không xuất cuộn Ví dụ: Frameborder: đường viền khung mặc định 1, muốn khung không đường viền tag Frameset nhập thêm Border=0, Marginwidth: hiệu chỉnh khoảng cách từ nội dung đến lề trái phải khung (tính pixel)  Marginheight: hiệu chỉnh khoảng cách từ nội dung đến lề khung (tính pixel) Các frame lồng nhau: … …   IV LIÊN KẾT FRAME   Trang khung thuộc tính SRC, ta chỉnh trang khác xuất khung cách vị trí trang đích (Target) Tại trang muốn tạo liên kết với khung, ta nhập cú pháp: Nhãn mục liên kết Trong : Target=Name : tên khung mà trang muốn liên kết đến tag Page.htm: trang hiển thị khung liên kết   Tag : Nếu có nhiều liên kết đến trang xuất khung thuộc tính target mặc định đặt tag Cú pháp: V PHẦN TỬ NOFRAMES   Phần tử NOFRAMES sử dụng để nội dung thay cho frame trình duyệt không hổ trợ frame Cú pháp: Page title Frame Definitions Page Layout VI PHẦN TỬ IFRAME   Nếu muốn trộn văn khung trang phải tạo khung bên trang tag , trình duỵêt không hổ trợ nội dung IFRAME bị trả lại Cú pháp:Tại vị trí muốn chèn frame, nhập cú pháp: Nội dung thay trình duyệt không chấp nhận khung Trong đó: Page.htm: trang xuất khung Name: tên khung x, y: kích thước khung Align: canh lề VÍ DỤ: [...]... khung đó bằng cách chỉ ra vị trí trang đích (Target) Tại trang muốn tạo liên kết với khung, ta nhập cú pháp: Nhãn mục liên kết Trong đó : Target=Name : tên của khung mà trang muốn liên kết đến trong tag Page.htm: trang hiển thị trong khung liên kết   Tag : Nếu có nhiều liên kết đến các trang xuất hiện trong cùng một khung thì thuộc tính target mặc... Border=0, Marginwidth: hiệu chỉnh khoảng cách từ nội dung đến lề trái và phải của khung (tính bằng pixel)  Marginheight: hiệu chỉnh khoảng cách từ nội dung đến lề trên và dưới của khung (tính bằng pixel) Các frame lồng nhau: … …   IV LIÊN KẾT FRAME   Trang đầu tiên của khung được ... Target=”name”> Nhãn mục liên kết Trong : Target=Name : tên khung mà trang muốn liên kết đến tag Page.htm: trang hiển thị khung liên kết   Tag : Nếu có nhiều liên kết đến trang xuất... bên trái chứa mục liên kết, bên phải hiển thị nội dung trang liên kết, phần trang chứa logo Cách thực hiện: Trước hết ta tạo trang web riêng: trang logo, trang chứa liên kết trang nội dung chính,... …   IV LIÊN KẾT FRAME   Trang khung thuộc tính SRC, ta chỉnh trang khác xuất khung cách vị trí trang đích (Target) Tại trang muốn tạo liên kết với khung, ta nhập cú pháp: