Lab08 layoutwebdambau
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.99 MB, 11 trang )
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Lab 08.
THIẾT KẾ LAYOUT WEBSITE THÀNH ĐOÁN TP.HCM
Mục tiêu:
-
Kết hợp ngôn ngữ HTML & CSS xây dựng hoàn chỉnh Layout Web.
Chủ đề: Website Thành đoàn TP.HCM
1
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Bước 1 Thiết kế Bố cục chung và header (Banner và Menu)
Index.htm
Kết quả chứa có css:
2
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Style.css
Kết quả:
3
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Bước 2. Nội dung nhóm tin vùng trái
Index.htm
Kết quả chưa có CSS:
4
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Style.css
Kết quả:
Bước 3: Vùng nội dung bên trái phần tin khác
Index.htm
5
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Style.css
Kết quả:
Bước 4: Nhân bản vùng tin bên trái
6
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Kết quả:
7
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Bước 5: Vùng nội dung tin tiêu biểu bên phải
Index.html
Style.html
8
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Kết quả:
Nhân bản vùng tin tiêu biều bên phải:
Kết quả::
9
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Bước 6: Phần quảng cáo bên phải:
Index.html
Style.css
Kết quả:
Bước 7: Phần chân trang:
Index.html
10
Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript
Style.css
Style.css
---Hết---
11
