TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO THỰC TẬP CƠ SỞ ĐỀ TÀI: Tìm hiểu html5 css3, thiết kế website đồ chơi trẻ em L/O/G/O Giáo viên hướng dẫn: ThS Tô Hữu Nguyên Sinh viên thực hiện: Nguyễn Thị Thủy Lớp: CNTTK12B www.trungtamtinhoc.edu.vn N Nội dung báo cáo • Chương I:Tổng quan html css • Chương II: Tổng quan html5 css3 • Chương III: Xây dựng chương trình Demo thiết kế website bán đồ chơi trẻ em www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về Html Html Html css ? HTML biết đến loại ngôn ngữ dùng để mô tả hiển thị trang web Html bao gồm: -Các dạng thẻ HTML -Thành phần HTML www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css css Ưu điểm CSS CSS tách riêng phần định dạng khỏi nội dung trang web Tính khả dụng CSS sợi xuyên suốt trình thiết kế website Do định nghĩa Style tách riêng khỏi nội dung trang • Các đặc tính CSS CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ Có thể khai báo CSS nhiều cách khác www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 • • Sự đời HTML5 HTML5 cho phép lớp ứng dụng web đời, hỗ trợ nội dung đa phương tiện tính offline mà không cần đến công nghệ độc quyền kèm www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 * Các thuộc tính HTML5 Các tính video HTML5 – cho phép đơn giản hoá việc thêm video vào trang Web * Video hiệu ứng Flash HTML5 cho phép bạn xem video mà không cần sử dụng plugin Flash Silverlight * Những lợi ích lớn với tính video HTML5 • • • Thứ nhất, miễn phí không cần cài plug-in Adobe Flash Player Thứ hai, Flash làm chậm phần máy tính bạn Sau cùng, nhiều phần mềm chạy chiếm tài nguyên hệ thống www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 *HTML5 có số mục tiêu để phân biệt với HTML HTML giữ cho cấu trúc HTML bên cạnh bổ sung thêm tập lệnh Một số trình duyệt có hỗ trợ HTML 5: Firefox, Chrome, Safari, Opera Tính tiện dụng: đặt người dùng lên hàng đầu nên cú pháp HTML5 thoải mái (dù chưa chặt chẽ XHTML), thiết kế hỗ trợ sẵn bảo mật, tách biệt phần nội dung trình bày ngày thể rõ www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 Sự đời CSS3 • Các thuộc tính CSS3 www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 *Các thuộc tính CSS3 • Các chọn • Bộ chọn CSS đề cập đến cách thức để định kiểu (các) phần tử HTML theo bảng định kiểu • Các hiệu ứng • Mặc dù chọn có lẽ tính làm giảm đau đầu cho nhà phát triển nhiều nhất, cải tiến mà người muốn nhìn thấy hiệu ứng sáng chói có sẵn www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 *Các bố trí nhiều cột Các cách bố trí nhiều cột CSS3 tính đến văn trải rộng số cột, giống bạn thấy tờ báo Các phông chữ Web Các phông chữ Web thực đề xuất cho CSS2 có sẵn Microsoft Internet Explorer từ phiên Các tính khác CSS3 bao gồm nhiều tính khác, gồm hỗ trợ cho giá trị màu mới, đặc biệt HSL 10 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO Giao diện trang web 11 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO • Mục đăng kí 12 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO •
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO THỰC TẬP CƠ SỞ ĐỀ TÀI: Tìm hiểu html5 css3, thiết kế website đồ chơi trẻ em L/O/G/O Giáo viên hướng dẫn: ThS Tô Hữu Nguyên Sinh viên thực hiện: Nguyễn Thị Thủy Lớp: CNTTK12B www.trungtamtinhoc.edu.vn N Nội dung báo cáo • Chương I:Tổng quan html css • Chương II: Tổng quan html5 css3 • Chương III: Xây dựng chương trình Demo thiết kế website bán đồ chơi trẻ em www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về Html Html Html css ? HTML biết đến loại ngôn ngữ dùng để mô tả hiển thị trang web Html bao gồm: -Các dạng thẻ HTML -Thành phần HTML www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css css Ưu điểm CSS CSS tách riêng phần định dạng khỏi nội dung trang web Tính khả dụng CSS sợi xuyên suốt trình thiết kế website Do định nghĩa Style tách riêng khỏi nội dung trang • Các đặc tính CSS CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ Có thể khai báo CSS nhiều cách khác www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 • • Sự đời HTML5 HTML5 cho phép lớp ứng dụng web đời, hỗ trợ nội dung đa phương tiện tính offline mà khơng cần đến cơng nghệ độc quyền kèm www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 * Các thuộc tính HTML5 Các tính video HTML5 – cho phép đơn giản hoá việc thêm video vào trang Web * Video hiệu ứng Flash HTML5 cho phép bạn xem video mà không cần sử dụng plugin Flash Silverlight * Những lợi ích lớn với tính video HTML5 • • • Thứ nhất, miễn phí không cần cài plug-in Adobe Flash Player Thứ hai, Flash làm chậm phần máy tính bạn Sau cùng, nhiều phần mềm chạy chiếm tài nguyên hệ thống www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về html5 html5 và css3 css3 *HTML5 có số mục tiêu để phân biệt với HTML HTML giữ cho cấu trúc HTML bên cạnh bổ sung thêm tập lệnh Một số trình duyệt có hỗ trợ HTML 5: Firefox, Chrome, Safari, Opera Tính tiện dụng: đặt người dùng lên hàng đầu nên cú pháp HTML5 thoải mái (dù chưa chặt chẽ XHTML), thiết kế hỗ trợ sẵn bảo mật, tách biệt phần nội dung trình bày ngày thể rõ www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 Sự đời CSS3 • Các thuộc tính CSS3 www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 *Các thuộc tính CSS3 • Các chọn • Bộ chọn CSS đề cập đến cách thức để định kiểu (các) phần tử HTML theo bảng định kiểu • Các hiệu ứng • Mặc dù chọn có lẽ tính làm giảm đau đầu cho nhà phát triển nhiều nhất, cải tiến mà người muốn nhìn thấy hiệu ứng sáng chói có sẵn www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về css3 css3 *Các bố trí nhiều cột Các cách bố trí nhiều cột CSS3 tính đến văn trải rộng số cột, giống bạn thấy tờ báo Các phông chữ Web Các phông chữ Web thực đề xuất cho CSS2 có sẵn Microsoft Internet Explorer từ phiên Các tính khác CSS3 bao gồm nhiều tính khác, gồm hỗ trợ cho giá trị màu mới, đặc biệt HSL 10 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO Giao diện trang web 11 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO • Mục đăng kí 12 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO • Đăng nhập 13 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO • Giỏ hàng 14 www.trungtamtinhoc.edu.vn Kết Kết luận luận Kết đạt Xây dựng thiết kế giao diện website bán đồ chơi trẻ em Thiết kế chức hệ thốngBảo mật mạng giao thức VACLs Giao diện thân thiện, dễ sử dụng Đưa hệ thống vào thử nghiệm hosting Hướng phát triển đề tài Mở rộng trang web với quy mô lớn hơn, có nhiều ứng dụng hợp lý Xây dựng website có khả thay đổi giao diện, nội dung theo thời gian 15 www.trungtamtinhoc.edu.vn Em Xin Chân Thành Cảm Ơn ! 16 www.trungtamtinhoc.edu.vn ... • Chương I:Tổng quan html css • Chương II: Tổng quan html5 css3 • Chương III: Xây dựng chương trình Demo thiết kế website bán đồ chơi trẻ em www.trungtamtinhoc.edu.vn Tổng Tổng quan quan về Html... DEMO DEMO • Đăng nhập 13 www.trungtamtinhoc.edu.vn XÂY XÂY DỰNG DỰNG CHƯƠNG CHƯƠNG TRÌNH TRÌNH DEMO DEMO • Giỏ hàng 14 www.trungtamtinhoc.edu.vn Kết Kết luận luận Kết đạt Xây dựng thiết kế. .. giao diện website bán đồ chơi trẻ em Thiết kế chức hệ thốngBảo mật mạng giao thức VACLs Giao diện thân thiện, dễ sử dụng Đưa hệ thống vào thử nghiệm hosting Hướng phát triển đề tài Mở