ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 1
INFORMATION SEARCH & ANALYSIS SKILLS
PROJECT
Mã lớp:
Ngày bắt đầu: 25/7/2011 Ngày kết thúc: 6/8/2011
Tên giảng viên: Thầy Phạm Tiến Phúc
Học viên thực hiện: Nguyễn Đức Cường
Huỳnh Thủy Ngân
Mã Lớp : B110025
Date of Submission: 8/8/2011
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 2
CHỨNG NHẬN
Đây là chứng nhận bài báo cáo này được hoàn thành bởi
nhóm 1 theo yêu cầu trong khóa đào tạo của NIIT.
Giảng viên: Phạm Tiến Phúc
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 3
TÀI LIỆU THAM KHẢO
TÀI LIỆU THAM KHẢO
Nhóm: 1 Chủ đề: 2
Tên chủ đề: Website for Jessup Electronics
Nguồn Tài Liệu :
1.
2.
3.
4.

max-cabba_thiet-ke-web_thiet-ke-website_thietkeweb_thietkewebsite.html
5.
php3
6.
web
7.
8.
%BF-web-v%E1%BB%9Bi-cac-ki%E1%BB%83u-menu-tab-css-jquery/
9.
nao/
10.
gian.html
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 4
MỤC LỤC
MỤC LỤC
Tiêu Đề Trang
CÁC LOẠI WEBSITE 5
CÁC THÀNH PHẦN TRONG WEB 7
WEB HOSTING VÀ DOMAINNAME 8
ĐỐI VỚI WEBSITE DOANH NGHIỆP 11
NAVIGATION CONTROL 14
VỊ TRÍ NAVIGATION CONTROL 15
NHỮNG LOẠI NAVIGATION CONTRO 19
CHỌN NAVIGATION CONTROL NHƯ THẾ NÀO 23
NGUYÊN TẮC TẠO NAVIGATION CONTROL 24
TIÊU CHUẨN KĨ THUẬT 26
SO SÁNH CÁC CÔNG NGHỆ 28
WEB ĐỘNG VÀ WEB TĨNH 29

JESSUP ELECTRONICS 30
YÊU CẦU 31
NHẬN XÉT CỦA GIẢNG VIÊN 41
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 5
CÁC LOẠI TRANG WEBSITE
CÁC LOẠI TRANG WEBSITE
 Webpage: là một trang web, tức một file có đuôi HTM hay HTML. Đó là một tập tin viết bằng
mã code HTML chứa các siêu liên kết (hyperlink) đến các trang khác. Trên trang web ngoài
thành phần chữ nó còn có thể chứa các thành phần khác như hình ảnh, nhạc
 Website: là tập hợp những trang web liên kết với nhau bằng các siêu liên kết. Website được đưa
vào mạng internet để hoà cùng các website khác, mọi người trên khắp thế giới đều có thể truy
cập được vào website để lấy thông tin.
 Website giới thiệu: là website căn bản và đơn giản nhất, dùng để giới thiệu về một cá nhân hay
một đơn vị. Ví dụ một website của ca sĩ chứa các thông tin về lý lịch, bài hát ưa thích, lịch diễn
của ca sĩ đó. Một cơ quan y tế có thể tạo cho mình một website nhỏ nhằm giới thiệu khái quát về
đơn vị mình như: lịch sử bệnh viện, chức năng bệnh viện, thành phần ban giám đốc Website
loại này chứa ít trang, ít tốn kém vì dễ làm nhất.
 Website lưu trữ thông tin: hay còn gọi là thư viện điện tưû, chứa các thông tin chuyên môn
được sắp xếp thành nhiều đề mục, nhiều tiêu đề dễ tra cứu. Website lưu trữ phải được cập nhật
thường xuyên thông tin mới và được sắp xếp sao cho người xem tìm ngay được thông tin mình
muốn tìm. Cơ quan y tế có chức năng huấn luyện, đào tạo cần có phần lưu trữ thông tin này đề
sinh viên hay các đơn vị trực thuộc ở xa có thể cập nhật kiến thức mới. Để tạo thư viện điện tử,
cần có kế hoạch và tầm nhìn xa để dễ phát triển mở rộng về sau. Để nuôi dưỡng website lưu trữ,
người cập nhật cần có kiến thức cơ bản về website.
 Website truyền dữ liệu: được thiết kế đặc biệt để thu nhận thông tin từ xa. Một cơ quan, đơn vị
y tế làm công tác quản lý chương trình có nhiều vệ tinh thay vì phải đến tận đơn vị ở quận
huyện, tỉnh thành khác để ghi chép thông tin thì nay có thể ngồi tại chỗ để nhận thông tin qua
mạng internet và chỉ việc kiểm chứng, đánh giá thông tin trước khi nhập vào kho thông tin

chung. Website này thuộc hàng cao cấp có nhiều chương trình lồng trong trang web, đòi hỏi nhà
thiết kế phải có trình độ nhất định trong cả lãnh vực điện toán lẫn chuyên môn. Giá cả thường
thay đổi tùy yêu cầu và tùy tính phức tạp.
 Website thương mại: chứa thông tin hàng hoá và dịch vụ, chứa nhiều form và chứa các script
tính toán để người tiêu dùng có thể mua và trả tiền ngay tại website. Nếu bệnh viện có chế độ
đăng ký khám bệnh trước qua mạng thì có thể dùng hình thức này.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 6
CÁC LOẠI TRANG WEB
CÁC LOẠI TRANG WEB
 Trang chủ (Homepage): là trang đầu tiên xuất hiện khi website được gọi tên. Trang chủ thường
