Bộ môn CNTT –Trường ĐH Thương Mại Email: trungnq@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 Tổng quan về thiết kế 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 Tổng quan về thiết kế Website 3/55 2.1. Các bước xây dựng Website 2.1.1. Khái quát chung 2.1.2. Thiếtkế giao diện 2.1.3. Thiếtkế nội dung 9/3/2009 Tổng quan về thiết kế Website 4/55 2.1.1. Khái quát chung z Thiếtkế Website không chỉ chú trọng đến ngôn ngữ HTML, các công cụ phát triểnWeb z Mà còn phảitập trung vào việcthiếtkế thiết kếđồhoạ, giao diệnngườisử dụng hay những kiếnthứcvề cách thứctổ chức thông tin,… 9/3/2009 Tổng quan về thiết kế Website 5/55 2.1.1. Khái quát chung z Trướckhixâydựng một Website, chúng ta cầnphải: – Xác định đốitượng độcgiả củawebsite – Xác định mục đích của Website – Thiếtlậpcácchủđềchính củawebsite – Thiếtkế các khối thông tin chủ yếumàwebsite sẽ cung cấp 9/3/2009 Tổng quan về thiết kế Website 6/55 2.1.1. Khái quát chung z Xác định nguồn tài nguyên về nội dung, hình ảnh thông tin mà chúng ta cần đến để tạo nền website phù hợpvớimục đích được đề ra - đó là nguồn thông tin sẽ duy trì cho website hoạt động 9/3/2009 Tổng quan về thiết kế Website 7/55 Xác định mục tiêu cơ bản z Điềunàysẽ giúp đỡ rất nhiều cho công việcthiếtkế z Nó là điểmxuất phát để chúng ta mở rộng đếncác mục tiêu chính, đánh giá sự thành công củamột website z Xây dựng một website là cả một quá trình liên tục z Biên tập, quảnlývàduytrìkỹ thuậtdàihạnnhất định phải bao trùm lên kế hoạch xây dựng website. 9/3/2009 Tổng quan về thiết kế Website 8/55 Xác định độcgiả z Sự hiểubiết, trình độ, sở thích cũng như yêu cầucủa độcgiả khác nhau (có hoặc không có kinh nghiệm) z Mộthệ thống đượcthiếtkế tốtsẽ thích hợpchomột dảirộng trình độ, nhu cầu độcgiả Để chúng ta có thể thiếtkế cấutrúcphù hợpvới nhu cầu, mong muốncủahọ 9/3/2009 Tổng quan về thiết kế Website 9/55 Độcgiả mới,không thường xuyên z Yêu cầucấu trúc site rõ ràng, dễ truy nhập đếnsự tổng quát về cấu trúc toàn bộ thông tin trên website, tránh cấutrúc menu phứctạp z Theo Jakob Nielsen ở Sun Microsystems, dưới10% độcgiả cuộn màn hình xuống dướiphần đầucủamộttrangweb z Họ chú trọng đến trang khái quát, cấutrúccóphânlớpvà hình ảnh đồ hoạ, biểutượng để dễ nhớ, kếtnối đếnvị trí thông tin họ cần trong website của chúng ta z Mộttừđiển các khái niệm, từ viếttắt và danh sách các vấn đề thường đượcxảyracóthể rấthữudụng cho các độcgiả 9/3/2009 Tổng quan về thiết kế Website 10/55 Độcgiả chuyên nghiệp, thường xuyên z Vào website của chúng ta để nhận thông tin nhanh chóng và chính xác z Họ rấtsốtruộtvới menu nhiềulớpcóđồ hoạ chấtlượng kém mà chỉ cung cấptừ 2 đến6 lựachọnmộtlần z Họ muốn các menu không đồ hoạ (text), có thể kéo thả đượcvàthờigiannạpxuống nhanh z Họ thường có chủđịnh rõ ràng trong đầu, do vậysẽđánh giá cao các menu text chi tiết, các nét chính của website hoặccácchỉ số site phong phú giúp họ tìm kiếm, thu nhận thông tin nhanh chóng [...]... trang web 9/3/2009 Tổng quan về thiết kế Website 12/55 Có Tiếng Anh 9/3/2009 Tổng quan về thiết kế Website 13/55 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ì? 9/3/2009 Tổng quan về thiết kế Website 14/55 Các ứng dụng trên công nghệ Web Đào tạo Dạy học Giáo dục Tham khảo 9/3/2009 Tổng quan về thiết kế Website 15/55 Dạo chơi trên Web. .. liên kết Thời gian liên kết càng ngắn càng tốt 23/55 9/3/2009 Tổng quan về thiết kế Website 9/3/2009 Tổng quan về thiết kế Website 24/55 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 9/3/2009 Tổng quan về thiết kế Website 25/55 2.1.2 Thiết kế giao diện Giao diện người dùng đồ hoạ (GUI) của hệ thống, cộng thêm các tương tác ẩn dụ, hình ảnh và các quan. .. tạo nên nét đặc trưng "nhìn thấy và cảm nhận" của các trang web Không thể hoàn toàn tách rời thiết kế đồ hoạ với thiết kế giao diện 9/3/2009 Tổng quan về thiết kế Website 26/55 2.1.2 Thiết kế giao diện Một số câu hỏi đặt ra: – Ai? – Cái gì? – Khi nào? – Nơi nào? 9/3/2009 Tổng quan về thiết kế Website 27/55 Thiết kế Web khác TK tài liệu Thiết kế Web phải trải qua sự phát triển và sự chuẩn hoá cách thức... Thông tin về đọc giả, bảng điểm được lưu trữ trong cơ sở dữ liệu được liên kết với website 17/55 9/3/2009 Tổng quan về thiết kế Website 9/3/2009 Tổng quan về thiết kế Website 18/55 Dạy học (Teaching) Trong các ứng dụng dạy học dựa trên công nghệ web, thông tin được trình bày thường tinh tế và có chiều sâu hơn là trong các ứng dụng đào tạo Các mối liên kết là mặt mạnh của web Nên nhóm các liên kết đến... kết đến các tài nguyên web khác ngoài website của chúng ta cách biệt khỏi phần thông tin chính Nên cho phép ‘IN’ in thông tin trên web để ĐG đọc chúng sau này 9/3/2009 Tổng quan về thiết kế Website 19/55 9/3/2009 Tổng quan về thiết kế Website 20/55 Giáo dục (Education) Thường các độc giả nhóm này thường có trình độ cao -> ko nên thiết kế quá thu gọn, quá trình tự, nên thiết kế một cấu trúc uyển chuyển,... Thời gian truy nhập thường ngắn hơn các site cho đào tạo vì độc giả thường yêu cầu nhanh Cho phép in ấn (bắt buộc phải có) 21/55 9/3/2009 Tổng quan về thiết kế Website 9/3/2009 Tổng quan về thiết kế Website 22/55 Tham khảo (Reference) Các website tham khảo được thiết kế tốt cho phép người đọc nhanh chóng đi thẳng vào vấn đề, tìm cái họ cần và sau đó dễ dàng in hoặc lưu giữ cái họ tìm thấy Thường thông... Wide Web khác sách và các tài liệu khác ở một nét cơ bản: các mối liên kết siêu văn bản cho phép người đọc truy nhập đến một trang web đơn lẻ không cần đến lời nói đầu hay tựa đề => Header và Footer của các trang sẽ phức tạp 9/3/2009 Tổng quan về thiết kế Website 28/55 Hãy làm cho các trang web của chúng ta độc đáo Các loại trang Web thường thiết kế theo mẫu Cần có điểm sáng tạo, tạo phong cách thiết kế. .. biểu tượng đồ hoạ thông báo cho độc giả biết họ vẫn còn đang ở trong website của chúng ta 9/3/2009 Tổng quan về thiết kế Website 33/55 Không có trang cuối cùng (dead-end) Mọi trang web nên có ít nhất một liên kết Không để trang "dead-end" - các trang không móc nối đến các trang khác trong cùng site 9/3/2009 Tổng quan về thiết kế Website 34/55 Cho phép truy nhập trực tiếp Mục đích là cung cấp cho độc... tưởng thiết kế cho phép độc giả nhận được cái họ muốn 9/3/2009 Tổng quan về thiết kế Website 30/55 TK giao diện hướng tới User User chủ yếu dùng các liên kết Họ không xác định được đang ở đâu trong tổ chức thông tin Các biểu tượng nhất quán, dễ hiểu, các lược đồ đồ hoạ đồng nhất, màn hình tổng hợp làm cho độc giả tin tưởng là họ có thể tìm thấy cái họ cần mà không lãng phí thời gian 9/3/2009 Tổng quan về. .. gian 9/3/2009 Tổng quan về thiết kế Website 31/55 Định hướng trợ giúp rõ ràng 9/3/2009 Tổng quan về thiết kế Website 32/55 Định hướng trợ giúp rõ ràng Độc giả phải luôn có khả năng quay trở lại trang chủ và các điểm chủ chốt trên website của chúng ta Các liên kết cơ bản này nên có trên mọi trang web của chúng ta, nó thường là các nút ấn đồ hoạ với hai mục đích: tạo các mối liên kết cơ bản và giúp tạo một . trungnq@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 Tổng quan về thiết kế 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 Tổng quan về thiết kế Website 3/55 2.1. Các bước xây dựng Website 2.1.1. Khái quát chung 2.1.2. Thiếtkế giao diện 2.1.3. Thiếtkế nội dung 9/3/2009 Tổng quan về thiết kế Website 4/55 2.1.1 các trang web 9/3/2009 Tổng quan về thiết kế Website 13/55 Có Tiếng Anh 9/3/2009 Tổng quan về thiết kế Website 14/55 Chiếnlượcthiếtkế -Bạnmuốn nói gì? -Tại sao thông tin củabạnlàcầnthiết? -Bạnmuốnmọingườithựchiện