Bài giảng Thiết kế Web: Tổng quan về thiết kế Web - Phạm Thế Bảo

Bài giảng Thiết kế Web - Tổng quan về thiết kế Web gồm có 4 nội dung chính, đó là: Xác định mục đích, yêu cầu của Website cần thiết kế; thiết kế giao diện; các thành phần cơ bản của Website; và một số vấn đề cần quan tâm. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Thiết kế Web: Tổng quan về thiết kế Web - Phạm Thế Bảo 1/29/2010TӘNGQUANVӄTHIӂTKӂWEB PHҤM THӂ BҦO ptbao@hcmus.edu.vn PhҥmThӃBҧoͲHKHTNTp.HCM Phҫn1:XácĜӏnhmөcĜích,yêucҫu cӫaWebsitecҫnthiӃtkӃ Phҫn2:ThiӃtkӃgiaodiӋn Phҫn3:Cácthànhphҫn cѫbҧncӫaWebsite Phҫn4:MӝtsӕvҩnĜӅcҫn quantâm 1 1/29/2010 Phҫn1ͲXácĜӏnhmөcĜích,yêucҫu cӫaWebsitecҫnthiӃtkӃ • Mөctiêu,yêucҫucѫbҧncӫaWebSite • ӕitѭӧngphөcvө • ChӫĜӇcӫaWebSite PhҥmThӃBҧoͲHKHTNTp.HCMMөctiêu,yêucҫucѫbҧn• Ӆ ra mөc tiêu khái quát, ngҳn gӑn, rõ ràng cӫa WebsitecҫnthiӃtkӃ• Là công cө ĜӇ Ĝánh giá sӵ thành bҥi cӫa mӝt Website• Mөc tiêu phҧi dài hҥn, bao trùm toàn bӝ kӃ hoҥch pháttriӇn. 2 1/29/2010 ӕitѭӧngphөcvө• XácĜӏnhloҥiĜӑcgiҧchínhcӫaWebsite• TìmhiӇuvӅ: o SӵhiӇubiӃt o TrìnhĜӝ o Sӣthích o KinhnghiӋmduyӋtWeb…• ThiӃt kӃ tӕt = thích hӧp cho mӝt dҧi rӝng các loҥi Ĝӑc giҧ có trình Ĝӝ và nhu cҫu kháchnhau ChӫĜӅ • GiúpĜӏnhhѭӟngchonhàthiӃtkӃ o Giáodөc o HuҩnluyӋn(onlinetrainning) o Tintӭc o Giҧitrí o DiӉnĜàntraoĜәithҧoluұn o Muabán,quҧnlý…. • vídө 3 1/29/2010VídөͲDiӉnĜàn PhҥmThӃBҧoͲHKHTNTp.HCMVídөͲOnlinetraining PhҥmThӃBҧoͲHKHTNTp.HCM 4 1/29/2010VídөͲtintӭc PhҥmThӃBҧoͲHKHTNTp.HCMVídөͲOnlineShopping PhҥmThӃBҧoͲHKHTNTp.HCM 5 1/29/2010Phҫn2ͲThiӃtkӃgiaodiӋn• iӇmkhácbiӋtgiӳatàiliӋuthôngthѭӡngvà trangWEB• Mӝt sӕ vҩn ĜӅ liên quan ĜӃn viӋc thiӃt kӃ giaodiӋncѫbҧn• ThiӃtkӃgiaodiӋnWebSite PhҥmThӃBҧoͲHKHTNTp.HCMThiӃtkӃgiaodiӋnWebsite Logo Header Menu Content PhҥmThӃBҧoͲHKHTNTp.HCM 6 1/29/20102x2Layout PhҥmThӃBҧoͲHKHTNTp.HCMTablewithinatable PhҥmThӃBҧoͲHKHTNTp.HCM 7 1/29/2010Theoutertable PhҥmThӃBҧoͲHKHTNTp.HCMTheinnertable PhҥmThӃBҧoͲHKHTNTp.HCM 8 1/29/2010Theinnertable PhҥmThӃBҧoͲHKHTNTp.HCMCenteredwiththreecolumns PhҥmThӃBҧoͲHKHTNTp.HCM 9 1/29/2010Reallycomplicateddesign! PhҥmThӃBҧoͲHKHTNTp.HCM iӇmkhácbiӋtgiӳatàiliӋuthông thѭӡngvàtrangWEB• Giӕng nhau: phҧi Ĝѭӧc trҧi qua sӵ phát triӇn và chuҭnhóa.• Khác nhau: các mӕi liên kӃt siêu vĉn bҧn, multimedia… ÆChophépngѭӡiĜӑctruynhұpĜӃnmӝttrang ĜѫnlҿmàkhôngcҫnĜӃnlӡitӵaĜӅ. TìmkiӃmnhanhvàĜѫngiҧnhѫn. CóthӇquaylҥimӝtloҥtcácliênkӃt. PhҥmThӃBҧoͲHKHTNTp.HCM 10 1/29/2010MӝtsӕvҩnĜӅliênquanĜӃnviӋcthiӃtkӃgiaodiӋncѫbҧn• ThiӃtkӃhѭӟngtӟingѭӡisӱdөng• CácgiúpĜӥĜӏnhhѭӟngrõràng• Khôngcótrangcuӕicùng(deadͲend)• Bĉngthôngvàҧnhhѭӣng• ѫngiҧnvàtínhnhҩtquán• TínhәnĜӏnhcӫacáctrangWeb• PhҧnhӗivàĜӕithoҥi• TínhtѭѫngthíchtrêncáctrìnhduyӋtkhácnhau (thaythӃ) PhҥmThӃBҧoͲHKHTNTp.HCMThiӃtkӃhѭӟng ...