Specializovan² t²denφk o v²poΦetnφ technice
o Internetu
(CW 22/96)
Jejich tvorba nenφ nikterak slo₧itß, ale jeÜt∞ p°ed nedßvnem nebylo mo₧nΘ pou₧φvat tyto mapy bez spoluprßce serveru. To je nev²hodnΘ, proto₧e server je nadm∞rn∞ zat∞₧ovßn, proto₧e musφ °eÜit ka₧dΘ kliknutφ u₧ivatele na obrßzek. N∞kterΘ strßnky jsou umφst∞ny na cizφch serverech, kde nenφ mo₧nΘ pracovat s CGI soubory pou₧it²mi pro obsluhu map. A poslednφm mUnusem pro serverovΘ obrßzkovΘ mapy je nemo₧nost pracovat s nimi bez ·Φasti serveru, autor si tak nem∙₧e sv∙j v²tvor vyzkouÜet, ani₧ by umφstil svΘ strßnky na server.
Je velmi mßlo znßmo, ₧e nynφ lze pracovat s klientsk²mi obrßzkov²mi mapami, kde nenφ nutnß ₧ßdnß podpora serveru. V tomto p°φpad∞ vÜe °eÜφ prohlφ₧eΦ u₧ivatele, a odpadajφ vÜechny t°i problΘmy zmφn∞nΘ v²Üe. Dva nejpou₧φvan∞jÜφ prohlφ₧eΦe, Navigator 2.0 a Explorer 2.0, klientskΘ mapy podporujφ spoleΦn∞ s n∞kolika dalÜφmi. Nenφ proto d∙vod, proΦ nepou₧φvat tento rychl² a jednoduch² zp∙sob, jak tvo°it obrßzkovΘ mapy, kterΘ jsou tak populßrnφ.
Jak na to
NejlepÜφ je po°φdit si nßstroj, kter² tvorbu map podporuje. N∞kolika tahy myÜi vytvo°φte vÜe, co je pot°eba a zb²vß jen umφstit takto vytvo°en² obrßzek do dokumentu. Pokud chcete rozum∞t tvorb∞ obrßzkov²ch map blφ₧e nebo nechcete pou₧φvat ₧ßdn² podobn² nßstroj, m∙₧ete je samoz°ejm∞ tvo°it ruΦn∞.
1. krok
Nejprve si vytvo°te obrßzek, kter² bude reprezentovat propojenφ a umφst∞te ho na strßnku touto definicφ. Obrßzek by m∞l b²t ulo₧en ve formßtu GIF.
<IMG SRC="nazev.gif">
2. krok
Potom je nutnΘ definovat, ₧e tento obrßzek nebude pouze zobrazen, ale bude figurovat jako mapa. Tak₧e p°edchozφ °ßdek upravφte takto :
<IMG SRC="nazev.gif" USEMAP>
Pokud prohlφ₧eΦ nepodporuje obrßzkovΘ mapy, ten bude pouze zobrazen a nebude mo₧nΘ na n∞j kliknout.
3. krok
Aby bylo mo₧nΘ dßl s obrßzkem pracovat, je nutnΘ definovat jeho jmΘno p°idßnφm dalÜφ definice do p°edchozφho °ßdku.
<IMG SRC="nazev.gif" USEMAP="#NAZEV">
4.krok
A nynφ p°ichßzφ poslednφ nejd∙le₧it∞jÜφ krok, kdy definujete plochy pro jednotlivΘ odkazy. Nenφ nejjednoduÜφ d∞lat tuto prßci ruΦn∞, zejmΘna pokud mßte na svΘm obrßzku vφce odkaz∙. Definice mapy m∙₧e b²t umφst∞na kdekoliv na strßnce a vypadß asi takto.
<"MAP NAME="NAZEV">
<AREA SHAPE="RECT" COORDS="0,0,100,100" HREF="#top">
<AREA SHAPE="RECT" COORDS="100,100,200,200" HREF="#bottom>
</MAP>
Tato mapa p°i kliknutφ na prvnφ oblast zobrazφ zaΦßtek HTML souboru, druhß oblast konec HTML souboru. Pro definici oblastφ jsou k dispozici t°i mo₧nΘ tvary regionu - kruh, Φty°·helnφk a polygon.
Kruh
Definice kruhovΘ oblasti je velmi jednoduchß, je nutnΘ zadat klasickΘ hodnoty, st°edu a polom∞ru.
<AREA SHAPE="CIRCLE" COODRDS="x-st°ed,y-st°ed,polom∞r" HREF="http://www.idg.cz">
╚ty°·helnφk
TakΘ Φty°·helnφk nenφ t∞₧kΘ definovat, zadßte sou°adnice levΘho hornφho a pravΘho dolnφho rohu.
<AREA SHAPE="RECT" COORDS="levΘ-x, hornφ-y, pravΘ-x,
spodnφ-y" HREF="http://www.idg.cz">
Polygon
Polygon se tvo°φ pomocφ definice N poΦtu bod∙, podle toho, jak po₧adovanß oblast vypadß.
<AREA SHAPE="POLYGON" "COORDS=x1,y1,x2,y2,x3,y3,xN,yN" HREF="http://www.idg.cz">
U ka₧dΘ oblasti je takΘ mo₧nΘ pou₧φt za definicφ typu objektu atribut ALT="Nazev", kter² u negrafick²ch klient∙ nezobrazφ sice obrßzek, ale alespo≥ nßzvy s mo₧nostφ kliknout na n∞. Hodn∞ Üt∞stφ p°i tvorb∞ vaÜich obrßzkov²ch map!