11/18/2013 Thiết kế và triển khai website
1
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
11/18/2013 Thiết kế và triển khai website
2
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

11/18/2013 Thiết kế và triển khai website
3
2.1.1. Khái quát chung

Mục đích của Web site cần thiết kế:
 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

Các ứng dụng của công nghệ Web
Đào tạo 11/18/2013 Thiết kế và triển khai website
9
Các ứng dụng của công nghệ Web
Dạy học
11/18/2013 Thiết kế và triển khai website
10
Các ứng dụng của công nghệ Web
Giáo dục

11/18/2013 Thiết kế và triển khai website
11
Các ứng dụng của công nghệ Web
Tham khao

11/18/2013 Thiết kế và triển khai website
12
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
11/18/2013 Thiết kế và triển khai website
13
2.1.2. Thiết kế giao diện

Khái quát :

- 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
11/18/2013 Thiết kế và triển khai website
17
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ả
11/18/2013 Thiết kế và triển khai website
18
Thiết kế giao diện cơ bản

Các giúp đỡ định hướng rõ ràng:

11/18/2013 Thiết kế và triển khai website
19
Thiết kế giao diện cơ bản

Các giúp đỡ định hướng rõ ràng (tiếp):


Thiết kế giao diện cơ bản
Điều khiển đồ hoạ: