- T T Ổ Ổ NG QUAN V NG QUAN V Ề Ề WEB V WEB V À À THI THI Ế Ế T K T K Ế Ế WEB WEB. - Mạ Mạ ng c ng c á á c m c m á á y t y t ính í nh. - Web Web. - Mạ Mạ ng ng thông thông tin tin. - Là các dịch vụ phân tán cung cấp thông tin multimedia dựa trên hypertext. - Phân tán: thông tin được đặt trên nhiều máy chủ khắp thế giới – multimedia: thông tin bao gồm text, graphics, sound, video – hypertext: là kỹ thuật được sử dụng để truy cập thông tin. - Có khoảng hơn 30 tỉ trang web thuộc hơn 108 triệu website (2-2007 - Netcraft's survey). - Là trang web. - Có thể hiển thị các thông tin dưới dạng văn bản, hình ảnh, âm thanh,. - Tập hợp các trang web. - Website của các tổ chức hay cá nhân trên mạng bao gồm tập hợp các trang web liên quan đến tổ chức này.. - C C á á c khá c k hái ni i ni ệ ệ m chí m c hí nh nh. - C C á á c khá c k há i ni i ni ệ ệ m c m c hí hí nh nh. - Địa chỉ IP – IP Address – tracecrt www.yahoo.com. - Xác định đối tượng nhận và gởi thông tin trên Internet – Để biết IP: ping www.intel.com. - Ví dụ: www.intel.com. - http://www.microsoft.com:8080/en/us/default.aspx http://www.microsoft.com:8080/en/us/default.aspx. - C C á á c khá c k há i ni i ni ệ ệ m chí m c hí nh nh Browser Browser. - C C á á c c bư bư ớc ớ c thi thi ế ế t t l l ậ ậ p p Website Website. - Thiết kế Website. - X X á á c c đ đ ị ị nh nh m m ụ ụ c c đ đ ích í ch. - Đề ra mục tiêu khái quát, ngắn gọn, rõ ràng của Website cần thiết kế. - Xác định loại đọc giả chính của Website. - Thiết kế tốt = thích hợp cho một dải rộng các loại đọc giả có trình độ và nhu cầu khách nhau. - Ch Ch ủ ủ đ đ ề ề c c ủ ủ a a Website Website. - Giúp định hướng cho nhà thiết kế. - rosevilleelectric.com Roseville + Electric. - Thi Thi ế ế t t k k ế ế giao giao diệ di ệ n n Website Website. - Thi Thi ế ế t t k k ế ế giao giao diệ di ệ n n : 2x2 Layout : 2x2 Layout. - 2007 Khoa CNTT - ĐHKHTN Tổng quan về thiết kế Web. - Thi Thi ế ế t t k k ế ế giao giao diệ di ệ n n : Table within a table : Table within a table. - Thi Thi ế ế t t k k ế ế giao giao diệ di ệ n n : Centered with three columns : Centered with three columns. - Thi Thi ế ế t t k k ế ế giao giao diệ di ệ n n. - X X á á c c đ đ ị ị nh nh ki ki ể ể u u ch ch ữ, ữ , m m à à u u s s ắ ắ c c. - Đặc điểm thông tin – Độc giả. - X X á á c c đ đ ị ị nh nh k k í í ch ch thư thư ớc ớ c khung khung nhì nh ì n n. - Phải làm cho đọc giả cảm nhận được kích thước của trang thông tin, biết họ đang ở đâu, có thể làm gì. - Lưu ý, hầu hết các trang web đều không vừa khớp với màn hình 14-15 inch.. - X X á á c c đ đ ị ị nh nh c c ấ ấ u u trú tr ú c c WebSite WebSite. - Dùng để tổ chức các khối thông tin phức hợp.. - M M ộ ộ t t s s ố ố v v ấ ấ n n đ đ ề ề liên liên quan quan đ đ ế ế n n vi vi ệ ệ c c thi thi ế ế t t k k ế ế giao giao di di ệ ệ n n cơ cơ b b ả ả n n. - Thiết kế hướng tới người sử dụng. - Tính ổn định của các trang Web. - Thi Thi ế ế t t k k ế ế hư hư ớng ớ ng tớ t ới i ngư ngư ời ờ i sử s ử d d ụ ụ ng ng. - Yêu cầu mức độ hoàn hảo của thiết kế giao diện đồ họa. - C C á á c c gi gi ú ú p p đ đ ỡ ỡ đ đ ị ị nh nh hư hư ớng ớ ng rõ rõ r r à à ng ng. - Đọc giả có thể trả lời các câu hỏi:. - Luôn có khả năng quay lại trang chủ, các trang chủ chốt trên Website. - Băng Băng thông thông v v à à ả ả nh nh hư hư ở ở ng ng. - Sự kiên nhẫn của đọc giả có giới hạn.. - Phân biệt giữa thiết kế cho Internet và Intranet. - Đơn Đơn gi gi ả ả n n v v à à t t ính í nh nh nh ấ ấ t t quá qu á n n. - Đọc giả sẽ không ấn tượng và sự phức tạp không lý do. - Đặc biệt là đọc giả phục thuộc vào thời gian và thông tin chính xác.. - Tí T ính nh ổ ổ n n đ đ ị ị nh nh củ c ủ a a c c á á c c trang trang Web Web. - nội dung luôn đảm bảo thích hợp và phải cập nhật cho phù hợp với ngữ cảnh tại thời điểm đọc giả duyệt Web.. - Chuẩn bị trước cho việc trả lời, đáp ứng các đòi hỏi, góp ý của đọc giả một cách nhanh nhất có thể.. - Tí T ính nh tương tương thí th ích ch trên trên cá c á c c trì tr ì nh nh duy duy ệ ệ t t kh kh á á c c nhau nhau. - Không phải mọi trình duyệt đều hiển thị trang web của chúng ta giống nhau.. - Lưu ý khi có đọc giả sử dụng web browser không có khả năng hỗ trợ đồ họa (mobile, PDA,. - Website cần được cập nhật thông tin để đọc giả luôn cảm nhận được cái mới. - Tạo liên kết đến các trang thông tin (đối tác, khách hàng…) Æ tăng uy tín. - Thông tin báo cáo thường cô đọng Æ trên web có thêm các phụ lục. - FAQ (Frequently Answer Questions) lý tưởng cho việc thiết kế website hỗ trợ. - Kh Kh ả ả o o s s á á t t c c á á c c website website. - Tìm kiếm thông tin về WEB Hosting. - Công cụ lập trình và thiết kế web. - Một số trang web cung cấp hình ảnh làm web. - www.clipart.com. - http://free-clip-art.com/. - Một số trang web cung cấp các kiểu font chữ. - http://www.1001freefonts.com/fontfiles/main.htm. - Một số trang web cung cấp mẫu thiết kế giao diện web
Xem thử không khả dụng, vui lòng xem tại trang nguồn hoặc xem
Tóm tắt