Bước 1: Vào File -->New -->Chọn như hình bên dưới:
Bước 2: Lưu file
template mới với tên file-mau.dwt
Sau khi lưu trong dự án sẽ có thư mục Template, bên trong có
file-mau.dwt
Nội dung file-mau.dwt sau khi tạo:
Bước 3: Trong cặp thẻ <body>
… </body> tạo nội dung như
sau:
Trong file myCSS.css
tạo nội dung như sau:
@charset "utf-8";
.header {
font-size: 70px;
color: #F00;
height: 150px;
width: 100%;
border: thin solid
#363;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 40px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-align: center;
background-color:
#C8E8CD;
font-family:
"Courier New", Courier, monospace;
font-weight: bold;
}
.menu{
font-size: 20px;
color: #FFF;
height: 40px;
width: 100%;
border: thin solid
#363;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
background-color:
#C00;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.menuLeft {
float: left;
font-size: 20px;
color: #009;
height: 500px;
width: 15%;
border: thin solid
#363;
margin: 5px;
padding: 5px;
background-color:
#396;
background-color:
#C8E8CD;
}
.contents{
float: left;
width: 77%;
border: thin solid
#363;
height: 500px;
margin: 5px;
padding: 5px;
font-family: Verdana,
Geneva, sans-serif;
font-size: 20px;
color: #000;
}
.footer{
float: left;
height: 200px;
width: 100%;
border: thin solid
#363;
background-color:
#C8E8CD;
color: #009;
}
.menuLeft ul li {
font-size: 20px;
}
Bước 4: Tạo vùng
chỉnh sửa trong file-mau.dwt: Chọn
vùng chỉnh sửa như hình bên dưới:
-->Chọn như hình bên dưới:
Bước 5: Tạo các
trang mới sau từ file-mau.dwt:
1. trang-chu.html
2. gioi-thieu.html
3. lien-he.html
4. tivi.html
5. tu-lanh.html
6. may-quat.html
Ví dụ: tạo trang-chu.html. Vào file àNew àChọn
như hình bên dưới:
Nhập như hình bên dưới:
-->Sau đó lưu lại với tên trang-chu.html
Tiếp theo tạo siêu
liên kết đế trang chủ trong file-mau.dwt
Mở file-mau.dwt -->Chọn
chữ Trang chủ -->chọn
như hình bên dưới:
-->Sau đó chọn theo như hình bên dưới:
-->Nháy OK được
kết quả như sau:
-->Nhấn phím Ctrl+S để lưu lại và chọn như sau:
Các file còn lại: gioi-thieu.html, lien-he.html, tivi.html, tu-lanh.html, may-quat.html làm như ví dụ trên