chứa các thông tin căn bản nhất của website và các liên kết đến các trang chuyên đeà. Trang chủ
có thể có các tên như index.htm, default.htm.
 Trang chuyên đề: là trang lớn mang các liên kết đến các trang đơn vị có cùng tính chất.
Ví dụ: Trang chuyên đề giới thiệu ban giám đốc bệnh viện liên kết đến các trang về giám đốc,
phó giám đốc, trưởng phòng Trang chuyên đề giới thiệu các dịch vụ của bệnh viện liên kết
đến các trang đơn vị có nội dung giới thiệu từng dịch vụ sản phẩm của bệnh viện, trang chuyên
đề nghiên cứu khoa học liên kết đến các trang đơn vị chuyên ngành
 Trang đơn vị: thường được bố trí vào các thư mục có cùng chủ đề, chứa nội dung cụ thể của
website. Một trang đơn vị có thể xuất hiện trên một hay nhiều trang chuyên đề tuỳ theo tính chất
chủa trang đó. Ví dụ một bài viết về viêm xoang trẻ em có thể nằm trong chuyên đề nhi khoa,
cũng có thể đồng thời nằm trong chuy6en đề tai mũi họng.
Các trang đơn vị thường là một trang web thật (hay web tĩnh) với đuôi htm hay html
Các trang đơn vị cũng có thể chỉ là một thành phần được trích xuất từ một database khi nhà viết
web sử dụng hình thức web động.

Trang phản hồi (Feedback): chứa các form thu nhận thông tin từ người xem. Đây là đặc trưng
của Internet, thông tin hai chiều. Người xem web không chỉ nhận thôn tin từ web mà còn có thể
giao tiếp với chủ website thông qua trang web. Thông tin do người đọc nhập vào có thể hiển thị

ngay tại trang web hoặc có thể chuyển đến một địa chỉ email nhất định nào đó hoặc đưa vào cơ
sở dữ liệu.
Có nhiều loại trang phản hồi tùy mục đích sử dụng form thu nhận thông tin. Ví dụ trang góp ý,
trang đăng ký khám bệnh, trang đặt câu hỏi thắc mắc
 Web động: là trang web có các đường liên kết đến cơ sở dữ liệu Database. Khi chọn một liên
kết, một thành phần trong cơ sở dữ liệu sẽ xuất hiện như thể có một trang web mới. Thật ra, web
động chỉ có thể thay đổi nội dung tại một vùng định sẵn của trang đó. Về mặt hình thức thì nó
không động chút nào, khiến cho trang web trở nên mất sinh động về mặt hình thức. Thiết kế
web động đòi hỏi người thiết kế tốn nhiếu công sức không cần thiết và cũng gây khó khăn cho
việc nhập liệu.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 7
CÁC THÀNH PHẦN TRONG WEB
CÁC THÀNH PHẦN TRONG WEB
• Hình ảnh thường dưới 2 dạng gif và jpg. Gif nhẹ ký nhưng màu sắc đơn giản, jgp nặng ký hơn
và màu sắc mịn đẹp. Gif giúp tạo các hình animation chuyển động nhúc nhích làm vui mắt. Hình
ảnh nhiều làm cho việc load web chậm. Thiếu kiến thức về nén ảnh sẽ làm thất bại trang web do
load chậm.
• Banner là một file ảnh có kích thước dài, thường nằm ở 1/3 trên của trang, dùng để quảng cáo.
• Logo: là biểu tượng của website, cũng có thể là biểu tượng của cơ quan chủ quản website.
• Counter: là bộ phận đếm số người truy cập website.
• Search form: hộp thoại giúp người xem nhanh chóng tìm kiếm thông tin cần tìm. Search form
có thể dùng để tìm thông tin trong một trang, một site hay tất cả các site trên toàn cầu.
• Navigator: là tập hợp những đường liên kết dẫn đến các trang chuyên đề. Có thể gọi navigator
là menu list cũng đúng.
• Header: là thành phần luôn luôn hiện diện phần trên cùng của tất cả các trang web, thường chứa
các navigator. Một website được cấ trúc chặt chẽ cần phải có header này.
• Footer là thành phần luôn luôn hiện diện ở phần dưới cùng của tất cả các trang, chứa các thông
tin cần thiết: Contact us, Private policy, About us hay nối với các trang chuyên đề. Mục đích của

header và footer là giúp người xem không bị lạc hướng trong kho thông tin của bạn. Nếu thiếu
footer hay header, trang web trở thành trang cụt (orphan page).
• Frame: là hình thức chia khung trang, giúp bố trí các trang vừa cố định về hình thức, vừa thay
đổi về nội dung.
• Forum: trang thảo luận, người xem có thể trao đổi thông tin cho nhau bằng cách gõ ý kiến vào
đó lưu lại trên trang web và đợi người khác trả lời, hưởng ứng. Forum giúp nâng cao kiến thức
tập thể và hấp dẫn người xem.
• Chat: một thành phần khác giúp hai hay nhiều bạn đọc tán gẫu với nhau trực tiếp. Các thông tin
Chat không lưu lại trên trang web.
• Multimedia: là các file ảnh, recipe hay âm thanh lồng trong trang.Các thành phần kể trên giúp
người xem không bị nhàm chán.
• Flash: tạo hình ảnh động cao cấp, đẹp nhất hiện nay, dùng cho việc trang trí. Mặc dù flash còn
nhiều chức năng xuất sắc nữa nhưng dùng flash trong web cần cẩn thận vì không phải máy nào
cũng hiển thị được Flash.
• Java script, java applet, DHTML (dynamic HTML), VB script là các script giúp tạo hiệu ứng
đặc biệt trên trang web.
• CGI, Java, PHP: giúp tạo chương trình web động, tạo chat, forum.
• My SQL, DBF giúp tạo cơ sở dữ liệu.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 8
WEB HOSTING VÀ DOMAINNAME
WEB HOSTING VÀ DOMAINNAME
1. Web Hosting Sever: là máy chủ mà bạn gởi tài liệu web vào để hoà nhập với internet. Khi host
bạn cần biết tính năng của Hostserver đó như thế nào Ví dụ: Server Unix hay Window, dung
lượng bao nhiêu, băng thông, hỗ trợ kỹ thuật Frontpage extention, hỗ trợ ASP, CGI, PHP, SQL,
Server có hay chết hay không, có cho quyền bạn tự upload bất cứ lúc nào hay không, có bung
quảng cáo trên web của bạn không, có quảng cáo ngầm hay không, có dịch vụ thương mại điện
tử không (e-commercial)
1.1 Unix, Window hay Linux? Unix là hệ thống server cũ mà hầu hết các nhà cung cấp host

