TONG QUAN THIET KE WEB

ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN


THIẾT KẾ WEB

Sinh viên thực hiện:
STT
Họ tên
1
Nguyễn Phương Hoàng
2
Huỳnh Văn Công
3
Ngô Quang Bảo

MSSV
14520313
14520096
14520056

TP. HỒ CHÍ MINH – 12/2015


1.

GIỚI THIỆU
1.1. Website là gì?
Website còn gọi là trang web, trang mạng, là một tập hợp các trang web bao gồm
văn bản, hình ảnh, video, flash vv, thường chỉ nằm trong một tên miền hoặc tên miền
phụ. Trang web được lưu trữ trên máy chủ web có thể truy cập thông qua Internet. là

kênh thông tin để quảng bá, giới thiệu dịch vụ, sản phẩm, mô hình hoạt động của doanh
nghiệp, cửa hàng đến với người tiêu dùng khắp mọi nơi. Có nhiều loại website như:
Website giới thiệu, quảng bá dịch vụ, sản phẩm, website thương mại điện tử (TMĐT),
website tin tức, rao vặt, kênh thông tin giải trí...

1.2. Lợi ích của trang wed trong đời sống xã hội
Với sự phát triển không ngừng của ngành công nghệ thông tin, truyền thông nói
chung và internet nói riêng, ngày nay website đóng một vai trò thiết yếu trong hoạt động
kinh doanh của mỗi doanh nghiệp, nó mang lại những lợi ích to lớn mà doanh nghiệp
không thể phủ nhận.Sau đây là những lý do dễ nhận thấy nhất để doanh nghiệp có thể bắt
đầu xây dựng website:
Thiết lập sự hiện diện mới trên internet, tạo cơ hội tiếp xúc với khách hàng ở mọi
nơi và tại mọi thời điểm.
Giới thiệu các sản phẩm dịch vụ một cách sinh động và mang tính tương tác cao.
Tạo cơ hội để bán sản phẩm hàng hóa một cách chuyên nghiệp mà không tốn
nhiều chi phí.
Cơ hội phục vụ khách hàng tốt hơn, đạt được sự hài lòng lớn hơn từ khách hàng.
Tạo một hình ảnh chuyên nghiệp trước công chúng, công cụ hiệu quả để thực
hiện các chiến dịch PR và marketing.
Và đơn giản không có website là một nguyên nhân thất bại của doanh nghiệp

1.3. Thiết kế web là gì?
Thiết kế web là công việc của một Web Designer (Chuyên viên Thiết kế web) có
nhiệm vụ tạo ra bộ mặt hay còn gọi là Giao diện (Template) website một cách hoàn
chỉnh. Giao diện này có thể ở dạng Ảnh hoặc dạng Web Tĩnh HTML.Công việc của một
Web Designer đó là sử dụng các công cụ Đồ họa và Thiết kế như: Photoshop, AI, Flash,
Dreamweaver… để biến ý tưởng của khách hàng thành phác thảo trên giấy và chuyển
phác thảo đó thành giao diện web dạng Ảnh hoặc File .HTML.

1.4. Tại sao lại cần thiết kế web ?

Bất cứ cá nhân, tổ chức hay một công ty doanh nghiệp nào hầu hết đều có một
website riêng để có thể bắt kịp xu thế của xã hội, . khai thác lợi ích của website và thông
qua web có thể khẳng định thương hiệu của doanh nghiệp.Bên cạnh đó nó còn đóng vai
trò quan trọng trong cuộc sống cũng như trong doanh nghiệp.

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


2.

NỘI DUNG

2.1. Sơ lược về web.
2.1.1.

Bản chất của web.

Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao
thức HTTP. Trang mạng có thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh)
hoặc vận hành bằng các CMS chạy trên máy chủ (trang mạng động). web có vai trò chính
là cung cấp thông tin cho người duyệt, mang bản chất như một ứng dụng phổ biến trên
mạng. Ứng dụng web chỉ khác các ứng dụng trên PC ở chỗ, nó cung cấp thông tin cho
người dùng còn ứng dụng PC thì xử lí dữ liệu thông tin.
2.1.2.

Các loại thiết kết website: có 2 loại

− Thiết kế website tĩnh
Thiết kế web tĩnh là sử dụng các đoạn mã HTML (HTML5), hình ảnh, Video,
Audio, Flash, Javascript (jQuery) và CSS [2][3] để tạo một giao diện cho trang web và

