10/25/23 Phát triển ứng dụng web Đại Học Sài Gòn – Khoa CNTT C.R.A.P GV: Phan Thị Kim Loan Nội dung buổi học trước Giới thiệu CSS Định nghĩa Style đơ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 Thực hành – C.R.A.P 2 10/25/23 Nội dung Cung cấp kiến thức C.R.A.P cho thiết kế: • C : Contrast • R : Repetition • A : Alignment • P: Proximity – C.R.A.P Tổng quan C.R.A.P Cung cấp kiến thức C.R.A.P cho thiết kế: • C : Contrast • R : Repetition • A : Alignment • P: Proximity – C.R.A.P 4 10/25/23 Giới thiệu C.R.A.P • C.R.A.P khơng đảm bảo thiết kế hồn hảo • Bài giảng không đủ cho bạn để hiểu đầy đủ C.R.A.P • Chỉ bạn thật hiểu C.R.A.P bạn biết sử dụng làm • Cần đọc Non –Designer’s Book bạn muốn trở thành nhà thiết kế tốt • Tơi khơng phải chuyên gia thiết kế , biết C.R.A.P tơi nhìn thấy – C.R.A.P C : Contrast • Contrast : tương phản • Thu hút quan tâm người xem – C.R.A.P 6 10/25/23 C : Contrast – Exhibit GOOD DESIGN ? BAD DESIGN ? 7 – C.R.A.P C : Contrast – Exhibit Độ tương phản không tốt làm trang web sức hút người xem – C.R.A.P 8 10/25/23 R : Repetition • Repetition : lập lại Làm cho website trở nên có tổ chức – C.R.A.P R : Repetition – Exhibit1 – C.R.A.P 10 10 10/25/23 R : Repetition – Exhibit2 – C.R.A.P 11 11 R : Repetition – Exhibit – C.R.A.P 12 12 10/25/23 R : Repetition – Exhibit Khơng có lặp lại làm cho trang web tổ chức – C.R.A.P 13 13 A : Alignment • Alignment : canh lề Khơng có tuỳ tiện, khơng thể có yếu tố ngẫu nhiên để lấp đầy khơng gian trang web – C.R.A.P 14 14 10/25/23 A : Alignment BAD DESIGN ? GOOD DESIGN ? HOW ? – C.R.A.P 15 15 A : Alignment – Exhibit Canh lề không tốt làm cho trang web trở nên rối khó nhìn – C.R.A.P 16 16 10/25/23 A : Alignment – Exhibit 17 – C.R.A.P 17 A : Alignment – Exhibit (cont) – C.R.A.P 18 18 10/25/23 A : Alignment – Exhibit 19 – C.R.A.P 19 P : Proximity • Proximity : tương đồng • Một thành phần có tương đồng với khác tạo thành nhóm nhóm thơng tin – C.R.A.P 20 20 10 10/25/23 P : Proximity – Exhibit 21 – C.R.A.P 21 P : Proximity – Exhibit – C.R.A.P 22 22 11 10/25/23 Design – stand out 23 – C.R.A.P 23 Thank you ! kimloanpt@gmail.com GV: Phan Thị Kim Loan 24 12