Việt Nam đang sử dụng. Khi host trên server này, người soạn web phải có kiến thức viết web
bằng HTML rất vất vả, soạn từng trang hoặc soạn script CGI rất cực nhọc và phải upload bằng
Nếu có sửa lại thư mục hoặc mất một trang thì phải kiểm tra lại toàn bộ các đường dẫn đến trang
đó. Các tiện ích như counter đếm số người truy cập, form nhập liệu cũng phải viết bằng ngôn
ngữ CGI đều phải viết riêng, rất mất thì giờ như thể người ta phải chế tạo lại cái bánh xe
vậy.Trong khi đó server WINDOW hiện nay đang là thời thượng vì Microsoft cố gắng hỗ trợ
hoàn toàn và dễ dàng cho người dùng mà ngay cả người không chuyên nghiệp vẫn có thể tạo ra
trang web nhìn rất ư chuyên nghiệp. Một trong những tính năng của server window là có hỗ trợ
Frontpage extension.
Linux cũng là Platfom tốt cho webserver hỗ trợ nhiều tiện ích như mySQL, ODBC, CGI và cả
Frontpage extention nhưng hãy cẩn thận. Nếu nhà cung cấp Host không rành và Linux thì
trang web của bạn sẽ chập chờn theo kỹ năng điều hàng web của họ.
1.2 Dung lượng: Tùy theo mục đích trang web mà bạn chọn dung lượng tương ứng. Theo thống
kê của các nhà cung cấp dịch vụserver internet trung bình một website cần khoảng 100Mb. ít khi
cần quá 200Mb. Một website với vài trang mang tính quảng cáo hàng hoá hay của nghệ sĩ như
Lam Trường chỉ cần 20Mb. Một website mang tính tích lũy bài vở như một thư viện điện tử có
thể cần đến 100 hay 200Mb như website YKHOANET, Website chứa phần mềm khổng lồ như
của Lê Hoàn thì phải vài trăm Mb (bằng với số lượng điã CD).
1.3 Băng thông: là bề rộng con đường xe chạy. Băng thông rộng thì nhiều người truy cập cùng
một lúc không sao. băng thông hẹp thì dễ nghẽn mạch. Các server Vietnam thường băng thông
rất hẹp, nếu nhiều người cùng vào webcủa bạn sẽ bị đá văng ra. Chừng vài lần thôi thì các
reader sẽ bị nản.
1.4 Frontpage extention: là phần tiện ích mở rộng của Server mà có chức năng quản lý file rất
tuyện vời như tự động chỉnh đường link khi bị chuyển dời file hay sửa tên file hay tái cấu trúc
thư mục Hàng trăm tiện ích khác trong Frontpage mà người khôn ngoàn nên tận dụng để tiết
kiệm chi phí và thời gian tạo web. Phần này bạn nên tham khảo trong Frontpage. Trong khi hầu
hết các Hosting server hỗ trợ kỹ thuật này miễn phí thì PAVietnam lại giấu đi. Nếu bạn hỏi đến
thì phải trả 80$ !!! Như vậy xét ra bạn bị sập bẫy khi thấy giá host sao quá rẻ !!!
ISAS Report Group 1
Jessup Electronics’s website

NIIT CẦN THƠ MMSV2-Q6 Page 9
WEBHOSTING VÀ DOMAINNAME
WEBHOSTING VÀ DOMAINNAME
1.5 Hỗ trợ ASP, CGI, PHP: đây là các tiện ích cho các chuyên gia viết script cho trang web
phức tạp. Không phải Hosting server nào cũng hỗ trợ các script này. Một điều đáng quan tâm là
các nhà viết web đã nhức đầu vì các trang web có các kỹ thuật này lại không hỗ trợ tiếng Việt
Unicode. Những nhà kinh doanh lơ tơ mơ giao cho "chuyên gia web" viết script ASP sẽ thất
vọng khi nhận được một website có giao diện trơ như đá. Sau khi chuyên gia tạo sườn xong, họ
tặng cho khách hàng một form nhập liệu để thêm bớt bài vở. Cái form dùng để nhập dữ liệu vào
cơ sở dữ liệu và sau đó xuất ra các trang web có giao diện giống nhau như hai điếu thuốc, không
thể sáng tạo, thêm thắt, tô vẽ gì thêm.
1.6 SQL dùng khi cần nhập liệu từ xa. Ví dụ như các bệnh viện cần phải nhập báo cáo về sở y
tế chẳng hạn.
Ngoài ra còn hàng chục thứ dịch vụ cộng thêm khác như: cho phép tạo web base e-mail (như
Hotmail hay Yahoo), POP3 e-mail, bao nhiêu cái, forward e-mail, bao nhiêu cái, tự động trả lời
thư
Hầu hết các server lớn đều cho bạn quyền tự quyết nội dung và tự upload bài. Ở Việt Nam, bạn
phải chép bài vào điã và mang lên tận server để họ duyệt rồi mới đẩy bài lên mạng!!!
Nếu bạn không nắm được những điều này, bạn hãy cứ ngậm bồ hòn làm ngọt hoặc giả bạn sẽ
phải trả những món tiền "khổ lòng" cho những dịch vụ mà lẽ ra bạn sẽ không phải tốn một xu.
Người ta gọi các khoản tiền này là hidden fee (phí tổn bị giấu). Chính tôi đã từng bị sập bẫy 2
năm về trước. Khi đăng ký, họ không hề đá động gì đến các hiden fee này. Đến khi upload
website lên thì nó xuất hiện một banner quảng cáo chần vần trên mặt trang web. Họ trả lời khiếu
nạn rằng vì muốn bán theo giá cạnh tranh nên phải bù vào bằng cách chèn quảng cáo. Nếu muốn
banner đó biến đi thì cứ việc móc tuí trả thêm 50$ nữa.
2. Domain: là tên của trang web của bạn hay còn gọi là tên miền. Việc đăng ký một tên domain
là vô cùng hệ trọng. Không phải đơn thuần đăng ký là xong mà còn rất hiều rắc rối đàng sau có
tên đó nữa. Tôi xin giúp bạn một số ý kiến sau:
- Domain càng ngắn gọn, dễ nhớ chừng nào càng tốt chừng đó. Ví dụ dễ nhớ hơn
2.1 Tên Domain phải ngắn gọn và dễ nhớ ví dụ như nhưng cũng đừng vì ngắn gọn mà viết tắt