tên tập tin được lưu có phần mở rộng là: .html hoặc .htm. Trong thiết kế web tĩnh không
có hệ cơ sở dữ liệu như MySQL hay MSSQL.
Đối với một website tĩnh, khi muốn thay đổi giao diện cho các trang web con thì
người viết phải thay đổi bằng tay cho từng trang một do vậy web tĩnh có 3 điểm yếu là:
Khó thay đổi giao diện một cách đồng bộ.
Khó thay đổi nội dung nếu như người quản lý trang web không có kiến thức về
HTML.
Không có khả năng tương tác web.
− Thiết kế website động
Web động là web có hệ thống cơ sở dữ liệu dùng để cung cấp thông tin cho
website, điểm mạnh của web động so với web tĩnh là khả năng quản lý dữ liệu web tốt,
khả năng tương tác trên hệ thống web, dễ dàng cập nhật nội dung và thêm các tính năng
tiện ích quản lý cho doanh nghiệp và thân thiện với người dùng.
2.1.3.

Ngôn ngữ lập trình website

- Đối với thiết kế web động
Trong giai đoạn khởi đầu của website, có rất nhiều ngôn ngữ lập trình được sử dụng
như: JSP, ASP, PHP, ASP.NET, JSP (Java), Cold Fusion, Perl, Python và một số ngôn
ngữ không phổ biến khác. Nhưng hiện tại có 2 ngôn ngữ được dùng phổ biến là PHP và
ASP.NET.
PHP được dung cho các hệ điều hành như Linux, CenOS, Debian, Fedora, RedHat,
Ubuntu. PHP là ngôn ngữ được sử dụng phổ biến nhất trên thế giới, dựa vào PHP, các

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


lập trình viên đã xây dựng các mã nguồn mở nổi tiếng như Joomla, Wordpress, Drupal,
Mambo, phpBB, Zend. Đây là các ứng dụng web được sử dụng để xây dựng các trang

website động, người dùng không nhất thiết phải biết viết ngôn ngữ lập trình mà vẫn có
thể tạo ra những web động.
ASP.NET được dung cho các hệ điều hành của Microsoft như Windows Server
2003, Windows Server 2008, các file có phần mở rộng là .aspx hoặc .asp.
Hiện tại, web động được thiết kế trên nền mã nguồn mở đang rất được ưa chuộng
và thịnh hành. Mã nguồn mở đang trở thành một xu hướng mới, một người không biết
lập trình cũng có thể thiết kế website động với đầy đủ chức năng thông qua mã nguồn
mở.
Đối với thiết kế web tĩnh.
Yêu cầu người lập trình phải biết viết các đoạn mã HTML.
2.1.4.

Công cụ thiết kế, lập trình web.

Thiết kế web là một công việc trải qua nhiều giai đoạn, từ lên ý tưởng, đến trình
bày và hiện thực. Tuy nhiên nhà thiết kế chủ yếu thường sử dụng hai loại công cụ: trình
soạn mã nguồn và trình thực thi (hay trình duyệt web).
Trình soản thảo mã nguồn được sử dụng để viết nội dung trang web, trình bày mọi
thành phần của trang web, tiêu đề, nội dung văn bản, trình bày cấu trúc trang web,…trình
soạn thảo có thể chỉ đơn thuần là các trình văn bản thông dụng như notepad, word,…ta
cần phải trình bày toàn bộ nội dung trang web dưới dạng văn bản. Làm việc với những
công cụ này đòi hỏi đầu tư khá nhiều thời gian mà hiệu quả không cao, vì có những trang
web chứa nội dung thông tin khá lớn. Chính vì thế mà ngày nay, nhiều công cụ soạn mã
nguồn mới đã được phát triển như VS, NetBeans,… và nhiều công cụ thiết kế web nâng
cao khác.
Trình duyệt web là trình hiện thức các thiết kế web, dọc các tập tin mã nguồn web
và cho phép hiển thị hình ảnh, văn bản, video, hiệu ứng,… một cách trực quan theo thiết
kế ban đầu của nhà thiết kế. Các trình duyệt web phổ biến hiện nay là IE, firefox, google
chrome, opera,…
2.1.5.

Qui trình thiết kế web

