мк.РИВ Minh Нойпд (Chtibi&n) сн тс нос NHA хиАт BAN LA0 DONG-XA MK.PUBLÉ MINHHỒNG (Chii biên) TU HOC 831 • init fiiNG 12 NHÀ XUÂT BAN LAO DONG - XA 12 Lưl NƯI DRU Ldl NOI DAU Cu6n såch dugc båt dÄubhng nhüng dinh nghia va Internet, Web, trinh duyet, URL nén n6 khöng båt buOcbqn phåi c6 nhiéu hidu biét vé Web Sau doc xong cu6n såch nåy, chüng ta sé nåm dt.rqcnhffng kiéu thiffc nén tång vé HTML, dd hoa, bång kiéu, cåc chudn vå nguyén Ij c6 thé åp dung dé teo trang Web Thong qua cåc båi thVc hånh vå båi kiém Cra cu6i chucng, ben sé c6 Cdhöi thvc hånh dp dung ky thuat khåc vå nåm vüng cåc khåi niém chfnh MQt so' déc diém chfnh cåa cu6n såch: o Dé cap dén nhüng chi tiét thVc hånh cåa HTML cd bån vå bång kidu vdi cåc vi du chi tié't vé dinh deng vän bån, bd sung cåc phån tiltdd hoa, teo cåc lién két, teo bång, khung vå st dung måu trén Web • Giåi thfch cåch st dung dinh deng GIF h04c JPEG cho cåc 104ihinh ånh khåc nhau, cåc gqi j quan vé viöc t6i Liudd hoa cho Web e Gqi nhüng diéu nén h04c khöng nén låm thié't kg Web, giüp nhüng ben c6 quyét dinh thiét ké chinh xåc vå trånh sai lam ngubi mdi båt dåu thudng mÅcphåi icn Cåc båi thVc hånh sé giüp bon thü nghiöm cåc ky thuat mdi vdi cåc cu6n såch khåc, cu6n såch näy cung cap moi thit ch thiét dé tao Web site cd bån vå giüp chüng ta chudn bi nhüng cong viöc cao cKphon lién quan dén Web Né'uben quan tåm dén thiét ké' Web thi dåy lh noi dé bit dåu Såch chia låm hai tap, tap i bao gdm Phån I vä Phån Il, tap _baogdm Phån Ill vå Phån IV Dia CD Båi tap cåa cu6n såch nåy dl.rqcdfnh 10m d tap Do ÜIJ gbd Ita 900b liu&l v} liz•igz klj Llix i f.' t MK.PUB WC MUC LUC åjp c!gW 6011 6b Ldl NÖI DRU THU NGO yuc LUC PHAN 111:TAO DO HQA WEB 13 Chddng 14: CHI TlfiT VÉ DO HQA WEB 15 Dinh deng tap tin GIF Phd bidn 15 16 JPEG dep 16 PNG dång kinh nggc 17 18 Chen dinh deng tQptin tdt nhdt DOphån giåi hinh ånl\ Tgm bi?t inch, dén chåo pixel! 21 Låm vi?c dé phån giåi thdp Cåc vå'n dé vé kfch thudc tap tin 24 24 21 Thidt ké' dd nén 26 Giåi han kich thztåc 26 Düng lei vå phec hdi 27 Cåc cong cu teo dd hoa Web Cåc ngudn hinh ånh 28 29 Quét 30 Måy Chep ånh ky thu@t Sd 31 Minh hoa dien tit Luu trü hinh ånh vå hinh mau 31 Cåc gqi teo db hoa Låm vi?c våi kidu RGB Sit dung vän bån anti-aliased (cö dubng bién min) 31 32 33 33 Luc Luu két qua 34 tin Dét ten thich hgp cho cåc Quan tam dén cåc ngu&idüng cudi khåc 34 Cåc didm chfnh vé dd hoa Web 34 1b 35 Uiu Tu kidm tra 37 Chddng 15: TAO GIF Chi tiét vé GIF Måu chi muc 8-bit 38 39 Nén GIF nit Tinh sudt 40 Xen ké 41 Hinh döng 41 42 ten cho GIF 42 Teo GIF don giån tüng bLfdcmot Båi thztchånh 15-1: Twomét GIF cc bån Photoshop 43 Låm vi?c Macromedia Fireworks 47 Låm vi?c Paint Shop Pro 50 Bd sung tfnh su6t Gov5b flit 54 Båo v? tinh sudtfrong cåc hinh dnh dugc phånUp 55 Bd sung tinh gudt våö mét hinh phdng 56 Låm vi?c Adobe Photoshop (phién bån hoéc 7) 57 Låm vi?c Macromedia Fireworks 59 Trånh cåc quang sång 60 Båi thVchånh 15-2:Låm Vi?cvåi tinh sudt 64 Giåm so' måu 69 Giåm rung déng 71 Néu GIF cd tdn thdt Thiét dd nén Tdi Etutheo treng sö' ßQfi bb 72 ÄOfi 73 92 75 LUC Tdi Etukich thuåc tin 76 Båi thVchånh 15-3: Tdi tru tep tin GIF Thiét ké' v6i bång måu Web 78 Bdt dåu våi måu an toån Web Åp deng bång måu Web 82 83 Cåc chién Iztgc bång måu Webdånh cho dd hea Mét våi diéu can nhå vé GIF 86 87 TV kidm tra 88 Chddng 16: TAO JPEG 89 Chi tié't vé JPEG 90 Måu 24-bit 90 Nén c6 tdn thdt 90 JPEG Ita chuéng cåc måu 91 JPEG deng Progressive 92 Giåi nén 94 Dét ten JPEG 94 budcmot Teo JPEG tifng 94 Båi thVc hånh 16-1: Tgo mét JPEG co bån Photoshop 95 Låm vi?c Macromedia Fireworks 99 Låm vi?c Paint Shop Pro T6i du JPEG 102 104 Hay mgnh den våi vi?c nén 105 Thzt cåc cong cw khåc 106 Lua chon tdi du 107 Låm "ménv"hinh dnh T6i du theo treng Sd Tdi ztu kich thUåc top tin Mét våi diéu can nhd vé JPEG Tu kidm tra 107 108 111 112 113 MUC Chltdng 17: GIF DONG Hinh GIF dêng h0Qt dêng nhtr thé nàoQ 115 115 Các công cv GIF dêng 117 Các thiét lâp hinh dêng 118 Khodng chã cüa khung 118 Trong sudt 119 Lép Iqi 119 Bdng màu 119 Xen kê 119 Phztongpháp thay thé 119 Tdi Itu 121 Tao hinh GIF dêng tüng búóc mot 122 Bitác 1: Tqo mơt hinh dnh 122 BuÚc2: Thiét l@pkhung dâu tiên 123 Bitác 3: Bd sung thêm Cáckhung 124 Bitác4: Kidm tra trinh thvc hien 124 Bitác 5: Diêu chtnh Cácthiét lép hinh dêng 125 Buác 6: Xudt GIF 129 Sit dvng Cáctiên ích hinh GIF dêng Mot lói tát thú vi (bién hinh) Bitác 1: Thiét l@pkhunà hinh dâu khung hinh cudi Bitác 2: Thiét l@pbién hinh Bitác 3: Litu xudt Bài thl!c hành 17-1:Làm rô vãn bdn Bài th!tc hành 17-2: Thi!c hành Mêt só diêu can nhÚ vê hinh GIF dêng TI! kidm tra Chüdng 18: PHÂN MÀNH vÀ ROLLOVER Các hinh {nh phân manh Dàng ImageReady 129 130 ü30 131 133 134 135 135 136 137 138 139 WC Sit dwng Macromedia Fireworks Teo hinh dnh bång theo cåch thü cöng I-lieu ifng Rollover Döi chüt vé JavaScript Rollover hogt déng nhu thé nåo? Tgo Rollover Dreamweaver Tgo Rollover ImageReady 146 148 151 152 153 156 159 Phån månh vå teo Rollover ImageReady 163 Båi thvc hånh 18-1:Cåc manh vå hi?u dng rolloverphtc tap .166 TV kidm tra 167 PHAN IV; B16U MÄU vÅ CHI-'fc NÅNG 169 Chddng 19: cÅc 171 THUAT THIÉT KÉ WEB Cåc danh såch dånh ddu löi cu6n ThVc hånh vdi cåc hop 171 174 Hép sthöng båo dan giån 174 Cåc hop våi du&ng bien 175 Cåc g6c trån 177 Båi thVc hånh 19-1:Låm theo mau Sü deng cåc db hea vuöng chi pixel 179 Thet dåu dång dogn van 185 Miéng 186 Didn dåy ö cüa bång 187 Cåc dztbng ké va hop 188 DLtöngké theo phddng ditng 183 188 Må _réngmét db hea 188 Sd dung bång cd mét ö 189 cac thå thuat nén deng Iqp Hinh nén "khönglép" 190 190 Dubng sec 192 Cda Sd pop-up 193 LUC 10 Nhdm dén mét cüa Sd mdi våi HTML Må mét cüa Sd våi kich thuåc ce thd 194 Båi thVc hånh 19-2: Tgo mét cüa Sd pop-up 197 195 198 Diéu chinh cåc 1Bcåa trang I-Bikét thüc vé cåc ky thuat thiét ké' Web 199 199 Tu kidm tra Chddng 20: xÄY DUNG cÅc WEB SITE KHÅ DUNG Tap trung väo ngdBi ding 4.1•u Thiét ké' thöng tin 201 202 203 T6m tdt thöng tin 203 Td chitc thöng tin 204 Dinh hinh cdu trüc cüa site bång töm tdt 'l Båi thVchånh 20-1: 208 212 213 Thiét ké' giao dién Gom nhöm cåc phån tit gidng 213 Phép dn de 215 Cåcphucng phåp thidt ké giao dien 216 220 Thiét ké he th6ng di chuyén Chüng ta dang dåu? 221 Chüng ta c6 thd di dåu? 221 Cåcphån cc bdn cüa h? thdng di chuydn 223 Cåc phån tü he thdng di chuyén 226 Sd deng måu 231 Båi thVchånh 20-2: Sc db trang 233 234 Xåy dvng trang Cung cdp "thi giåc vå cåm giåc" 234 Tgo cåc trang hogt déng 235 235 On tap vé xåy d!tng Web site khå dung TV kidm tra • • • • • •IAU .e qu.qoq ••236 fiJ0 11 LUC Chltdng 21: NHÜNG DIÉU NÉN vÅ KHÖNG NÉN TRONG THIET 237 WEB Lbi khuyén Chung cho thiét ké trang 238 Cåc gqi dinh dong vän bån 240 Lbi khuyén vé dd hoa 242 Cåc dé nghi thÄm my 244 Nhüng diéu nén trånh 247 Båi thVchånh 21-1: Diéu chinh trang khưng hổn chtnh 248 Tu kidm tra 248 Chddng 22: HQ DÄ THVc HI@N DIÉU DO NHÜ THÉ Gi6i thiéu vé cåc ky thuat nång cao 249 249 BiéumÄu 250 Amthanh 251 Tåi xu6ng am Teo döng 0m 251 Äm nén 253 252 Phim anh St dung thé vä Cåc tQptin phim ånh Teo döng phim ånh 254 Flash 260 Cåc Etuvå khuydt didm Teo cåc tep tin Flash mdi) Cåc qui tdc cüa XML Tao cåc hd XHTML Cåc hd 259 259 261 d3W Yiv e DHTML XHTML 256 XHTMLdüng deng Bdt dåu tit ngåy höm On loi cåc cong nghé nång cao unrh SLR 262 263 264 265 265 267 270 270 LUC 12 271 Tu kidm tra PHU LUC: TRÅ Löl 273 Chdjng 1: Chüng ta phåi bÅt däu tif dåuQ å.273 Chuong 2: Web hoqt döng nhd thé' nåoQ 273 Chddng 3: Dua cåc trang cåa chüng ta Web 273 Chuong 4: Toi thiét ké' Web lei khöng gi6ng vdi thié't k' trang in? 274 Chddng 5: Tié'n trinh thiét ké' Web 275 Chddng 6: Teo mot trang don giån (khåi quåt Vé HTML) 275 Chung 7: Dinh dang vän bån vdi UTML 276 Chi.fdng8: Dinh dong vän bån v6i bång kiéu 280 Chüdng 9: Bd sung cåc phän tü dö hpa 283 Chddng 10: Bd sung cåc lién két 284 Chddng 11: Bång 284 Chung 12: Khung 290 'Chung 13: Mäu trén Web 290 Chddng 14: Chi tiét Vé dö hpa Web 291 Chddng 15: 292 GIF Churcng 16: Teo JPEG 292 Chitdng 17: GIF döng 293 Chddng 18: Phän månh vä Rollover Chifdng19: Cåc ky thuat thiét ké Web Chucng 20: Xåy d!tng cåc Web Site khå dyng Chucng 21: Nhüng diéu nén vä khöng nén thiét ké' Web Chüdng 22: H? dä thVc hien diéu d6 nhd thé' nåoQ 293 CHÜ 294 294 295 296 297 060