bài giảng thiết kế và triển khai website chương 2 - gv. bùi quang trường

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 11/18/2013 Thiết kế và triển khai website 4 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ì? 11/18/2013 Thiết kế và triển khai website 5 2.1.1. Khái quát chung Các ứng dụng của công nghệ Web:  Đào tạo  Dạy học  Giáo dục  Tham khao 11/18/2013 Thiết kế và triển khai website 6 Các ứng dụng của công nghệ Web Dạo chơi trên Web: VD forum 11/18/2013 Thiết kế và triển khai website 7 Các ứng dụng của công nghệ Web Dạo chơi trên Web: VD Blog 11/18/2013 Thiết kế và triển khai website 8 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 /20 13 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 /20 13 Thiết kế và triển khai website Thiết kế giao diện cơ bản Tạo ngữ cảnh: 26 11/18 /20 13 Thiết kế và triển khai website Thiết kế giao diện cơ bản Liên kết và điều khiển: - "Quay lại "và quay về trang trước 27 11/18 /20 13 Thiết kế và triển khai website Thiết kế giao diện cơ bản Liên kết và điều khiển: - Tác... khai website Thiết kế giao diện cơ bản Cho phép truy nhập trực tiếp: 21 11/18 /20 13 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 /20 13 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 /20 13 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... 28 11/18 /20 13 Thiết kế và triển khai website Thiết kế giao diện cơ bản Liên kết và điều khiển: - Liên kết cố định và tương đối 29 11/18 /20 13 Thiết kế và triển khai website 2. 1 Các bước xây dựng Website 2. 1.3 Thiết kế nội dung: - Các phần nội dung cơ bản trong 1 Webiste - Một số chức năng thường gặp của website và mục đích sử dụng - Nội dung cơ bản của một số website TMĐT 30 11/18 /20 13 Thiết kế và triển. .. dụng - Tìm hiểu nhu cầu và tâm lý độc giả 17 11/18 /20 13 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 /20 13 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 /20 13 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 /20 13 Thiết kế và triển khai website. .. của công nghệ Web Tham khao 11 11/18 /20 13 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 /20 13 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... - 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 /20 13 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: -. .. 13 11/18 /20 13 Thiết kế và triển khai website Khái quát Giao diện người dùng đồ hoạ (GUI): 14 11/18 /20 13 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 /20 13 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... website và mục đích sử dụng : - Diễn đàn (forum) - Đăng ký nhận bản tin - Thông báo, tin tức mới - Giỏ mua hàng (shopping cart) - Download miễn phí - Thành viên 32 11/18 /20 13 Thiết kế và triển khai website 2. 1.3 Thiết kế nội dung Nội dung cơ bản của một số website TMĐT: Cửa hàng điện tử, siêu thị điện tử: 33 11/18 /20 13 Thiết kế và triển khai website 2. 1.3 Thiết kế nội dung Nội dung cơ bản của một số website. .. bản của một số website TMĐT: Đấu giá trực tuyến: 34 11/18 /20 13 Thiết kế và triển khai website 2. 1.3 Thiết kế nội dung Nội dung cơ bản của một số website TMĐT: Sàn giao dịch B2B 35 11/18 /20 13 Thiết kế và triển khai website 2. 1.3 Thiết kế nội dung Nội dung cơ bản của một số website TMĐT: Cổng thông tin (Portal) 36 11/18 /20 13 Thiết kế và triển khai website ... triển khai website 2. 1.3 Thiết kế nội dung Các phần nội dung cơ bản trong 1 Webiste: - Trang chủ (home page) - Trang liên hệ (contact us) - Trang thông tin giới thiệu về doanh nghiệp (about us) - Trang giới thiệu về sản phẩm dịch vụ (products/services) - Trang hướng dẫn hoặc chính sách (Policies) 31 11/18 /20 13 Thiết kế và triển khai website 2. 1.3 Thiết kế nội dung Một số chức năng thường gặp của website . 11/18 /20 13 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. 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 /20 13 Thiết kế và triển khai website 13 2. 1 .2. Thiết kế giao. 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 /20 13 Thiết kế