− Bước 1: Lấy yêu cầu thiết kế web
Ghi nhận các thông tin yêu cầu của khách hàng, tập trung vào các nội dung:
Ghi nhận các yêu cầu về tính năng của website.
Ghi nhận các yêu cầu mỹ thuật đối với web.
Ghi nhận các yêu cầu về tên miền và máy chủ lưu trữ web (hosting) thêm các tính
năng dựa vào yêu cầu thực tế của khách hàng.
− Bước 2: Lựa chọn tên miền - Web Hosting

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


Khách hàng lựa chọn tên miền cho website.
Lựa chọn các gói dịch vụ Web Hosting phù hợp với Web.
− Bước 3: Thiết kế mỹ thuật
Tùy vào yêu cầu khách hàng có thể lựa chọn các mẫu thiết kế trong thư viện theo
nhiều lĩnh vực khác nhau.
Dựa theo tông màu của Logo.
Dựa theo yêu cầu về ý nghĩa website cần thể hiện.
Dựa theo lĩnh vực của web.
Dựa theo các tông màu khách hàng yêu cầu.
− Bước 4: Xây dựng tính năng chính của web
Xây dựng các tính năng chính và cơ bản của website theo yêu cầu đã được thống
nhất.
Khách hàng sẽ kiểm tra các tính năng đã xây dựng và yêu cầu chỉnh sửa nếu cần.
− Bước 5: Hoàn thiện web
Hoàn thiện các tính năng chi tiết của web, cập nhật nội dung cơ bản.
Khách hàng kiểm tra toàn bộ tính năng của website.

Nghiệm thu sản phẩm.
− Bước 6: Đào tạo sử dụng
Đào tạo quản trị web và hướng dẫn sử dụng.
Bàn giao tài liệu Hướng dẫn sử dụng.
− Bước 7: Bảo trì web
Đưa website lên các công cụ tìm kiếm Google, Yahoo, MSN,...
Hỗ trợ khách hàng trong quá trình sử dụng và quản trị web.
2.1.6.

Các yêu cầu khi thiết kế, lập trình web.

− Thiết kế web phải phù hợp với yêu cầu của người dùng, cơ quan, doanh nghiệp.
−
Giao diện web phải trực quan, sinh động, thân thiện với người dùng.
−
Mã kịch bản phải xử lí tốt các dữ kiện trang web.
−Thiết kế web sao cho khả năng mở rộng, phát triển web trong tương lai được thuận
tiện, dễ dàng.

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


2.2. Phương Pháp Tiếp Cận.
2.2.1.

Tham gia các lớp học chuyên ngành.

Một trong các hoạt động thiết yếu đầu tiên trong việc thực hiện mục tiêu tiếp cận
kiến thức và kĩ năng thiết kế web đó là, tiếp thu những kiến thức cơ bàn của chuyên
ngành. Để làm được điều này, chúng ta cần tham gia đầy đủ các lớp học chuyên ngành,

bao gồm:
Các lớp học môn học cơ bàn về mạng máy tính, thiết kế web, lập trình,…trong
trường đại học, các lớp học trong lịch học của bản thân hoặc các lớp học ngoại khóa.
Các lớp học online trên internet, bao gồm các kênh trao đổi thông tin với giảng viên
chuyên
ngành.
Điển
hình
như
các
trang
/> ,...
Các lớp học thông qua các video được đăng tải trên các trang mạng xã hội phổ biến
như các facebook, youtube,…
Thông qua các lớp học trên, chúng ta có thể tiếp thu những kiến thức cơ bản chuyên
ngành dưới sự hướng dẫn của những giảng viên giàu kinh nghiệm, hiểu biết sâu về web
và thiết kế web. Từ đó tao nên bước đi ban đầu vững chắc cho sự phát triển năng lực của
bản thân sau này.
2.2.2.

Tham khảo tài liệu.

Ngoài việc chúng ta đã nắm vững các kiến thức chuyên môn về thiết kế web. Để có
thể tìm hiểu sâu hơn về lĩnh vực thiết kế web này chúng ta có một phương pháp vô cùng
hiệu quã đó là tìm và đọc các loại sách tham khảo.
Tùy vào mục đích của mọi người mà chúng ta có thể tìm nguồn tham khảo cho phù
hợp. Với những bạn cần tự học thiết kế website thì nên chọn một cuốn đầy đủ nội dung
và học theo nó, còn với những bạn học lập trình web thì nên chọn nhiều cuốn từ cơ bản
đến nâng cao để học.
Giới thiệu 1 số sách cho các bạn có thể tìm đọc:

