thông tin cơ bản về web cho người mới bắt đầu. Đối với những người mới bắt đầu biết đến công nghệ web thì điều đầu tiên cần phải biết về định nghĩa web, vai trò của web trong đời sống và phương pháp học tập, tiếp cần chuyên ngành web. Tài lieu này tuy sơ sài nhưng đáp ứng đủ các thông tin cần thiết để người nghiên cứu web nắm bắt được các điều trên
Trang 1ĐẠ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:
1 Nguyễn Phương Hoàng 14520313
2 Huỳnh Văn Công 14520096
3 Ngô Quang Bảo 14520056
TP HỒ CHÍ MINH – 12/2015
Trang 21 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
Trang 32 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
Trang 4lậ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
Trang 5Khá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
Trang 62.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 http://sara.com.vn/fitto,
http://elc.ehou.edu.vn/cong-nghe-thong-tin, http://elcit.ctu.edu.vn,
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
Trang 7phí đ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
Trang 8Khi 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
Trang 9thiế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
PHỤ LỤC PHÂN CÔNG NHIỆM VỤ ST
1 Nguyễn Phương Hoàng (2.1.2), (2.1.3), (2.1.5), (2.2.2), (2.2.4)
2 Huỳnh Văn Công (1), (3)
3 Ngô Quang Bảo (2.1.1), (2.1.4), (2.1.6), (2.2.1), (2.2.3)