thành ra khó nhớ như . Việt nam ta thường pha tạp nửa Anh nửa Việt, nửa viết tắt nửa viết đủ
thành ra một cái tên không thể nhớ nổi.
2.2 Thông thường tên domain phải được ký gởi vào cùng một server với hosting và cũng
như web hosting. Nhà dịch vụ đã phải tạo thuận lợi cho người sử dụng một cách đồng bộ. Một
số công ty môi giới muốn mua giá rẻ nên mua tên miền nơi này, mua web hosting nơi khác rồi
ráp lại. Hai bên không ăn khớp về dịch vụ nên cuối cùng khách hàng chịu khổ. Domain có hàng
chục thuộc tính cần phải biết nếu không muốn phiền lòng về sau.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 10
WEBHOSTING VÀ DOMAINNAME
WEBHOSTING VÀ DOMAINNAME
2.3. Park domain: nghĩa là sau khi đăng ký domain rồi mà bạn chưa có sẵn website để bắn tên
vào thì bạn chỉ cần "đậu tên" vào server. Một số server rất dễ thương, cho bạn park miễn phí sau
khi đăng ký. Sever đó có thể tặng bạn một số dịch vụ trong lúc chờ thời như cho bạn tạo một điạ
chỉ mail .
2.4 Redirect: domain được ấn định chỉ đến (transfer hay redirect) một website đag host trên một
server khác. Ví dụ trên server ABC redirect đến đang host trên server XYZ.
2.5 Có thể tạo được mail forward
2.6 Có thể được chuyển từ server này sang server khác, quyền sở hữu Có những server ma
giáo, sau khi bạn đang ký tên xong, bạn không thể rút tên ra khỏi server đó để host trên server
khác. Muốn vậy bạn sẽ trả thêm tiền rút tên !!! Một số khác khi đến hết hạn đăng ký (1 năm) mà
bạn quên hay chưa kịp renew (trả tiếp) thì server đó chiếm luôn domain đó và bán cho người
khác hoặc bán cho chính bạn với giá cao hơn. Từ đó đẻ ra dịch vụ Fishing domain name (câu
domain name như câu cá) chơ 2bắt các domain hết hạn dùng mà chưa kịp renew.
Giá thị trường chính thức một domain name ở Việt Nam là 10$ nhưng chưa phải là rẻ nhất.
Nếu bạn không nắm được vấn đề này bạn sẽ gặp các rắc rối sau:
- Bạn mua một domain với giả rẻ (5 hoặc 7$) nhưng mua rồi chỉ để đó chứ không sử dụng được,
chỉ park thôi. Muốn sử dụng, nghĩa là muốn nó chỉ vào một website thì bạn sẽ phải trả phí
redirect, có khi là 15$ hay 20$.

- Có domain rồi, nhưng không tạo được mail riêng hoặc số lượng mail rất hạn chế.
- Mất tên miền
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 11
ĐỐI VỚI WEBSITE DOANH NGHIỆP
ĐỐI VỚI WEBSITE DOANH NGHIỆP
Đối với website dạng này, điều quan trọng là thiết kế phải cho phép doanh nghiệp chuyển tải
đầy đủ thông tin, hình ảnh của công ty mình lên website.
Chính vì thế, đâu tiên doanh nghiệp cần một trang mang tính chất giới thiệu doanh nghiệp để
cung cấp đôi dòng về công ty mình.
1. Trang giới thiệu
Đây là trang web mang nội dung giới thiệu tổng quan về doanh nhiệp của bạn, trang này có thể
bao gồm:
1. Ngành nghề, lĩnh vực hoạt động
2. Tiêu chí hoạt động, sứ mệnh của doanh nghiệp
3. Lịch sử hoạt động
4. Tin tức, thông báo của doanh nghiệp
Thêm vào đó, một trang thông tin doanh nghiệp không chỉ dừng lại ở mục đích giới thiệu thông
tin về doanh nghiệp nhưng còn phải cung cấp 3 nội dung trọng yếu mang tính chất quyết định
đến sự phát triển của doanh nghiệp đó là:
2. Thông tin liên hệ
Thật trớ trêu khi một khách hàng sau khi đã bị thuyết phục bởi lịch sử hoạt động, phương hướng
tổ chức, điều hành của doanh nghiệp lại không thể tìm ra bất kỳ thông tin nào để liên lạc với
doanh nghiệp ấy.
Chính vì thế, trên website của mình, doanh nghiệp nên chèn thông tin liên hệ vào website ở một
nơi nào đó thật dễ tìm như thanh menu ở trên cùng (top menu), vị trí chân trang web (footer).
Hơn nữa, trang liên hệ cần chứa càng nhiều thông tin để liên hệ với công ty càng tốt, không chỉ
có email, điện thoại bàn, địa chỉ liên hệ nhưng nếu có thể, quý doanh nghiệp nên cung cấp 1
hoặc nhiều số HOTLINE mà khách hàng có thể trực tiếp liên hệ với đại diện của doanh nghiệp

