Lab08 layoutwebdambau

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 http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Bước Thiết kế Bố cục chung header (Banner Menu) Index.htm Kết chứa có css: http://www.thayphet.net 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ả: http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Bước Nội dung nhóm tin vùng trái Index.htm Kết chưa có CSS: http://www.thayphet.net 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 http://www.thayphet.net 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 vùng tin bên trái http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Kết quả: http://www.thayphet.net 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 http://www.thayphet.net 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 vùng tin tiêu biều bên phải: Kết quả:: http://www.thayphet.net 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 http://www.thayphet.net 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 - http://www.thayphet.net 11