Đang tải... (xem toàn văn)
Chương 2 Tổng quan về thiết kế Website thuộc bài giảng thiết kế và triển khai website, cùng tìm hiểu chương học này thông qua các nội dung sau: các bước xây dựng Website, các nguyên tắc thiết kế Website.
Thiết kế triển khai website Chương Tổng quan 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 hiệu ứng 11/18/2013 Thiết kế 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 Web site cần thiết kế - Chiến lược thiết kế - Các ứng dụng công nghệ Web 11/18/2013 Thiết kế triển khai website 2.1.1 Khái quát chung Mục đích Web site cần thiết kế: Xác định đối tượng độc giả web site Web site có mục đích rõ ràng Thiết lập chủ đề web site Thiết kế khối thông tin chủ yếu mà web site cung cấp 11/18/2013 Thiết kế 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 thơng tin bạn cần thiết? - Bạn muốn người thực điều gì? 11/18/2013 Thiết kế triển khai website 2.1.1 Khái quát chung Các ứng dụng công nghệ Web: Đào tạo Dạy học Giáo dục Tham khao 11/18/2013 Thiết kế triển khai website Các ứng dụng công nghệ Web Dạo chơi Web: VD forum 11/18/2013 Thiết kế triển khai website Các ứng dụng công nghệ Web Dạo chơi Web: VD Blog 11/18/2013 Thiết kế triển khai website Các ứng dụng công nghệ Web Đào tạo 11/18/2013 Thiết kế triển khai website Các ứng dụng công nghệ Web Dạy học 11/18/2013 Thiết kế triển khai website Các ứng dụng công nghệ Web Giáo dục 10 11/18/2013 Thiết kế triển khai website Sơ đồ tổng quan cấu trúc ô lưới 74 11/18/2013 Thiết kế triển khai website 75 11/18/2013 Thiết kế triển khai website d Cấu trúc mạng nhện (Web) 76 Ưu điểm: - Khai thác triệt để lực trang web việc liên kết kết hợp - Ý tưởng liên kết giống tự Nhược điểm: - Các khối thông tin dễ phát triển thành mớ hỗn độn, lộn xộn - Nhắm vào độc giả chuyên nghiệp tịm kiếm kiến thức chuyên sâu 11/18/2013 Thiết kế triển khai website 77 11/18/2013 Thiết kế triển khai website 78 11/18/2013 Thiết kế triển khai website Kết luận * Đa số website sử dụng kiểu cấu trúc thông tin * Tuy nhiên hệ thống thông tin phải trình bày cách minh bạch, quán để hỗ trợ cho mục đích website Sơ đồ phản ánh mối tương quan kiểu cấu trúc 79 11/18/2013 Thiết kế triển khai website 2.2 Các nguyên tắc thiết kế website 2.2.3 Nguyên tắc sử dụng hiệu ứng Các nguyên tắc nghệ thuật Các nguyên tắc sử dụng hình ảnh, đồ hoạ, text Sử dụng lưới Kết hợp tất 80 11/18/2013 Thiết kế triển khai website Các nguyên tắc nghệ thuật a 81 Tính đồng mặt hình ảnh: 11/18/2013 Thiết kế triển khai website Tính đồng mặt hình ảnh Tính đồng cách đặt kề gần (kết nhóm): 82 11/18/2013 Thiết kế triển khai website Tính đồng mặt hình ảnh Tính đồng cách lặp lại: • Chapter One - Item - Item • Chapter Two - Item • Chapter Three -Item - Item - Item 83 11/18/2013 Thiết kế triển khai website Tính đồng mặt hình ảnh Tính đồng cách lặp lại (tiếp): 84 11/18/2013 Thiết kế triển khai website Các nguyên tắc nghệ thuật b Phá vỡ quy tắc thiết kế - cân bằng: - Sự cân đối xứng: 85 11/18/2013 Thiết kế triển khai website Phá vỡ quy tắc thiết kế - cân bằng: - Sự cân đối xứng không đối xứng: 86 11/18/2013 Thiết kế triển khai website Phá vỡ quy tắc thiết kế - cân bằng: - Sự cân đối xứng không đối xứng (tiếp): The quick brown fox jumped over the lazy brown dog The quick brown fox jumped over the lazy brown dog The quick brown fox jumped over the lazy brown dog The quick brown fox jumped over the lazy brown dog 87 11/18/2013 Thiết kế triển khai website Các nguyên tắc nghệ thuật c Cung cấp tiêu điểm: - Sử dụng tương phản: 88 11/18/2013 Thiết kế triển khai website ... 11/18 /20 13 Thiết kế triển khai website 2. 2.1 Các nguyên tắc chung Một số vấn đề quan trọng khác thiết kế website: 47 11/18 /20 13 Thiết kế triển khai website 2. 2 Các nguyên tắc thiết kế website 2. 2 .2. .. hưởng: 22 11/18 /20 13 Thiết kế triển khai website Thiết kế giao diện Đơn giản quán: 23 11/18 /20 13 Thiết kế triển khai website Thiết kế giao diện 24 Tính ổn định thiết kế Phản hồi đối thoại Thiết. .. ấn 28 11/18 /20 13 Thiết kế triển khai website Thiết kế giao diện Liên kết điều khiển: - Liên kết cố định tương đối 29 11/18 /20 13 Thiết kế triển khai website 2. 1 Các bước xây dựng Website 2. 1.3 Thiết