24/24. Như thế sẽ làm tăng tính tương tác trực tiếp giữa doanh nghiệp với khách hàng.
3. Thông tin về dịch vụ, sản phẩm mà doanh nghiệp cung cấp
- Một website được gọi là đầy đủ về mặt thông tin cần phải cho phép quản trị cập nhật, upload
nội dung sản phẩm, dịch vụ của mình. Nội dung cập nhật sẽ bao gồm hình ảnh, văn bản, có thể
có flash và video để làm trang web thêm sinh động.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 12
ĐỐI VỚI WEBSITE DOANH NGHIỆP
ĐỐI VỚI WEBSITE DOANH NGHIỆP
- Tuy nhiên, đến đây ta có thể đặt vấn đề liệu tính năng dịch vụ, sản phẩm này có cho phép
khách truy cập mua hay đặt hàng trực tuyến (online ordering) không?
Hoặc đi xa hơn nữa, liệu nó có tính năng giỏ hàng (shopping cart) của 1 gian hàng trực tuyến
(online store) cho phép khách hàng đặt mua 1 lúc nhiều món hàng không.
Một lần nữa, câu trả lời thuộc về nhu cầu của phía doanh nghiệp mà cụ thể là định hướng
bán hàng và định hướng tiếp thị sản phẩm của doanh nghiệp.
=====> Nếu khách hàng cần phải đến tận nơi để mua hàng hoặc phải gặp trực tiếp để tư vấn về
dịch vụ thì việc cho phép đặt hàng qua website có lẽ không cần thiết lắm và thay vào đó, quý
doanh nghiệp có thể sử dụng tính năng liên hệ để thay thế tính năng đặt hàng online cho
website.
=====> Tuy nhiên, nếu doanh nghiệp chủ yếu bán mặt hàng, dịch vụ của mình online thì tính
năng đặt hàng trực tuyến là rất quan trọng và không thể thiếu. Tuy nhiên, đa phần các doanh
nghiệp VN hiện nay chỉ dừng ở hình thức bán hàng trực tiếp offline và quảng bá hình ảnh sản
phẩm, dịch vụ của mình lên website chứ khá ít doanh nghiệp tổ chức mua bán giao dịch từ A-Z
qua website.
4. Hồ sơ năng lực của doanh nghiệp
Điểm tiếp theo mà doanh nghiệp cần lưu ý chính là hồ sơ năng lực của doanh nghiệp. Hồ sơ
năng lực này được thể hiện dưới nhiều dạng trên website như:
- Danh sách dự án đã thực hiện
- Danh sách khách hàng tiêu biểu

- Ý kiến phản hồi của khách hàng
- Bề dày kinh nghiệm và kỹ năng chuyên sâu của đội ngũ nhân viên
Có thể ví von hồ sơ năng lực của công ty như là bảng đánh giá sức khỏe của quý công ty, hồ sơ
năng lực càng tốt thì công ty đó càng "khỏe". Công ty càng thu thập và tạo dựng một hồ sơ
thật tốt, thì khả năng lọt vào cặp "mắt xanh" của khách hàng càng cao.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 13
ĐỐI VỚI WEBSITE DOANH NGHIỆP
Điều này rất quan trọng trong việc thuyết phục khách hàng sử dụng sản phẩm, dịch vụ của quý
công ty. Khi danh sách, hồ sơ năng lực của công ty bạn tăng lên, quý doanh nghiệp nên tìm cho
mình những khách hàng hoặc dự án thật nổi bật, đó là những dự án lớn hoặc dự án của những
đối tác, khách hàng lớn, "tai to mặt bự" trong ngành để có thể gia tăng uy tín cho sản phẩm,
dịch vụ của công ty mình.
Thêm vào đó, khi bạn có thể ký được những hợp đồng cung cấp dịch vụ hoặc phân phối sản
phẩm lớn, cho những khách hàng quan trọng, tiêu biểu thì hãy cố gắng làm thật tốt để lấy ý kiến
phản hồi từ phía khách hàng để có thể đưa lên website và làm tăng độ tin tưởng khi khách truy
cập vào xem website của quý công ty.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 14
NAVIGATION CONTROL
 Để mô tả chính xác Navigation website thì chúng ta phải biết chính xác Navigation là gì .Từ
này có nghĩa là naus/nautes (Hi Lạp) .Navigation có nghĩa là “chuyển hướng” theo khoa học
là kĩ năng chuyễn hướng từ nơi này đến nơi khác .
 Vậy Navigation trong website có ý nghĩa là một dạng chuyển từ trang này sang một trang khác
trong một web hoặc chuyển từ trang web này sang trang web khác . Nói cho chính xác hơn
Navigation control là một dạng Menu hoặc TreeView .
 Menu chính trong trang web chứa một bộ sưu tập các liên kết đến các trang như văn bản, hình
ảnh,flash,java applet thường được biết như Web Site Navigation Menu hoặc Web Site

Navigation Bar . Menu thường được đặt nằm theo chiều dọc bên trái hoặc nằm ngan bên trên
trang web.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 15
VỊ TRÍ NAVIGATION CONTROL
VỊ TRÍ NAVIGATION CONTROL
 Menu nằm bên trái theo chiều dọc bên trái :
- Hình ảnh minh họa cho thấy một bố trí phổ biến nhất của đa số các trang web
hiện nay . Phía trên là nơi đặt logo và paner của trang web, nơi đặt menu lý tưởng là nằm
bên trái theo chiều dọc của trang web nhưng có những biến đổi khác nhau của các trang
web sử dụng kiễu menu này tùy theo nhu cầu cũng như phù hợp với tổng thể của trang
web mà có thể cho Menu chạy dọc theo chiểu dọc của trang web hoặc để trống không
gian bên dưới Menu. Phần nội dung của trang web được đặt ở bên phải của Menu.

Website sữ dụng Menu dọc
- Một Ví dụ điển hình về Menu dọc Bên trái : />
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 16
VỊ TRÍ NAVIGATION CONTROL
VỊ TRÍ NAVIGATION CONTROL
 Menu nằm theo chiều ngang :
- Menu nằm ngang thường được đặt ở dưới tiêu đề của trang web .Nội dung chính
của trang web nằm trong vùng phía dưới của menu . Những bất lợi duy nhất của bố trí
trang web này là văn bản đó kéo dài toàn bộ chiều rộng của trang. Điều này làm cho nó
khó đọc như các nghiên cứu đã chỉ ra rằng người lướt mạng cảm thấy nó khó đọc khi
văn bản trang web mà kéo dài hơn 600 pixel. Vấn đề này có thể dễ dàng được khắc phục
bằng cách hạn chế chiều rộng của vùng hiển thị văn bản để nó thấp hơn so với 600 pixel.
Để lấp đầy không gian trống được tạo ra ở bên trái và bên phải của văn bản, người ta có

thể sử dụng hình ảnh hoặc các yếu tố thiết kế khác như những khung dành cho quảng cáo
hoặc thông tin khuyến mãi.

Website sữ dụng Menu nằm ngang .
- Một Ví dụ điển hình về Menu nằm ngang :
/>-
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 17
VỊ TRÍ NAVIGATION CONTROL
VỊ TRÍ NAVIGATION CONTROL
 Trang web sử dụng kiễu menu dọc và ngang :
- Những trang web muốn thể hiện nhiều thông tin hoặc cung cấp cho người lướt web
nhiều lựa chọn hơn như các trang thương mại điện tử thường sử dụng cả hai loại menu
trên nhằm truyền đạt cho ngưởi lướt web một cách đầy đủ nội dung của trang web tới
người lướt web một cách hiệu quả nhất có thể.
- Trang web sử dụng cả hai menu dọc và ngang chứa nhiều liên kết hơn . Nhưng ta cũng
có thề thấy một số khác biệt giữa các trang web cùng loại này :
o Menu Ngang: tương đối tất cả sử dụng gần giống nhau.
o Menu dọc bên trái :
 Những trang có nội dung trong menu này cố định không thay đổi
 Những trang web lại có nội dung thay đổi tùy theo menu nằm ngang.
 Những trang web lại có nhưng menu con nẳm trong menu cha.

Website sữ dụng Menu kết hợp ngang và dọc trái .
- Một ví dụ về trang web sử dụng kết hợp ngang và doc :
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 18
VỊ TRÍ NAVIGATION CONTROL

VỊ TRÍ NAVIGATION CONTROL
 Menu nằm bên trái theo chiều dọc bên phải :
- Rất ít trang web đặt navigation nằm bên chiều dọc bên phải.
-

Menu mằn ở bên phải trang web
 Menu nằm ở bên trên cùng nằm bên phải trang web
- Trang web này có thanh memu cố đinh nằm ở góc phải bên phần trên trang web.
Thanh menu này luôn nằm cố định ở phần gốc
phải phần trên trang web khi bạn di chuyển chuột. Nó không có tính năng cho phép bạn trượt
xuống một trang bên dưới khi click vào các option trên thanh menu. Mà khi bạn click vào các
option trong menu, web dùng hiệu ứng fade out để link tới trang cần xem.

Menu nằm ở bên trên tay phải của trang web
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 19
NHỮNG LOẠI NAVIGATION CONTROL
NHỮNG LOẠI NAVIGATION CONTROL
• Thanh Menu có thể gồm toàn các liên kết văn bản . Nếu các liên kết được đặt theo chiều
ngang. Các liên kết cũng có thể được đặt thẳng đứng sau khi ở phía bên trái của một trang
web. . Đầu trang ngang hàng và bên trái là hai nơi phổ biến nơi bạn tìm thấy hệ thống điều
hướng trang web.
 Menu dạng hình ảnh :Bạn sẽ lướt qua các trang web bằng menu bao gồm một loạt các hình
ảnh được liên kết đến các trang khác nhau Điều này hoạt động như một loại tài liệu hướng
dẫn trực quan - để cho các khách truy cập trang mà họ sẽ đi đến nếu họ nhấp vào hình ảnh
nhưng để thực hiện được điều này bạn cần nhờ vào javacrip để thực hiện được điều này.
- Để tạo một menu ấn tượng và phong cách của riêng mình bạn có thể nhờ vào các chương
trình đồ họa hiện nay để góp phần thành công cho trang web của mình như :
photoshop,CorelDraw,illustrator….

 JavaScript Drop down Menu :Menu này được phát triển chủ yếu nhờ vào javacrip và rất phổ
