Bài giảng Lập trình web và ứng dụng: C.R.A.P - Phan Thị Kim Loan
lượt xem 6
download
Bài giảng Lập trình web 1: C.R.A.P Cung cấp kiến thức về C.R.A.P cho thiết kế: C-Contrast; R-Repetition; A-Alignment; P-Proximity. Mời các bạn cùng tham khảo!
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Bài giảng Lập trình web và ứng dụng: C.R.A.P - Phan Thị Kim Loan
- 10/25/23 Phát triển ứng dụng web 1 Đại Học Sài Gòn – Khoa CNTT C.R.A.P GV: Phan Thị Kim Loan 1 Nội dung buổi học trước 1. Giới thiệu CSS 2. Định nghĩa Style và các đơn vị tính 3. Phân loại CSS 4. Phạm vi áp dụng CSS (selector) 5. Một số tag HTML dùng riêng CSS 6. Thực hành 7 – C.R.A.P 2 2 1
- 10/25/23 Nội dung Cung cấp kiến thức về C.R.A.P cho thiết kế: • C : Contrast • R : Repetition • A : Alignment • P: Proximity 7 – C.R.A.P 3 3 Tổng quan C.R.A.P Cung cấp kiến thức về C.R.A.P cho thiết kế: • C : Contrast • R : Repetition • A : Alignment • P: Proximity 7 – C.R.A.P 4 4 2
- 10/25/23 Giớ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 đủ về C.R.A.P. • Chỉ khi bạn thật sự hiểu C.R.A.P. bạn sẽ biết khi sử dụng nó và làm thế nào. • Cần đọc Non –Designer’s Book nếu bạn muốn trở thành một nhà thiết kế tốt • 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ó 7 – C.R.A.P 5 5 C : Contrast • Contrast : sự tương phản • Thu hút sự quan tâm của người xem 7 – C.R.A.P 6 6 3
- 10/25/23 C : Contrast – Exhibit 1 GOOD DESIGN ? BAD DESIGN ? 7 – C.R.A.P 7 7 C : Contrast – Exhibit 2 Độ tương phản không tốt sẽ làm trang web mất đi sức hút đối với người xem. 7 – C.R.A.P 8 8 4
- 10/25/23 R : Repetition • Repetition : sự lập lại Làm cho website trở nên có tổ chức 7 – C.R.A.P 9 9 R : Repetition – Exhibit1 7 – C.R.A.P 10 10 5
- 10/25/23 R : Repetition – Exhibit2 7 – C.R.A.P 11 11 R : Repetition – Exhibit 3 7 – C.R.A.P 12 12 6
- 10/25/23 R : Repetition – Exhibit 4 Không có sự lặp lại làm cho trang web mất tổ chức. 7 – C.R.A.P 13 13 A : Alignment • 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. 7 – C.R.A.P 14 14 7
- 10/25/23 A : Alignment BAD DESIGN ? GOOD DESIGN ? HOW ? 7 – C.R.A.P 15 15 A : Alignment – Exhibit 1 Canh lề không tốt làm cho trang web trở nên rối khó nhìn 7 – C.R.A.P 16 16 8
- 10/25/23 A : Alignment – Exhibit 2 7 – C.R.A.P 17 17 A : Alignment – Exhibit 3 (cont) 7 – C.R.A.P 18 18 9
- 10/25/23 A : Alignment – Exhibit 3 7 – C.R.A.P 19 19 P : Proximity • Proximity : sự tương đồng • Một thành phần này sẽ có sự tương đồng với những cái khác à tạo thành 1 nhóm à nhóm thông tin 7 – C.R.A.P 20 20 10
- 10/25/23 P : Proximity – Exhibit 1 7 – C.R.A.P 21 21 P : Proximity – Exhibit 2 7 – C.R.A.P 22 22 11
- 10/25/23 Design – stand out 7 – C.R.A.P 23 23 Thank you ! kimloanpt@gmail.com GV: Phan Thị Kim Loan 24 12
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Lập trình web bài 2: Làm quen với công cụ vẽ và sử dụng Symbol bảng Library
51 p | 168 | 30
-
Bài giảng Lập trình Web: Chương 3 - Ths. Trần Phi Hảo
85 p | 128 | 23
-
Bài giảng Lập trình Web: Chương 5 - Ths. Trần Phi Hảo
32 p | 130 | 23
-
Bài giảng Lập trình web bài 6: Sử dụng hiệu ứng, độ trong suốt và xuất file
27 p | 147 | 20
-
Bài giảng Lập trình Web: Chương 1 - Ths. Trần Phi Hảo
25 p | 177 | 20
-
Bài giảng Lập trình web bài 7: Kỹ thuật hòa trộn nâng cao
27 p | 104 | 18
-
Bài giảng Lập trình Web ASP.Net: Chương 1 - Dương Thành Phết
56 p | 125 | 13
-
Bài giảng Lập trình Web ASP.Net: Chương 9 - Dương Thành Phết
3 p | 110 | 11
-
Bài giảng Lập trình Web: Bài 2 - Trần Quang Diệu
36 p | 77 | 11
-
Bài giảng Lập trình Web hướng Java: Bài 04 - ThS. Trịnh Tuấn Đạt
0 p | 99 | 10
-
Bài giảng Lập trình Web: Bài 1 - Trần Quang Diệu
23 p | 77 | 8
-
Bài giảng Lập trình web và ứng dụng: Tổng quan về xây dựng ứng dụng web - Phan Thị Kim Loan
30 p | 22 | 7
-
Bài giảng Lập trình Web: Chương 2 - Trần Công Án
68 p | 107 | 6
-
Bài giảng Lập trình web và ứng dụng: FORM - Phan Thị Kim Loan
17 p | 13 | 5
-
Bài giảng Lập trình web động với PHP/MySQL: Phần 1 - Tống Phước Khải (tổng hợp & biên dịch)
41 p | 50 | 5
-
Bài giảng Lập trình web và ứng dụng: CSS - Cascading Style Sheet - Phan Thị Kim Loan
22 p | 15 | 4
-
Bài giảng Lập trình Web: Tổng quan về Web
23 p | 35 | 2
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn