Web design for developers chapter 9building the home page with HTML

GIAO TIẾP NGƯỜI MÁY ĐỀ TÀI BÁO CÁO: Web Design for Developers Chapter 9:Building the Home Page with HTML NỘI DUNG I Working with Web Standards II The Home-Page Structure III.The Header IV Navigation V The Sidebar VI The Main Content VII The Footer I Working with Web Standards Khái niệm W3C ? Một website chuẩn W3C trải qua đủ giai đoạn chuẩn sau:  Phác thảo (Working Draft)  Chỉnh sửa Cuối (Last Call)  Trình chuẩn (Proposed Recommendation)  Chuẩn đủ Tư cách Ứng cử (Candidate Recommendation Lợi ích ? II The Home-Page Structure  Phần đầu: header, chứa logo, câu slogan, liên kết, banner liên kết, button, đoạn flash, form ngắn form tìm kiếm,  Phần liên kết tồn cục: global navigation, dùng để chứa liên kết đến trang quan trọng tồn trang, phần chứa thêm liên kết (sub navigation)  Phần thân trang: page body, phần chứa phần nội dung (content) phần nội dung phụ (sidebar)  Phần nội dung chính: content, phần chứa nội dung cần thể cho người dùng xem  Phần nội dung phụ: sidebar, phần chứa liên kết phụ trang (local navigation), banner chứa liên kết liên quan, dùng để chứa liên kết quảng cáo,  Phần cuối trang web: footer, phần thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ, đặc biệt copyright, chứa liên kết tồn trang, banner liên kết, Ví dụ web đkmh: Ví dụ giao diện facebook Click to edit Master text styles Second level Third level Fourth level Fifth level Cấu trúc trang web Các ví dụ layout thiết kế trang web Kiểu khối hộp:  Ví dụ thực tế Hiệu ứng hình chiều  Ví dụ thực tế Kiểu lưới nâng cao  Ví dụ thực tế Kiểu sử dụng ảnh đồ họa làm trọng tâm  Ví dụ thực tế III The header  Vùng Header chứa tiều đề phụ đề trang  Sử dụng thẻ để tạo vùng header trang  Thẻ chứa thơng tin mở The Header Ví dụ 1: Click to edit Master text styles Ví dụ 2: chưa , tạo nhóm tiêu đề,bằng sử dụng mức từ h1 ->h6 Và có tiều đề tiều đề phụ IV Navigation  Sử dụng thẻ để tạo vùng Navigation đinh nghĩa vùng đặc biệt dành cho việc chuyển hướng  Nên sử dụng thẻ để chuyển hướng trang web chính, khơng dùng để thiết lập liên kết Ví dụ: V The Sidebar  Nên đặt Sidebar?  Nên đặt bên trái hay bên phải? VI The Main Content Thẻ Section Thẻ section dùng để xác định phần quan trọng nội dung trang Thẻ có phần tương tự việc chia sách thành chương Ví dụ Thẻ article Thẻ article (mục) xác định phần nội dung trang web Hãy nghĩ blog, nơi mà đăng riêng tạo nên phần nội dung có ý nghĩa Ví dụ VII.The Footer  Phần chứa thơng tin trang web viết, chẳng hạn tác giả hay ngày viết  Là phần cuối trang nên chứa quyền thơng tin pháp lý quan trọng Ví dụ:

Posted by: Hege Refsnes

Contact information: someone@example.com.

Cám ơn thầy bạn lắng nghe  ... I Working with Web Standards II The Home- Page Structure III .The Header IV Navigation V The Sidebar VI The Main Content VII The Footer I Working with Web Standards Khái niệm W3C ? Một website chuẩn... (Candidate Recommendation Lợi ích ? II The Home- Page Structure  Phần đầu: header, chứa logo, câu slogan, liên kết, banner liên kết, button, đoạn flash, form ngắn form tìm kiếm,  Phần liên kết tồn... dụng thẻ để chuyển hướng trang web chính, khơng dùng để thiết lập liên kết Ví dụ: V The Sidebar  Nên đặt Sidebar?  Nên đặt bên trái hay bên phải? VI The Main Content Thẻ Section Thẻ section