biến hiện nay . Lý do đơn giảng vì nó giúp tăng cường sức sáng tạo cũng như dễ dàng bảo
trì hơn. Ít chiếm diện tích trang web và giúp cho việc quan sát nội dung thuận tiện hơn .
- Sau đây là một số phần mềm giúp bạn tạo một JavaScript Drop down Menu mà không cần
hiễu biết nhiều javacrip : AllWebMenus,ACEMenu ,JavaScript Drop Down Menu
Creator,Active DHTML Drop Down Menu in JavaScript,Drop Down Menu
(apPopupMenu),DHTML Menu Studio,HierMenusCentral.com ….
 Menu cố định : Là dạng menu chiếm hoàn toàn một phần màn hình của trang web giúp
người lướt web luôn có thể nhìn thấy thanh menu giúp họ có thể định hướng dể dàng hơn.
Nhượng điểm của loại menu này là nó tốn nhiều không giang màng hình hơn những dạng
menu khác và khiến cho trang web của bạn bị thu hẹp.
 Menu Flash : Với menu flash sẽ giúp bạn tạo nhiều hiệu ứng động khác nhau như ảnh động,
âm thanh, độ dốc và độ trong suốt mà bạn không thể làm được với những script thông
thường.Hỗ trợ nhiều menu trong cùng một trang mà không cần chỉnh sửa lại script .Hỗ trợ
cả phong cách ngang và dọc (horizontal and vertical styles)
- Những phần mềm có thể giúp bạn tạo một menu flast dễ dàng và hiệu quả như :123 flash
menu,Macromedia Flash…
 Menu kiểu MacOS dùng jQuery : đây là sự kết hợp hoàn hảo của giữa MacOS và JQuery.
- JQuery chính là một thư viện kiểu mới của Javascript giúp đơn giản hóa cách viết Javascript
và tăng tốc độ xử lý các sự kiện trên trang web.JQuery thêm tương tác Ajax vào trong trang
web của bạn.JQuery được thiết kế để thay đổi cách viết Javascript của bạn chỉ với 10 dòng
lệnh JQuery bạn có thể thay thế cả 20 chục dòng lệnh DOM JavaScript chán ngắt cũ kỹ mà
xưa nay bạn vẫn từng viết.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 20
NHỮNG LOẠI NAVIGATION CONTROL
NHỮNG LOẠI NAVIGATION CONTROL
- Mac OS (viết tắt của Macintosh Operating System) là một hệ điều hành có giao diện
cửa sổ, được phát triển và phân phối độc quyền bởi công ty Apple dành cho các máy

tính Macintosh. Phiên bản đầu tiên ra đời năm 1984, Mac OS X là thế hệ mới nhất
của Mac OS. Mac OS đã trải qua các phiên bản Mac OS 6, Mac OS 7, Mac OS 8,
Mac OS 9, Mac OS X. Không như các phiên bản Mac OS 9 trở về trước, Mac OS X
là một hệ điều hành kiểu Unix được xây dựng trên công nghệ được phát triển tại
NeXT trong nửa đầu những năm 1980 và cho đến khi Apple mua công ty này vào
đầu năm 1997.là hệ điều hành có giao diện cửa sổ và được phát triển bởi công ty
Apple Computer cho các máy tính Apple Macintosh.
- Để viết được một Menu kiểu MacOS dùng jQuery thì bạn phải download gói thư
viện jQuery.Đây là một đoạn code jQuery :
<script type="text/javascript">
$(document).ready(function(){
$('#menu div:gt(0)').hide();
$('ul#tab_main li').click(function(){
$('ul#tab_main li').removeClass('li_active');
$(this).addClass('li_active');
$('#menu div').hide();
var $idTab=$(this).attr('title');
$('#'+$idTab).fadeIn();
});
})
</script>

ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 21
NHỮNG LOẠI NAVIGATION CONTROL
NHỮNG LOẠI NAVIGATION CONTROL
menu sử dụng jQuery:
 Menu CSS : nó đơn giản bạn chỉ cần am hiểu một chút về css và ngôn ngữ html là đã có thể
tạo một menu cho trang web của mình

- Đây là một đoạn code được viết bằng ngôn ngữ css và html :
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8">
<link rel="stylesheet" type="text/css"
href="/hozmenu.css" media="all" />
<title>Menu ngang</title>
</head>
<body>
<div id="mainnav">
<ul>
<li><a href="#" class="active" title="Trang chủ">Trang
chủ</a>
</li>
<li><a href="#" title="Giới thiệu">Giới thiệu</a></li>
<li><a href="#" title="Sản phẩm">Sản phẩm</a></li>
<li><a href="#" title="Tin tức">Tin tức</a></li>
<li><a href="#" title="Hỏi đáp">Hỏi đáp</a></li>
<li><a href="#" title="Liên hệ">Liên hệ</a></li>
</ul>
</div>

</body>
</html>
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 22

NHỮNG LOẠI NAVIGATION CONTROL
NHỮNG LOẠI NAVIGATION CONTROL
Code dinh dạng css :
#mainnav {
background: #F1F8FC;
height: 30px;
line-height: 30px;
width: 950px;
margin: 0 auto 30px auto; /* Căn giữa màn hình */
border: 1px solid #A2D2EA;
text-align: left; /* Fix cho IE */
}
Code định dạng thẻ <ul> :
#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}
#mainnav ul li {
margin: 0;
padding: 0;
display: inline; /* Các phần tử li sẽ ở trên một
dòng*/
}
#mainnav li a {
color: #333333;
font-weight: bold;
padding: 0 10px;
border-right: 1px solid #A2D2EA;
text-transform: uppercase;

text-decoration: none;
}
#mainnav li a:hover,
#mainnav li a:active,
#mainnav li a:focus {
color: #CC0000;
}
#mainnav li a.active {
color: #CC0000;}
Một Hình ảnh Thiết kế menu ngang bằng css.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 23
CHỌN NAVIGATION CONTROL NHƯ THẾ NÀO
CHỌN NAVIGATION CONTROL NHƯ THẾ NÀO
 Về vị trí đặt menu nên sử dụng kết hợp giữa Menu nằm ngang dưới baner và Menu nằm dọc
bên trái vì đây là hướng thiết kế web được nhiều trang web sử dụng nhiều nhất . Nhằm giúp
cho người lướt web tiện lợi trong việc nắm vững thông tin bao quát của trang web và không
gây ra sự phiền hà khi người cho người lướt web .
 Là nên sữ dụng menu nào thì thích hợp: nên sử dụng JavaScript Drop down Menu vì nó
không chiếm không giang trang web và người lướt web đi từ cái tổng quát đến cái chi tiếc ,
nó giúp cho người lướt web có được nhiều sự lựa chọn nhưng không làm rối trang web của
bạn . Ngoài ra nó cũng cung cấp các hiệu ứng đăt biệt nhằm tạo nên phong cách riêng cho
trang web của bạn.
 JavaScript Drop down Menu thích hợp cho trang web động như các trang thương mại điện tử
vì nó có thể chứa hàng loạt những trang liên kết và để người lướt web dễ dàng tiềm ra món
hàng của họ một cách nhanh chóng.
ISAS Report Group 1
Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 24

NGUYÊN TẮC TẠO NAVIGATION CONTROL
NGUYÊN TẮC TẠO NAVIGATION CONTROL
• Website menu là một trong những yếu tố quan trọng nhất cần được xem xét kĩ trong khi thiết kế
web. Mục đích chính của việc tạo menu là giúp cho khách thăm trên website có thể tìm thấy mọi
thứ trên trang web của bạn một cách dễ dàng và nhanh chóng.
• Việc thiết kế các menu có hiệu cũng có thể lôi kéo được khách truy cập của bạn để thử những
điều khác mà bạn cung cấp trên trang web của bạn. Bài viết này sẽ đưa ra cho bạn một số
nguyên tắc cơ bản bạn nên làm theo khi thiết kế các menu của một trang web.
Trong khi thiết kế các menu cho trang web, bạn hãy lưu ý các điểm sau đây:
 Tổ chức các liên kết :
- Hãy chắc chắn rằng liên kết của bạn đều được tổ chức theo thứ tự quan trọng. Các khách
thăm cần được dễ dàng có thể tìm thấy những gì họ đang tìm kiếm theo danh mục khác
nhau.
- Lưu ý: các liên kết liên quan là rất quan trọng như du khách đến một trang cụ thể có thể sẽ
được quan tâm đến thông tin chi tiết bạn có theo cùng một chủ đề.
 Rõ ràng và nổi bật:
- Một khi bạn đã quyết định chuyển hướng liên kết của bạn, bạn cần phải suy nghĩ của
những nơi tốt nhất để đặt chúng. Hãy thử để thiết kế menu của bạn trên đầu hoặc bên trái
vì đây là những nơi đầu tiên đôi mắt của chúng ta chú ý đến. Cũng xác định vị trí các liên
kết chính đủ cao trên trang để họ có thể nhìn thấy mà không cần di chuyển. Danh mục
hình ảnh cần được tích hợp hoàn toàn vào thiết kế trang web. Tránh để chuyển hướng các
liên kết ở dưới cùng của trang như du khách sẽ cần phải di chuyển sang phải xuống để
xem các liên kết. Nếu bạn thích bạn có thể đặt các liên kết quan trọng ở đầu và cuối trang
chỉ để đảm bảo rằng khách truy cập của bạn không bỏ lỡ liên kết.
 Phù hợp và nhất quán :
- Danh mục chính phải rõ ràng và nhất quán. Các liên kết quan trọng của trang web của bạn
nên được trên mọi trang, trong cùng một vị trí, và trong cùng một chuỗi. Đừng làm những
khách thăm của bạn nhầm lẫn bằng cách đặt liên kết chuyển hướng của bạn ở những nơi
khác nhau trong các trang khác nhau.
ISAS Report Group 1

Jessup Electronics’s website
NIIT CẦN THƠ MMSV2-Q6 Page 25
NGUYÊN TẮC TẠO NAVIGATION CONTROL
NGUYÊN TẮC TẠO NAVIGATION CONTROL
 Dễ hiểu :
- Hãy liên kết của bạn dễ dàng để hiểu. Thông thường bạn sẽ không có chỗ đủ để có các liên
kết lâu dài do đó hãy sử dụng không gian một cách khôn ngoan. Du khách cần phải biết
nơi mà họ sẽ đi về cách bấm vào một liên kết cụ thể, do đó hãy chắc chắn rằng liên kết của
bạn có thể hiểu hoặc không ai sẽ click vào liên kết của bạn.
- Bạn hãy tham khảo những nguyên tắc cơ bản trên và thiết kế một hệ thống chuyển hướng
có hiệu quả cho trang web của bạn. Hãy xem các trang web khác để có được một số ý
tưởng về kỹ thuật chuyển hướng tốt! Một ý tưởng tốt sẽ có thể sử dụng hình ảnh bắt mắt
và những phần nhỏ các thông tin khác để thu hút khách truy cập để click vào một liên kết.
- Bạn cũng có thể đi xem các xu hướng thiết kế menu trên website đang phổ biến hiện nay
để qua đó có ý tưởng tốt để tạo một menu phù hợp cho website của bạn, giúp du khách tìm
thấy những gì họ muốn một cách dễ dàng và nhanh chóng.