Bài giảng Thiết kế và lập trình Web 2 - Bài 1: Tổng quan về Web và thiết kế Web

pdf 69 trang huongle 4170
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Thiết kế và lập trình Web 2 - Bài 1: Tổng quan về Web và thiết kế Web", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfbai_giang_thiet_ke_va_lap_trinh_web_2_bai_1_tong_quan_ve_web.pdf

Nội dung text: Bài giảng Thiết kế và lập trình Web 2 - Bài 1: Tổng quan về Web và thiết kế Web

  1. Lập trình và Thiếtkế Web 2 Bài 1 TTỔỔNGNG QUANQUAN VVỀỀ WEBWEB VVÀÀ THITHIẾẾTT KKẾẾ WEBWEB KhoaKhoa CNTTCNTT –– ĐĐHH.KHTN.KHTN © 2007 Khoa Công nghệ thông tin
  2. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web InternetInternet MMạạngng ccáácc mmááyy ttíínhnh © 2007 Khoa CNTT - ĐHKHTN
  3. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb MMạạngng thôngthông tintin © 2007 Khoa CNTT - ĐHKHTN
  4. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb làlà gìgì?? ƒ 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ộchơn 108 triệu website (2-2007 - Netcraft's survey) © 2007 Khoa CNTT - ĐHKHTN
  5. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Các thành phầncủaweb ƒ Webpage – Là trang web. Có thể hiểnthị các thông tin dướidạng vănbản, hình ảnh, âm thanh, – Homepage : Trang chủ. Thường là trang đầutiên(mặc định) khi truy cậpmộtwebsite. ƒ Website – Tậphợp các trang web. Website củacáctổ chức hay cá nhân trên mạng bao gồmtậphợp các trang web liên quan đếntổ chức này. ƒ Uniform Resource Locator (URL) – Địachỉ của web trên internet ƒ Web Browser – Ứng dụng để truy cập đến trang web qua URL © 2007 Khoa CNTT - ĐHKHTN
  6. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Trang chủ Website Yahoo © 2007 Khoa CNTT - ĐHKHTN
  7. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb hohoạạtt đđộộngng nhnhưư ththếế nànào?o? Internet WWW Servers (WWW) Users (clients) Browse  resources (HTML files) Authors write HTML © 2007 Khoa CNTT - ĐHKHTN
  8. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb –– CCáácc kkháháii niniệệmm cchíhínhnh ƒ Web = Protocol + Language + Naming infrastructure ƒ HTTP - HyperText Transport Protocol – Là giao thức giao tiếp giữa WWW client and server ƒ HTML - HyperText Markup Language – Ngôn ngữ biểu diễn các tài liệu WWW ƒ URL - Uniform Resource Locator – Địa chỉ web (xác định duy nhất) © 2007 Khoa CNTT - ĐHKHTN
  9. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb CCáácc kkháháii niniệệmm cchíhínhnh ƒ Địa chỉ IP – IP Address – tracecrt www.yahoo.com – Là 1 con số 32 bit, chia thành 4 số 8 bit, vd: 203.162.33.44 (gồm 2 phần: network address, host address) – Xác định đối tượng nhận và gởi thông tin trên Internet – Để biếtIP: ping www.intel.com © 2007 Khoa CNTT - ĐHKHTN
  10. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb CCáácc kkháháii niniệệmm cchíhínhnh ƒ Tên miền – Domain name – Là tên giao dịch của công ty hay tổ chức trên Internet. – Ví dụ: www.intel.com : • Là địa chỉ của 1 máy chủ thuộc tổ chức (công ty) INTEL • Có địa chỉ IP là 128.241.220.72, có tên máy chủ là WWW • Là tên miền cấp 1 (.com, org, .edu,. biz, .net,) ƒ Ánh xạ giữa tên miền và địa chỉ IP – Do DNS server – Domain name system (service) đảm trách © 2007 Khoa CNTT - ĐHKHTN
  11. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb –– cácácc kkháháii niniệệmm cchíhínhnh URLURL –– đđịịnhnh vvịị cácácc ttààii nguyênnguyên InternetInternet ƒ URL là định danh duy nhất cho các tài nguyên Internet ƒ Chỉ ra: – Cách truy cập – Vị trí tài nguyên ƒ Cú pháp chung: protocol://host_name[:port_num][/path][/file_name] protocol server name port directory/file name on the server © 2007 Khoa CNTT - ĐHKHTN
  12. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web WebWeb –– CCáácc kkháháii niniệệmm cchíhínhnh BrowserBrowser ƒ Lấy hiển thị (nếu có thể) các tài nguyên khác nhau ƒ Khả năng hiển thị : – text-only (Lynx, ) – graphic (MSIE, Netscape, ) ƒ Hiển thị được nhiều loại ảnh – TEXT, GIF, JPEG, sound, video, postscript, ƒ Hỗ trợ nhiều giao thức – HTTP, FTP, SMTP, POP, ƒ Có thể “plug-in” các công cụ vào browser để tăng tính năng (3D animation, SWF, ) © 2007 Khoa CNTT - ĐHKHTN
  13. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CáCácc giaogiao ttáácc chuchuẩẩnn trêntrên WebWeb Browser Origin 1. DNS DNS server Server URL lookup 2. TCP connection Web Server 3. HTTP request IIS 4. HTTP response optional parallel connections © 2007 Khoa CNTT - ĐHKHTN
  14. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  15. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  16. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web XXáácc đđịịnhnh mmụụcc đđííchch –– yêuyêu ccầầuu ccủủaa WebsiteWebsite ƒ Mục tiêu, yêu cầucơ bảncủaWebSite ƒ Đốitượng phụcvụ ƒ Chủđềcủa WebSite © 2007 Khoa CNTT - ĐHKHTN
  17. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web MMụụcc tiêutiêu,, yêuyêu ccầầuu ccơơ bbảảnn ƒ Đề ra mục tiêu khái quát, ngắngọn, rõ ràng của Website cầnthiếtkế ƒ Là công cụđểđánh giá sự thành bạicủamộtWebsite ƒ Mụctiêuphải dài hạn, bao trùm toàn bộ kế hoạch phát triển © 2007 Khoa CNTT - ĐHKHTN
  18. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ĐĐốốii ttưượợngng phphụụcc vvụụ ƒ Xác định loại đọcgiả chính của Website ƒ Tìm hiểuvề: – Sự hiểubiết – Trình độ – Sở thích – Kinh nghiệm duyệt Web © 2007 Khoa CNTT - ĐHKHTN
  19. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  20. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ĐĐốốii ttưượợngng phphụụcc vvụụ ((tttt)) Thiếtkế tốt = thích hợpchomộtdảirộng các loại đọc giả có trình độ và nhu cầu khách nhau © 2007 Khoa CNTT - ĐHKHTN
  21. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ChChủủ đđềề ccủủaa WebsiteWebsite ƒ Giúp định hướng cho nhà thiếtkế – Giáo dục – Huấnluyện (online trainning) – Tin tức – Giảitrí – Diễn đàn trao đổithảoluận – Mua bán, quảnlý . ƒ Xem ví dụ © 2007 Khoa CNTT - ĐHKHTN
  22. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ChChủủ đđềề ccủủaa WebsiteWebsite –– DiDiễễnn đđàànn © 2007 Khoa CNTT - ĐHKHTN
  23. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ChChủủ đđềề ccủủaa WebsiteWebsite –– ĐĐààoo ttạạoo trtrựựcc tuytuyếếnn © 2007 Khoa CNTT - ĐHKHTN
  24. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ChChủủ đđềề ccủủaa WebsiteWebsite –– TinTin ttứứcc onlineonline © 2007 Khoa CNTT - ĐHKHTN
  25. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ChChủủ đđềề ccủủaa WebsiteWebsite –– MuaMua bbáánn trtrựựcc tuytuyếếnn © 2007 Khoa CNTT - ĐHKHTN
  26. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  27. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Mua tên miền ƒ Tên miền= Tênwebsite – Tên ngắn – Gợinhớ – Dễđọc, không gây nhầmlẫn – Thể hiện được tên công ty hoặc nhãn hiệu chính của công ty rosevilleelectric.com Roseville + Electric © 2007 Khoa CNTT - ĐHKHTN
  28. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Mua tên miền © 2007 Khoa CNTT - ĐHKHTN
  29. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  30. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Thuê chỗ hosting ƒ Hệđiều hành ƒ Dung lượng ƒ Băng thông ƒ Ngôn ngữ hỗ trợ ƒ Hệ quảntrị CSDL hỗ trợ ƒ Email POP3 ƒ SSL ƒ © 2007 Khoa CNTT - ĐHKHTN
  31. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  32. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  33. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  34. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn WebsiteWebsite Logo Header Menu Content © 2007 Khoa CNTT - ĐHKHTN
  35. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: 2x22x2 LayoutLayout © 2007 Khoa CNTT - ĐHKHTN
  36. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: TableTable withinwithin aa tabletable 36 Tổng quan về thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  37. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: TableTable withinwithin aa tabletable 37 Tổng quan về thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  38. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: TableTable withinwithin aa tabletable 38 Tổng quan về thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  39. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web TheThe innerinner tabletable © 2007 Khoa CNTT - ĐHKHTN
  40. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: CenteredCentered withwith threethree columnscolumns © 2007 Khoa CNTT - ĐHKHTN
  41. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế giaogiao didiệệnn :: CCấấuu trtrúúcc phphứứcc ttạạpp © 2007 Khoa CNTT - ĐHKHTN
  42. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web XXáácc đđịịnhnh kikiểểuu chchữữ,, mmààuu ssắắcc ƒ Phông chữ Æ phụ thuộcvào – Đặc điểm thông tin – Độcgiả – Trình duyệt, độ phân giải – Ngôn ngữ sử dụng – Font có chân, không chân ƒ Gam màu Æ thống nhất trong toàn bộ Website ƒ Font tiếng Việt: VNI, TCVN3, Unicode © 2007 Khoa CNTT - ĐHKHTN
  43. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  44. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web XXáácc đđịịnhnh kkííchch ththưướớcc khungkhung nhnhììnn ƒ Phảilàmchođọcgiả cảmnhận đượckíchthướccủa trang thông tin, biếthọđang ởđâu, có thể làm gì ? ƒ Lưuý, hầuhết các trang web đều không vừakhớpvới mànhình14-15 inch. © 2007 Khoa CNTT - ĐHKHTN
  45. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web XXáácc đđịịnhnh ccấấuu trtrúúcc WebSiteWebSite :: PhânPhân ccấấpp © 2007 Khoa CNTT - ĐHKHTN
  46. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web XXáácc đđịịnhnh ccấấuu trtrúúcc WebSiteWebSite :: PhânPhân ccấấpp ƒ Dùng để tổ chứccáckhối thông tin phứchợp. ƒ Là hệ thống được dùng thông dụng nhất ƒ Gầnvớimôhìnhtổ chứcthế giớithực ƒ Dễ hình dung tổ chức website Î Cái nhìn tổng quan từ trang chủ © 2007 Khoa CNTT - ĐHKHTN
  47. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web Một số vấn đề liên quan đến việc thiết kế giao diện cơ bản ƒ Thiếtkế hướng tớingườisử dụng ƒ Các giúp đỡ định hướng rõ ràng ƒ Khôngcótrangcuối cùng (dead-end) ƒ Băng thông và ảnh hưởng ƒ Đơngiản và tính nhất quán ƒ Tính ổn định của các trang Web ƒ Phảnhồivàđốithoại ƒ Tính tương thích trên các trình duyệt khác nhau (thay thế) © 2007 Khoa CNTT - ĐHKHTN
  48. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế hhưướớngng ttớớii ngngưườờii ssửử ddụụngng ƒ Ngườisử dụng là đốitượng chính quyết định sự thành bạicủaWebsite ƒ Xây dựng các kịch bảnmẫu cho các loại đốitượng sử dụng khác nhau © 2007 Khoa CNTT - ĐHKHTN
  49. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThiThiếếtt kkếế hhưướớngng ttớớii ngngưườờii ssửử ddụụngng ƒ Yêu cầumức độ hoàn hảocủathiếtkế giao diện đồ họa ƒ Cách tốtnhất: thử nghiệm Æ nhậncácphảnhồitừ đọcgiả. © 2007 Khoa CNTT - ĐHKHTN
  50. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc gigiúúpp đđỡỡ đđịịnhnh hhưướớngng rõrõ rrààngng ƒ Đọcgiả có thể trả lờicáccâuhỏi: – Đang ởđâu ? – Có thể làm gì ? – Có thểđitiếptới đâu ? ƒ Biểutượng nhất quán, dễ hiểu, theo chuẩn qui định © 2007 Khoa CNTT - ĐHKHTN
  51. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  52. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  53. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web KhôngKhông ccóó trangtrang cucuốốii ccùùngng (dead(dead end)end) ƒ Mỗi trang có ít nhấtmộtliênkết. Luôn có khả năng quay lại trang chủ, các trang chủ chốt trên Website ƒ Trang “dead-end” Æ thấtvọng, mấtkhả năng đếnvới các trang khác. ƒ Nên để liên kếtvề trang chủ trong mọi trang. © 2007 Khoa CNTT - ĐHKHTN
  54. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  55. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web BBăăngng thôngthông vvàà ảảnhnh hhưưởởngng ƒ Sự kiên nhẫncủa đọcgiả có giớihạn. ƒ Tốc độ đôi khi là yếutố quyết định đếnviệclựachọn Website. ƒ Phân biệtgiữathiếtkế cho Internet và Intranet © 2007 Khoa CNTT - ĐHKHTN
  56. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  57. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ĐơĐơnn gigiảảnn vvàà ttíínhnh nhnhấấtt ququáánn ƒ Tùy vào loại ứng dụng ƒ Đọcgiả sẽ không ấntượng và sự phứctạp không lý do. Đặcbiệtlàđọcgiả phụcthuộcvàothờigianvà thông tin chính xác. ƒ Các biểutượng đơngiản, quen thuộc, nhất quán trong tấtcả các trang © 2007 Khoa CNTT - ĐHKHTN
  58. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web TTíínhnh ổổnn đđịịnhnh ccủủaa ccáácc trangtrang WebWeb ƒ Ổn định về cấutrúcvànội dung ƒ Cấu trúc: các thành phần được đặt đúng chỗ và hoạt động nhịp nhàng. ƒ Nội dung: – các mốiliênkếtluônđảmbảocóđích đến – nội dung luôn đảmbảothíchhợpvàphảicậpnhậtcho phù hợpvớingữ cảnh tạithời điểm đọcgiả duyệt Web. © 2007 Khoa CNTT - ĐHKHTN
  59. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web PhPhảảnn hhồồii vvàà đđốốii thothoạạii ƒ Chuẩnbị trướcchoviệctrả lời, đáp ứng các đòi hỏi, góp ý của đọcgiả một cách nhanh nhấtcóthể. ƒ Luôn có cung cấp địachỉđểliên kếtvới“Webmaster” ƒ Lên kế hoạch nhân sự phụ trách lâu dài © 2007 Khoa CNTT - ĐHKHTN
  60. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web TTíínhnh ttươươngng ththííchch trêntrên ccáácc trtrììnhnh duyduyệệtt khkháácc nhaunhau ƒ Không phảimọitrìnhduyệt đềuhiểnthị trang web của chúng ta giống nhau. ƒ Lưu ý khi có đọcgiả sử dụng web browser không có khả năng hỗ trợđồhọa (mobile, PDA, ). ƒ Sử dụng nhãn (tag) ALT trong HTML để thay thế © 2007 Khoa CNTT - ĐHKHTN
  61. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web CCáácc bbưướớcc thithiếếtt llậậpp WebsiteWebsite ƒ Xác định yêu cầu Website ƒ Mua tên miền ƒ Thuê chỗ hosting ƒ Thiếtkế Website ƒ Đưa vào hoạt động ƒ Duy trì thông tin, bảodưỡng website © 2007 Khoa CNTT - ĐHKHTN
  62. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web ThThờờii giangian ququảảnn lýlý ƒ Website cần đượccậpnhật thông tin để đọcgiả luôn cảmnhận đượccáimới ƒ Nếuphần nào đó đượccậpnhật Æ thêm ký hiệu “New” ƒ Ghi thờigiancậpnhật, số ngườitruycập ƒ Nếu website phứctạp Æ thêm một trang “What new ?” © 2007 Khoa CNTT - ĐHKHTN
  63. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web LiênLiên kkếếtt trangtrang web,web, ququảảngng ccááoo ƒ Tạoliênkết đến các trang thông tin (đối tác, khách hàng ) Æ tăng uy tín ƒ Khi đã ổn định Æ chuyển đổihìnhthức kinh doanh, thu phí: – Thuê đặt logo, quảng cáo – Thu phí thành viên – . © 2007 Khoa CNTT - ĐHKHTN
  64. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  65. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web © 2007 Khoa CNTT - ĐHKHTN
  66. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web PhPhụụ llụụcc,, ngunguồồnn thôngthông tin,tin, ccáácc trangtrang gigiúúpp đđỡỡ,, FAQFAQ ƒ 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ếtkế website hỗ trợ ƒ FAQ Æ giảmthiểu nhân sự và chi phí cho việchỗ trợ, tư vấn khách hàng © 2007 Khoa CNTT - ĐHKHTN
  67. Lập trình và Thiếtkế Web 2 LAB1 KhKhảảoo ssáátt ccáácc websitewebsite KhoaKhoa CNTTCNTT –– ĐĐHH.KHTN.KHTN © 2007 Khoa Công nghệ thông tin
  68. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web NNộộii dungdung ƒ Thiếtlập nhóm, tạo Mail cho nhóm – Đảmbảomỗingười có Email, Account trên Moodle ƒ Tìm kiếm thông tin về WEB Hosting – Cách dùng Free Hosting ƒ Công cụ lậptrìnhvàthiếtkế web – FrontPage / Dreamweaver (MX, CS3) – Photoshop (v.7, CS3) © 2007 Khoa CNTT - ĐHKHTN
  69. Lập trình và Thiếtkế Web 2 – Bài 1 : Tổng quan về Web và Thiếtkế Web KhKhảảoo ssáátt ccáácc WebsiteWebsite ƒ Mộtsố trang web cung cấphìnhảnh làm web – www.clipart.com – ƒ Mộtsố trang web cung cấpcáckiểu font chữ – ƒ Mộtsố trang web cung cấpmẫuthiếtkế giao diệnweb – © 2007 Khoa CNTT - ĐHKHTN