Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Lab 07 THIẾT KẾ LAYOUT WEB CÔNG TY KINH DOANH XE HƠI 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 cửa hàng kinh doanh Xe Bước Thiết kế bố cục chung banner http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript File: Layout.htm Liên kết file style.css chứa code định dạng CSS Định dạng khung toàn trang Định dạng cho khung “Company Name” Định dạng cho khung hiển thị Xe Định dạng câu “Company Sologan…” File: Style.Css Định dạng thuộc tính chung toàn trang Định dạng thẻ h1 Định dạng khung toàn trang Bước Thiết kế thêm Menu ngang Định dạng cho khung “Company Name” Tràn nội dung Định dạng link Định dạng câu “Company Sologan…” Định dạng cho khung hiển thị Xe Định dạng kẻ dọc ngăn cách http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Code bổ sung cho file style.css Tràn nội dung bên Định dạngnền cho menu Định dạng cho liên kếtnu Định dạng kẻ dọc ngăn cách item Menu Kết quả: Bước Thiết nội dung khung trái Định dạng khung nội dung phần thân Định dạng khung bên trái Định dạng khung sản phẩm 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 Bổ sung code vào file Style.css Định dạng khung nội dung phần thân Định dạng khung bên trái Định dạng khung sản phẩm bên trái Định dạng nội dung khung Định dạng cho liên kết Readmore 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 Thiết kế nội dung bên phải Định dạng khung bên phải Dòng chữ tiêu đề Định dạng nội dung Tiêu đề sản phẩm Định dạng liên kết read more Định dạng khung bên phải Bổ sung code vào file stle.css Định dạng nội dung Tiêu đề sản phẩm Kết quả: Bước Thiết kế phần chân trang Định dạng liên kết cuối trang Định dạng phần copyright http://www.thayphet.net Bài Tập Thực Hành Thiết Kế Web Với Ngôn Ngữ Html, Css, Javascript Định dạng liên kết cuối trang Định dạng phần copyright Kết quả: http://www.thayphet.net