THỰC TẬP CƠ SỞ ĐỀ TÀI: Tìm hiểu html5 css3, thiết kế website đồ chơi trẻ em

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 và 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

1
www.trungtamtinhoc.edu.vn


N
Nội dung báo cáo

•

Chương I:Tổng quan về html và css

•

Chương II: Tổng quan html5 và css3

•

Chương III: Xây dựng chương trình Demo thiết kế website bán đồ chơi trẻ em.

2
www.trungtamtinhoc.edu.vn


Tổng
Tổng quan
quan về
về Html
Html

Html và css là gì ?
HTML được biết đến là một loại ngôn ngữ dùng để mô tả hiển thị các trang web .
Html bao gồm:
-Các dạng thẻ HTML

-Thành phần HTML.

3
www.trungtamtinhoc.edu.vn


Tổng
Tổng quan
quan về
về css
css

 Ưu điểm của CSS
 CSS có thể tách riêng phần định dạng ra khỏi nội dung một trang web Tính khả dụng
 CSS là một sợi chỉ xuyên suốt trong quá trình thiết kế một website
 Do định nghĩa các Style có thể được tách riêng ra khỏi nội dung của trang
• Các đặc tính cơ bản của CSS
 CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó
 Có thể khai báo CSS bằng nhiều cách khác nhau

4
www.trungtamtinhoc.edu.vn


Tổng
Tổng quan
quan về
về html5
html5 và
và css3
css3

•
•

Sự ra đời của HTML5
HTML5 sẽ cho phép một lớp ứng dụng web mới ra đời, hỗ trợ nội dung đa phương tiện và
các tính năng offline mà không cần đến những công nghệ độc quyền đi kèm.

5
www.trungtamtinhoc.edu.vn

Tổng
Tổng quan
quan về
về html5
html5 và
và css3
css3
* Các thuộc tính mới trong HTML5
Các tính năng video của HTML5 – cho phép đơn giản hoá việc thêm một video vào trang Web
* Video và hiệu ứng Flash
HTML5 sẽ cho phép bạn xem video mà không cần sử dụng một plugin như Flash hoặc
Silverlight
* Những lợi ích lớn với tính năng video của HTML5

•
•
•

Thứ nhất, nó là miễn phí và không cần cài plug-in Adobe Flash Player.
Thứ hai, Flash có thể làm chậm 1 phần máy tính của bạn.
Sau cùng, nó chỉ là một trong nhiều phần mềm đang chạy và chiếm
tài nguyên hệ thống

6
www.trungtamtinhoc.edu.vn


Tổng
Tổng quan

quan về
về html5
html5 và
và css3
css3
*HTML5 có một số mục tiêu để phân biệt nó với HTML
HTML 5 vẫn giữ cho mình những cấu trúc cơ bản như HTML nhưng bên cạnh đó bổ sung thêm
các tập lệnh mới
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 của HTML5 khá thoải mái (dù chưa
được chặt chẽ như XHTML), thiết kế hỗ trợ sẵn bảo mật, và sự tách biệt giữa phần nội dung và
trình bày ngày càng thể hiện rõ

7
www.trungtamtinhoc.edu.vn


Tổng
Tổng quan
quan về
về css3
css3
Sự ra đời của CSS3

•

Các thuộc tính mới trong CSS3

8
www.trungtamtinhoc.edu.vn

Tổng
Tổng quan
quan về
về css3
css3
*Các thuộc tính mới trong CSS3

•

Các bộ chọn mới

•

Bộ chọn CSS đề cập đến cách thức để định kiểu (các) phần tử HTML theo một bảng định
kiểu

•

Các hiệu ứng mới

•

Mặc dù các bộ chọn mới có lẽ là những tính năng làm giảm đau đầu cho các nhà phát
triển nhiều nhất, những cải tiến mà mọi người muốn nhìn thấy là các hiệu ứng mới
sáng chói có sẵn

9
www.trungtamtinhoc.edu.vn

Tổng
Tổng quan
quan về
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 bản được trải rộng trên một số cột, giống như bạn
có thể thấy trong một tờ báo
Các phông chữ Web
Các phông chữ Web đã thực sự được đề xuất cho CSS2 và đã có sẵn trong Microsoft Internet
Explorer từ phiên bản 5
Các tính năng mới khác
CSS3 cũng bao gồm nhiều tính năng mới khác, gồm sự hỗ trợ cho các giá trị màu mới, đặc biệt
là 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 quả đạt được

 Xây dựng thiết kế giao diện website bán đồ chơi trẻ em
 Thiết kế các chức năng của hệ thốngBảo mật mạng bằ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 trên hosting.
Hướng phát triển của đề tài

 Mở rộng trang web với quy mô lớn hơn, có nhiều ứng dụng hợp lý hơn
 Xây dựng website có khả năng 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