Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 20 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
20
Dung lượng
1,84 MB
Nội dung
Bài7Xâydựngwebsite 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ài7 - Xâydựngwebsite 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 dungBài7 - Xâydựngwebsite DỰ ÁN WEBSITE DỰ ÁN WEBSITE http://www.scriptinwithajax.com/index.php Bài7 - Xâydựngwebsite 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ài7 - Xâydựngwebsite 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 CẤU TRÚC THƯ MỤC 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ài7 - Xâydựngwebsite 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) 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ài7 - Xâydựngwebsite KIẾN TRÚC WEBSITE [...]...KIẾN TRÚC WEBSITEBài7 - Xây dựngwebsite @import css @import url(css/mystylesheet.css); Tương đương: Bài7 - Xâydựngwebsite MÃ ĐÁNH DẤU HTML: Bài7 - Xâydựngwebsite Styling Coding... line-height:140%; marginbottom: .75 em;} ………… ………… ………… #footer p { font-size: .75 em; color:#FFF;} Bài7 - Xâydựngwebsite 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ài7 - Xâydựngwebsite 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... href="#">Contact Us Bài7 - Xâydựngwebsite KHUNG SIDEBAR Để thay đổi độ trong suốt: IE: filter:alpha(opacity=90); Firefox: -moz-opacity:0.9; Chuẩn CSS3: opacity:0.9; Bài7 - Xây dựngwebsite KHUNG SIDEBAR Tạo bo góc của box trên trang web: Sử dụng JavaSscript Sử dụng tính năng mới của CSS3 (cần chú ý trên IE) Bài7 - Xây dựngwebsite VÙNG NỘI DUNG CSS #content img {float:left; margin:0... #383838;} Bài7 - Xây dựngwebsite DROP-DOWN MENU HTML: What's New Table of Contents CSS Links Link 1 Link 2 Link 3 Link 4 Contact Us Bài7 - Xây dựng. .. 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ài7 - Xây dựngwebsite . Sidebar Form Đánh dấu trang Vùng nội dung Bài 7 - Xây dựng website DỰ ÁN WEBSITE DỰ ÁN WEBSITE http://www.scriptinwithajax.com/index.php Bài 7 - Xây dựng website DỰ ÁN WEBSITE Thiết kế bố cục các trang Định. opacity:0.9; KHUNG SIDEBAR Bài 7 - Xây dựng website Tạo bo góc của box trên trang web: Sử dụng JavaSscript Sử dụng tính năng mới của CSS3 (cần chú ý trên IE) KHUNG SIDEBAR Bài 7 - Xây dựng website VÙNG NỘI. Menu Làm việc với drop-down menu Bài 7 - Xây dựng website 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 &