Specializovan² t²denφk o v²poΦetnφ technice
o Internetu
(CW 11/97)
WWW dφlna
Rychleji nahrßvanΘ strßnky
Ji°φ Kosek ml.
P°i prohlφ₧enφ n∞kter²ch strßnek se setkßvßme s nep°φjemn²m jevem, ₧e se strßnka definitivn∞ vykreslφ a₧ po p°enesenφ vÜech obsa₧en²ch obrßzk∙. Projevuje se to tak, ₧e bu∩ ze strßnky nenφ dlouho vid∞t tΘm∞° nic a pak se strßnka rychle zobrazφ i vΦetn∞ obrßzk∙ nebo se strßnka n∞jak zobrazφ a po tom, co se naΦtou obrßzky, se celß p°ekreslφ s nov²m layoutem.
Tento jev je p°i brouzdßnφ Webem velmi nep°φjemn². Jak hned zjistφme, lze jej naÜt∞stφ na naÜich strßnkßch velmi snadno odstranit. ProblΘmy se zobrazovßnφm jsou zp∙sobeny tφm, ₧e v dob∞ vykreslovßnφ textovΘ Φßsti strßnky nejsou znßmy velikosti obrßzk∙, okolo kter²ch mß text obtΘkat.
Element IMG obsahuje dva atributy WIDTH a HEIGHT, kter²mi lze explicitn∞ urΦit velikost obrßzku. Pokud tyto atributy ve sv²ch HTML-dokumentech pou₧ijeme, bude prohlφ₧eΦi znßma velikost obrßzku ji₧ v dob∞ naΦtenφ textu strßnky a bude pro n∞j moci vynechat pot°ebnΘ mφsto. Samotn² obrßzek se pak na vynechanΘm mφst∞ doplnφ a₧ po p°enesenφ po sφti. Mezitφm vÜak bude u₧ivateli naÜe strßnka k dispozici ve svΘ koneΦnΘ podob∞.
Rozm∞ry obrßzku m∙₧eme zjistit v n∞jakΘm grafickΘm editoru nebo p°φmo v prohlφ₧eΦi. Pokud v Navigatoru najedeme kurzorem myÜi nad obrßzek a stiskneme pravΘ tlaΦφtko myÜi, objevφ se menu. Z n∞j vybereme p°φkaz Open Image. V titulku okna se pak objevφ rozm∞ry obrßzku. Dejme tomu, ₧e na strßnce mßme za°azen obrßzek logo.gif o rozm∞rech 120 x 170 pixel∙. Pro za°azenφ do strßnky m∙₧eme pou₧φt zßpis:
<IMG SRC="logo.gif" WIDTH=120 HEIGHT=170>
Nem∞li bychom vÜak zapomenout na pou₧itφ atributu ALT, kter² urΦuje text nahrazujφcφ obrßzek ve znakov²ch prohlφ₧eΦφch. V grafick²ch prohlφ₧eΦφch se tento text zobrazφ v obdΘlnφku, vymezenΘm pro obrßzek, jeÜt∞ ne₧ se nahraje samotn² obrßzek. U₧ivatel tak mß k dispozici informaci o obsahu obrßzku d°φve, ne₧ obrßzek dorazφ. M∙₧e to urychlit jeho prßci, v p°φpadech kdy je obrßzek odkazem, kter² se rozhodne u₧ivatel navÜtφvit:
<IMG SRC="logo.gif" WIDTH=120 HEIGHT=170>
<ALT="Logo firmy Company">
|