Sách học WordPress trên thế giới có khá nhiều, nổi tiếng là cuốn Digging Into
WordPress, một trong những quyển sách hay được đánh giá là dễ đọc, nội dung lại bài
bản. Tuy nhiên, phải có vốn tiếng anh tốt thì bạn mới có thể tham khảo cuốn sách này,
cuốn sách này không chỉ tập trung vào đọc giả mới bắt đầu mà còn tập trung vào đối
tượng học lập trình.
Hiện nay tại Việt Nam những quyển sách về WordPress là rất hiếm. Dù vậy thì gần
đây mới xuất hiện một cuốn sách có tên Thiết Kế Web Siêu Tốc, cuốn sách ðầu tiên dạy
phương pháp thiết kế website siêu tốc trên WordPress. Điểm đặc biệt sách tập trung hoàn
toàn vào người mới bắt đầu, nội dung dễ hiểu và trình tự rõ ràng. Nếu tập trung làm theo
cuốn sách bạn có thể có ngay một website có thể áp dụng cho kinh doanh.
Áp dụng phương pháp trong các sách trên bạn có thể làm thêm nhiều website khác,
website WordPress hoàn toàn chuyên nghiệp bởi có nhiều giao diện đẹp, tính năng miễn

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


phí đa dạng tích hợp nhanh. Ngày nay rất nhiều công ty thiết kế web đang ứng dụng phần
mềm này để làm website cho khách hàng.
2.2.3.

Tham gia các diễn đàn, câu lạc bộ tin học.

Cùng với sự phát triển không ngừng của ngành công nghiệp công nghệ thông tin
hiện nay, thì số lượng người theo học chuyên ngành này cũng ngày một tăng lên đáng kể.
Các diễn đàn và các câu lạc bộ tin học cũng từ đó hình thành với số lượng thành viên
đáng kể. thật không khó để tìm thấy một diễn đàn hoặc một câu lạc bộ tin học trên mạng
và ngoài xã hội.
Diễn đàn tin học là kênh trao đổi thông tin kiến thức giữa những người tham gia.
Chúng ta có thể đặt vấn đề liên quan đến chuyên ngành và sẽ được giải đáp bởi nhiều
người, những thành viên giàu kinh nghiệm về công nghệ thông tin nói chung, về thiết kế

web nói chung. Đồng thời, chúng ta cũng có thể trả lời những vấn đề chúng ta biết để
củng cố kiến thức hiện có. Các diễn đàn tin học phổ biến hiện nay là sinhvienit.net,
www.ddth.com, vforum.vn, webtinhoc.net, thegioitinhoc.vn, …
Câu lạc bộ tin học là tổ chức gồm nhiều chuyên viên IT tham gia. Họ thường xuyên
gặp nhau để tổ chức các buổi nghiên cứu, thảo luận, hợp tác triển khai dự án,…nhằm
mục đích hỗ trợ nhau trong việc phát triển kĩ năng, tay nghề và quan hệ cộng đồng. Khi
tham gia câu lạc bộ tin học, chúng ta có cơ hội để phát triển toàn diện trong lĩnh vực
CNTT, trong đó có thiết kế web. Các câu lạc bộ tin học thường được thành lập, tổ chức
và hoạt động tại các trường đại học và doanh nghiệp trong các thành phố.
2.2.4.

Rèn luyện các kỹ năng cần thiết để thiết kế website chuyên nghiệp ?

− Kỹ năng nghiên cứu và phân tích
Thiết kế website đòi hỏi rất nhiều nghiên cứu và phân tích. Đó là yếu tố cực kỳ
quan trọng đối với một nhà thiết kế web.Trước khi thiết kế một trang web, một nhà thiết
kế web nên:
− Nghiên cứu về công ty của khách hàng.
Nghiên cứu và phân tích các trang web của đối thủ cạnh tranh để tìm ra những sự
khác biệt riêng.
− Ý tưởng
Một nhà thiết kế web phải tìm ra những ý tưởng mới và độc đáo. Ngoài ra phải luôn
cập nhật các xu hướng thiết kế web mới.
− Tìm cảm hứng thiết kế web từ các nguồn khác nhau
Tìm cảm hứng thiết kế web từ mọi thứ xung quanh chúng ta như: nhiếp ảnh, hội
họa, điêu khắc,...Đọc sách hoặc đi du lịch cũng giúp bạn tạo ra những ý tưởng mới.
− Chú ý đến từng chi tiết

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo

Khi thiết kế một trang web, phải có một bản phác thảo cơ bản và thông qua đó lên
kế hoạch chi tiết cho quá trình thiết kế web. Đặc biệt phải chú ý đến các chi tiết nhỏ nhất
trên website, nếu mắc phải một lỗi nhỏ thôi website của bạn sẽ trở nên xấu đi.
− Tự Giám sát và tự đánh giá
Một nhà thiet ke web nên tự phân tích và đánh giá công việc của mình. Điều này sẽ
giúp bạn sửa chữa bất kỳ lỗi nào và hoàn thiện thiết kế của mình trước khi gặp khách
hàng
−

Kỹ năng tổ chức

Kỹ năng tổ chức giúp các nhà thiết kế quản lý thông tin hiệu quả. Tạo một danh
sách, tiến độ điều nào cần làm trước, làm sau.
−

Kỹ năng thuyết trình

Kỹ năng cần thiết cho các nhà Thiế kế website để thuyết phục khách hàng về thiết
kế của mình.
− Tính linh hoạt và khả năng thích ứng
Ngày nay, tất cả các website phải đảm bảo tính linh hoạt, tương ứng với nhiều loại
thiết bị.
Trong một thế giới công nghệ không ngừng phát triển, thiết kế cần phải thích ứng
với những ý tưởng mới và các thiết bị công nghệ.
− Các kĩ năng về ngoại ngữ, tiểu biểu là ngoại ngữ Anh ngữ.

3.

KẾT LUẬN

Trước cơn lốc công nghệ toàn cầu, thiết kế web ở nước ta đang có những bước đi
nhanh đến chóng mặt. Hiện nay, mức độ tăng trưởng của ngành thiết kế web là khoảng
trên 30% và sẽ còn tiếp tục tăng. Điều này khiến thị trường web design ở Việt Nam đang
trở nên rất nóng, các trang web đã trở thành một phần thiết yếu trong hoạt động của
nhiều cá nhân, tổ chức và doanh nghiệp hiện đại. Trung bình mỗi ngày có trên 200 triệu
người lướt web. Người ta lướt web để làm gì? Tất nhiên là để tìm kiếm thông tin, để trao
đổi, mua-bán hay chỉ đơn giản là để giải trí. Và đây cũng chính là mảnh đất vàng để các
công ty, tập đoàn hay cá nhân quảng bá về sản phẩm, thương hiệu hay bất kỳ dịch vụ
kinh doanh nào của họ.Vì thế một website ấn tượng , bắt mắt, làm nổi bật được ý đồ của
chủ doanh nghiệp hay người thiết kế website và thu hút được sự quan tâm của nhiều
người sẽ trở thành một công cụ quảng bá hữu hiệu, tạo lợi thế cho các công ty, doanh
nghiệp trong cuộc chạy đua với các đối thủ cạnh tranh.Cơ hội nghề nghiệp rất phong phú
cho những người bạn theo đuổi ngành thiết kế website. Sinh viên với mức độ này có thể
làm việc như thiết kế web đồ họa, biên tập viên đồ họa kỹ thuật số, thiết kế giảng dạy,
phương tiện truyền thông tư vấn truyền thông, trang web hoạt hình đồ họa, thiết kế thông
tin, thiết kế trang web, nghệ sĩ đồ họa, nhà phát triển web, quản lý sản xuất, giám đốc

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo


thiết kế, hoặc thiết kế bản web. Họ thường làm việc cho các cơ quan quảng cáo, công ty
tiếp thị, hoặc công ty trong nhà phòng ban thông tin liên lạc.

TÀI LIỆU THAM KHẢO
1

…

2

…

PHỤ LỤC PHÂN CÔNG NHIỆM VỤ
ST
T
1
2
3

Thành viên
Nguyễn Phương Hoàng
Huỳnh Văn Công
Ngô Quang Bảo

Nhiệm vụ
(2.1.2), (2.1.3), (2.1.5), (2.2.2), (2.2.4)
(1), (3)
(2.1.1), (2.1.4), (2.1.6), (2.2.1), (2.2.3)

Nguyễn Phương Hoàng - Huỳnh Văn Công - Ngô Quang Bảo