- Tạo logo ẩn menu cho trang Web:
- Tạo logo hiện menu cho trang Web:
Hình 3.2.1.b: Logo hiện menu - Tạo nền bìa cho trang Web
Hình 3.2.1.c: Nền bìa của trang Web. - Tạo thư mục hình cây cho trang Web
Hình 3.2.1.d: Thư mục hình cây của trang Web
3.1.2.Tạo giao diện chính cho trang Web của bài giảng 3.1.2.1. Giới thiệu về thẻ (tag) chia khung (Frame)
Một trong những cơng cụ mạnh khác của HTML đĩ là kỹ thuật tạo khung trên mành hình của trình duyệt Web. khi sử dụng thẻ (tag) tạo khung, trang màn hình sẽ được chia thành từng phần và mỗi phần cĩ thể hiển thị từng trang Web riêng biệt. Chúng ta cĩ
thể chia một trang màn hình thành hai phần hoặc nhiều hơn nhưng vẫn đảm bảo màn hình dễ nhìn. Cấu trúc của khung (Frame): <html> <head>……….</head> <frameset cols(row) = …………> <frame SRC = ……...> </frameset> Trong đĩ:
Rows hay cols: thơng báo cho trình duyệt biết được chia cửa sổ màn hình ra theo hàng hay cột. Các giá trị gán cho các thuộc tính được phân bởi dấu “,” và giá trị của các thuộc tính được tính theo điểm.
Ví dụ 3.2.2.a: <frameset row = “100,200”>. Trong ví dụ này cửa sổ của màn hình được chia thành hai phần. Phần thứ nhất cĩ độ cao 100pixel và phần cịn lại 200pixel.
Ví dụ 3.2.2.b: <frameset row = “80,*,80”>. Ở đây cửa sổ màn hình được chia thành ba phần, phần và phần 2 như nhau, phần thứ 3 chiếm phần cịn lại.
SRC: Dùng để khai báo địa chỉ của giữ liệu sẽ được hiển thị trong từng khung.
Scrolling = Yes/No/Auto(mặc định). Cho biết cĩ sử dụng thanh cuộn trong các khung hay khơng.
Noresize: Khơng cĩ trị, ngăn sự thay đổi kích thước trong khung đã được chia.
Name: Đặt tên cho từng khung, tên này sẽ được dùng để tạo các đường liên kết.
3.1.2.2. Giao diện chính trang Web của bài giảng
Hình 3.2.2.2: Giao diện chính trang Web của bài giảng Đoạn code giao diện chính của trang Web như sau:
<html> <head>
<title>Giao Trinh Dien Tu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<frameset rows="95,348*" frameborder="NO" border="0" framespacing="0" >
cols="*" >
<frame name="topFrame" scrolling="NO" noresize src="logo.htm" >
</frameset>
<frameset frameborder="NO" border="0" framespacing="0" cols="*" >
<frameset frameborder="NO" border="0" framespacing="0" rows="*" name=content>
<frameset cols="206,607*" frameborder="NO" border="0" framespacing="0" name=content>
<frame name="leftFrame" scrolling="auto" src="contents2.htm" >
<frame name="mainFrame" src="main.htm"> </frameset> </frameset> </frameset> </frameset> <noframes> <body bgcolor="#FFFFFF"> </body></noframes> </html>.