Bài giảng Thiết kế và triển khai website: Chương 2 - GV. Bùi Quang Trường
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.75 MB, 88 trang )
Thiết kế và triển khai website
Chương 2. Tổng quan về thiết kế Website
2.1. Các bước xây dựng Website
2.1.1. Khái quát chung
2.1.2. Thiết kế giao diện
2.1.3. Thiết kế nội dung
2.2. Các nguyên tắc thiết kế website
2.2.1. Các nguyên tắc chung
2.2.2. Nguyên tắc phân bố thông tin
2.2.3. Nguyên tắc sử dụng các hiệu ứng
1
11/18/2013
Thiết kế và triển khai website
2.1. Các bước xây dựng Website
2.1.1. Khái quát chung
- Mục đích của Web site cần thiết kế
- Chiến lược thiết kế
- Các ứng dụng của công nghệ Web
2
11/18/2013
Thiết kế và triển khai website
2.1.1. Khái quát chung
Mục đích của Web site cần thiết kế:
3
Xác định đối tượng độc giả của web site.
Web site có mục đích rõ ràng.
Thiết lập các chủ đề chính của web site.
Thiết kế các khối thông tin chủ yếu mà web site sẽ
cung cấp
11/18/2013
Thiết kế và triển khai website
2.1.1. Khái quát chung
Chiến lược thiết kế:
- Bạn muốn nói gì?
- Tại sao thơng tin của bạn là cần thiết?
- Bạn muốn mọi người thực hiện điều gì?
4
11/18/2013
Thiết kế và triển khai website
2.1.1. Khái quát chung
Các ứng dụng của công nghệ Web:
5
Đào tạo
Dạy học
Giáo dục
Tham khao
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Dạo chơi trên Web: VD forum
6
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Dạo chơi trên Web: VD Blog
7
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Đào tạo
8
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Dạy học
9
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Giáo dục
10
11/18/2013
Thiết kế và triển khai website
Các ứng dụng của công nghệ Web
Tham khao
11
11/18/2013
Thiết kế và triển khai website
2.1. Các bước xây dựng Website
2.1.2. Thiết kế giao diện
- Khái quát
- Thiết kế giao diện cơ bản
12
11/18/2013
Thiết kế và triển khai website
2.1.2. Thiết kế giao diện
Khái quát :
- Giao diện người dùng đồ hoạ (GUI)
- Trang Web đối lập với thiết kế tài liệu thông thường
- Các tiền lệ trong in ấn
- Một số câu hỏi đặt ra:
+ Ai?
+ Cái gì?
+ Khi nào?
+ Nơi nào?
13
11/18/2013
Thiết kế và triển khai website
Khái quát
Giao diện người dùng đồ hoạ (GUI):
14
11/18/2013
Thiết kế và triển khai website
Khái quát
15
Trang Web đối lập với thiết kế tài liệu thông
thường
Các tiền lệ trong in ấn
Một số câu hỏi đặt ra:
+ Ai?
+ Cái gì?
+ Khi nào?
+ Nơi nào?
11/18/2013
Thiết kế và triển khai website
2.1.2. Thiết kế giao diện
Thiết kế giao diện cơ bản:
- Thiết kế hướng tới người sử dụng
- Các giúp đỡ định hướng rõ ràng
- Khơng có trang cuối cùng (dead-end)
- Cho phép truy nhập trực tiếp
- Dải thông và ảnh hưởng
- Đơn giản và nhất quán
- Tính ổn định thiết kế
- Phản hồi và đối thoại
- Thiết kế cho các trình duyệt khác
- Điều khiển đồ hoạ
- Tạo ngữ cảnh
- Liên kết và điều khiển
16
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Thiết kế hướng tới người sử dụng:
- Giao diện đồ hoạ cho người sử dụng
- Tìm hiểu nhu cầu và tâm lý độc giả
17
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Các giúp đỡ định hướng rõ ràng:
18
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Các giúp đỡ định hướng rõ ràng (tiếp):
19
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Khơng có trang cuối cùng (dead-end):
20
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Cho phép truy nhập trực tiếp:
21
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Dải thông và ảnh hưởng:
22
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Đơn giản và nhất quán:
23
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
24
Tính ổn định thiết kế
Phản hồi và đối thoại
Thiết kế cho các trình duyệt khác:
11/18/2013
Thiết kế và triển khai website
Thiết kế giao diện cơ bản
Điều khiển đồ hoạ:
25
11/18/2013
Thiết kế và triển khai website
