Bài giảng Phát triển ứng dụng web 1: C.R.A.P cung cấp cho người học các kiến thức: Giới thiệu CSS, định nghĩa Style và các đơn vị tính, phân loại CSS, phạm vi áp dụng CSS (selector), một số tag HTML dùng riêng CSS. Mời các bạn cùng tham khảo.
Trang 1C.R.A.P Phát tri n ng d ng web 1 ể ứ ụ
Trang 2N i dung bu i h c trộ ổ ọ ước
Trang 5Gi i thi u C.R.A.Pớ ệ
• C.R.A.P sẽ không đảm bảo thiết kế hoàn hảo
• Bài giảng này là không đủ cho bạn để hiểu đầy
• Tôi không phải là một chuyên gia về thiết kế ,
nhưng tôi biết C.R.A.P khi tôi nhìn thấy nó
Trang 6• Contrast : sự tương phản
• Thu hút sự quan tâm của người xem
Trang 7GOOD DESIGN ?
BAD DESIGN ?
Trang 8C : Contrast – Exhibit 2
Trang 10R : Repetition – Exhibit1
Trang 11R : Repetition – Exhibit2
Trang 12R : Repetition – Exhibit 3
Trang 13R : Repetition – Exhibit 4
Trang 14• Alignment : sự canh lề
Không có gì là tuỳ tiện,
không thể có yếu tố ngẫu
nhiên để lấp đầy không
gian trang web
Trang 16A : Alignment – Exhibit 1
Trang 177 – C.R.A.P
17
Trang 18A : Alignment – Exhibit 3 (cont)
Trang 197 – C.R.A.P
19
Trang 217 – C.R.A.P
21
Trang 22P : Proximity – Exhibit 2
Trang 2323
Design – stand out
Trang 24Thank you !