Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
2. NHẮC LẠI BÀI TRƯỚC
Làm quen với các thành phần trên trang web
Định nghĩa CSS cho những thành phần:
Table
Form
Lists & Menu
Làm việc với drop-down menu
Làm quen với các thành phần trên trang web
Định nghĩa CSS cho những thành phần:
Table
Form
Lists & Menu
Làm việc với drop-down menu
Bài 7 - Xây dựng website
3. MỤC TIÊU BÀI HỌC
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Bài 7 - Xây dựng website
6. DỰ ÁN WEBSITE
Thiết kế bố cục các trang
Định nghĩa được những thành phần có trong các
trang:
Menu
Panel
Form
Sidebar
Header
Footer
Bài 7 - Xây dựng website
Thiết kế bố cục các trang
Định nghĩa được những thành phần có trong các
trang:
Menu
Panel
Form
Sidebar
Header
Footer
8. CẤU TRÚC THƯ MỤC
Thư mục local: chứa tất cả những phiên bản chính
xác của toàn bộ trang trong website
Thuận tiện khi upload lên mạng
Root Directory (thư mục gốc):
Là URL gốc cho trang web
Gắn liền với địa chỉ web thông qua ISP (Internet
service provider – nhà cung cấp mạng)
Bài 7 - Xây dựng website
Thư mục local: chứa tất cả những phiên bản chính
xác của toàn bộ trang trong website
Thuận tiện khi upload lên mạng
Root Directory (thư mục gốc):
Là URL gốc cho trang web
Gắn liền với địa chỉ web thông qua ISP (Internet
service provider – nhà cung cấp mạng)
9. Cấu trúc thư mục điển hình của một website
Images: chứa file ảnh
Styles: chứa các file CSS
Script: chứa các file kịch bản Javascript
Index.html, home.html: trang chủ
CẤU TRÚC THƯ MỤC
Bài 7 - Xây dựng website
19. CÂU HỎI
1. Tại sao phải cấu trúc thư mục khi làm website?
2. Kiến trúc trên trang web có tác dụng gì?
Bài 7 - Xây dựng website
20. TỔNG KẾT
Trước khi thực hiện dự án website, cần chú ý:
Lập yêu cầu, nội dung
Thiết kế kiến trúc của webpage (trong toàn bộ
website)
Có thể sử dụng nhiều file CSS để import vào file
XHTML
Phân tách nội dung trong file .html và trình bày
trong file .css
Trước khi thực hiện dự án website, cần chú ý:
Lập yêu cầu, nội dung
Thiết kế kiến trúc của webpage (trong toàn bộ
website)
Có thể sử dụng nhiều file CSS để import vào file
XHTML
Phân tách nội dung trong file .html và trình bày
trong file .css
Bài 7 - Xây dựng website