Bộ môn CNTT
–Trường ĐH Thương Mại
Email:
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

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
9/3/2009 Tổng quan về thiết kế Website

z Giáo dục
z Tham khảo
9/3/2009 Tổng quan về thiết kế Website
16/55
Dạochơi trên Web (Browsing)
z Diễn đàn
9/3/2009 Tổng quan về thiết kế Website
17/55
Đào tạo (Training)
z Mục đích tập trung vào thông tin chủ chốtlàđào tạo
z Giớihạn các liên kếtbằng nút "Tiếptục", hay "Quay về trang
trước" đảmbảomọi độcgiả sẽ nhìn thấy cùng mộtgiáotrình
z Đại đasố giáo trình giả thiếtthờigiantruynhậpdướimộtgiờ,
hoặcsẽđược phân đoạn thành các phầníthơnmộtgiờ
z Nên thông báo cho người đọcvề lượng thờigiancủa bài giảng,
lưuý họđừng đixakhỏiphầnchínhcủa bài giảng nếu bài
giảng đócầnphảitrả tiền để đọc
z Các ứng dụng đào tạoloại này thường yêu cầusự log-in của
độcgiả. Thông tin vềđọcgiả, bảng điểm đượclưutrữ trong cơ
sở dữ liệu được liên kếtvớiwebsite
9/3/2009 Tổng quan về thiết kế Website
18/55
9/3/2009 Tổng quan về thiết kế Website
19/55
Dạyhọc (Teaching)
z Trong các ứng dụng dạyhọcdựa trên công nghệ web,
thông tin được trình bày thường tinh tế và có chiềusâu
hơnlàtrongcácứng dụng đào tạo
z Các mốiliênkếtlàmặtmạnh củaweb
z Nên nhóm các liên kết đến các tài nguyên web khác

z Cấu trúc menu, nội dung phải đượctổ chứccẩnthận để hỗ trợ
tìm kiếm, thu nhận nhanh, dễ lưugiữ các file, in ấnkhicần
z Cầngiữ các hình ảnh đồ hoạ nhỏđểthờigiannạpxuống
nhanh, và chúng ta cũng nên nghiên cứu, áp dụng phầnmềm
tìm kiếm thay vì chỉ cung cấpmột danh sách các liên kết
z Thời gian liên kết càng ngắn càng tốt
9/3/2009 Tổng quan về thiết kế Website
24/55
9/3/2009 Tổng quan về thiết kế Website
25/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