Chương 2: TỔNG QUAN VỀ THIẾT KẾ WEB ppsx

56 415 0
Chương 2: TỔNG QUAN VỀ THIẾT KẾ WEB ppsx

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Bộ môn CNTT, Khoa Tin họcthương mại– ĐHTM Email: cntt@vcu.edu.vn Chương 2. TỔNG QUAN VỀ THIẾT KẾ WEB Chương 2. TỔNG QUAN VỀ THIẾT KẾ WEB 9/3/2009 Thiết kế và triển khai website 2/55 NỘI DUNG 2.1. Các bước xây dựng Website 2.2. Các nguyên tắcthiếtkế website 9/3/2009 Thiết kế và triển khai website 3/55 2.2. Các nguyên tắcthiếtkế Web 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ắcsử dụng các hiệu ứng 9/3/2009 Thiết kế và triển khai website 4/55 2.2.1. Các nguyên tắc chung z Tổ chức website chặtchẽ và dễ sử dụng z Sử dụng từ ngữ dễ hiểu. z Dễ dàng khám phá các đường link. z Thờigiantảivề nhanh. z Nội dung không có hình ảnh z Dễ theo dõi "quá trình bán hàng". z Tương thích với đasố trình duyệtweb. z Mộtsố vấn đề quan trọng khác khi thiếtkế website. 9/3/2009 Thiết kế và triển khai website 5/55 2.2.2 Nguyên tắcphânbố thông tin 1. Khái quát 2. Các bướctổ chức thông tin 3. Các kiểucấutrúcthiếtkế 9/3/2009 Thiết kế và triển khai website 6/55 1. Khái quát z Cầnphảichianhỏ các khối thông tin lớn. z Lý do: Con ngườicógiớihạn trong việc lưugiữ và nhớ lại thông tin z Các nhà tâm lý họcnhậnthức: đại đasố chúng ta chỉ có thể lưugiữ khoảng 4 đến 7 mẫu thông tin rờirạc trong trí trong một khoảng thời gian ngắn 9/3/2009 Thiết kế và triển khai website 7/55 1. Khái quát z Giúp ghi nhớ dễ hơnbằng việcsử dụng kết hợpgiữathiếtkếđồhoạ, qui ướclớpvàbiên tập thông tin thành các đơnvị riêng rẽ z Thựctế với độcgiả các tin ngắngọn, riêng biệtsẽ chứcnăng hoá hơnvàdễđịnh vị hơn khối thông tin dài 9/3/2009 Thiết kế và triển khai website 8/55 1. Khái quát z Độcgiả rấtítkhiđọccáctàiliệu dài, liên tục trên màn hình z Tổ chứccácđoạntin nhỏ thành các khối thông tin riêng để tạo nên hệ thống đồng nhất, hình thành nên cơ sở các liên kết hypertext. z "Nhỏ" chỉ có thểđượcxácđịnh trong ngữ cảnh củatàiliệucần trình bày 9/3/2009 Thiết kế và triển khai website 9/55 2. Các bướctổ chức thông tin z Phân chia thông tin thành các đơnvị logic z Thiếtlậphệ thống phân cấp thông tin z Tạomối quan hệ giữacáchệ thống phân cấp thông tin z Phân tích sự thành công về chứcnăng và thẩmmỹ củacáchệ thống thông tin 9/3/2009 Thiết kế và triển khai website 10/55 a. Phân chia thông tin thành các đơnvị logic * Tại sao phải phân chia thông tin thành các đơn vị logic? z Trên Web bài giớithiệungắnkhôngcần đọc nốitiếp z Độcgiảđánh giá cao các đoạn thông tin ngắn [...]... Xác định hợp lý các mức ưu tiên Xác định mức độ quan hệ giữa các thành phần 9/3/2009 Thiết kế và triển khai website 15/55 Sơ đồ hệ thống phân cấp của một website 9/3/2009 Thiết kế và triển khai website 16/55 9/3/2009 Thiết kế và triển khai website 17/55 9/3/2009 Thiết kế và triển khai website 18/55 9/3/2009 Thiết kế và triển khai website 19/55 c Mối quan hệ giữa các hệ thống phân cấp thông tin Nguyên... dung thông tin phải được liên kết chặt chẽ và rõ ràng Các hệ thống phân cấp thông tin phải được sắp xếp và liên kết với nhau một cách cân xứng, hợp lý, dễ hiểu, dễ tìm 9/3/2009 Thiết kế và triển khai website 20/55 9/3/2009 Thiết kế và triển khai website 21/55 9/3/2009 Thiết kế và triển khai website 22/55 9/3/2009 Thiết kế và triển khai website 23/55 d Phân tích sự thành công về chức năng và thẩm mỹ của... khai website 31/55 9/3/2009 Thiết kế và triển khai website 32/55 9/3/2009 Thiết kế và triển khai website 33/55 b Cấu trúc phân cấp (Hierarchy) Là một trong những cách tốt nhất để tổ chức các khối thông tin phức hợp Cấu trúc phân cấp đặc biệt thích hợp cho các website vì các website luôn được thực hiện rẽ nhánh từ một trang chủ duy nhất 9/3/2009 Thiết kế và triển khai website 34/55 9/3/2009 Thiết kế và... trúc giữa quan hệ của menu và các trang nội dung • Xây dựng một hệ thống phân cấp menu của từng trang web sao cho tự nhiên, tạo sự thân thiện và không gây trở ngại cho người truy cập website • Tạo một cây phân lớp thích hợp có khả năng truy cập thông tin nhanh, dễ dàng 9/3/2009 Thiết kế và triển khai website 24/55 9/3/2009 Thiết kế và triển khai website 25/55 9/3/2009 Thiết kế và triển khai website 26/55... của website Ngân Hàng Công Thương 9/3/2009 Thiết kế và triển khai website 13/55 b Thiết lập hệ thống phân cấp thông tin Tại sao? Vì ý tưởng trang chủ liên kết phụ thuộc vào sự phân cấp, di chuyển từ cái nhìn khái quát nhất của toàn website (trang chủ), qua các menu con xuống đến trang nội dung 9/3/2009 Thiết kế và triển khai website 14/55 b Thiết lập hệ thống phân cấp thông tin Nguyên tắc cơ bản để thiết. .. tạo ra cho người truy cập sự khó chịu Và như thế menu sẽ mất đi giá trị chuyển tải 9/3/2009 Thiết kế và triển khai website 28/55 2.1.3 Các kiểu cấu trúc thiết kế Web a Cấu trúc nối tiếp (Sequence) b Cấu trúc phân cấp (Hierarchy) c Cấu trúc ô lưới (Grid) d Cấu trúc mạng nhện (Web) 9/3/2009 Thiết kế và triển khai website 29/55 a Cấu trúc nối tiếp (Sequence) Thể hiển thị thông tin một cách tuần tự, tiếp... khai website 26/55 d Phân tích sự thành công về chức năng và thẩm mỹ của các HTTT Các web site quá nông, chỉ có một mức liên kết, uỷ thác vào các trang menu nặng nề mà sau một thời gian sẽ giống như một mớ hỗn độn các thông tin không liên quan đến nhau, không theo một trật tự nào cả 9/3/2009 Thiết kế và triển khai website 27/55 d Phân tích sự thành công về chức năng và thẩm mỹ của các HTTT Hệ thống... triển từ tổng quát đến cụ thể, hoặc cũng có thể theo thứ tự abc, như các chỉ số, tự điển bách khoa, từ điển thuật ngữ 9/3/2009 Thiết kế và triển khai website 30/55 a Cấu trúc nối tiếp (Sequence) Ưu điểm: * Thông tin được hệ thống một cách tuần tự * Độc giả dễ tiếp cận 9/3/2009 Nhược điểm: * Chỉ thích hợp với các website nhỏ * Chuỗi thông tin càng dài sẽ càng trở nên phức tạp và khó hiểu Thiết kế và triển... chất nội dung 9/3/2009 Thiết kế và triển khai website 11/55 a Phân chia thông tin thành các đơn vị logic Đồng nhất cách tổ chức, hình thức trình bày thông tin Các đoạn thông tin ngắn gọn, súc tích sẽ thích hợp hơn với màn hình máy tính Việc áp dụng phân chia thông tin phải linh động, và nhất quán với hệ thống logic và với sự thuận tiện cho độc giả web 9/3/2009 Thiết kế và triển khai website 12/55 Sơ đồ... biệt thích hợp cho các website vì các website luôn được thực hiện rẽ nhánh từ một trang chủ duy nhất 9/3/2009 Thiết kế và triển khai website 34/55 9/3/2009 Thiết kế và triển khai website 35/55 9/3/2009 Thiết kế và triển khai website 36/55 . cntt@vcu.edu.vn Chương 2. TỔNG QUAN VỀ THIẾT KẾ WEB Chương 2. TỔNG QUAN VỀ THIẾT KẾ WEB 9/3/2009 Thiết kế và triển khai website 2/55 NỘI DUNG 2.1. Các bước xây dựng Website 2.2. Các nguyên tắcthiếtkế website 9/3/2009. website 9/3/2009 Thiết kế và triển khai website 17/55 9/3/2009 Thiết kế và triển khai website 18/55 9/3/2009 Thiết kế và triển khai website 19/55 9/3/2009 Thiết kế và triển khai website 20/55 c. Mối quan. thuậntiệnchođộcgiả web 9/3/2009 Thiết kế và triển khai website 13/55 Sơđồphân bố thông tin của website Ngân Hàng Công Thương 9/3/2009 Thiết kế và triển khai website 14/55 b. Thiếtlậphệ thống phân

Ngày đăng: 05/07/2014, 03:20

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan