navigációs térképeket
Hogy végezze el ezt a feladatot, nem tehetünk anélkül, hogy az úgynevezett navigációs térképek.
Tegyük fel, hogy van egy rajz:
és meg kell tennünk annak érdekében, hogy lenne egy felhasználó rákattint egy ilyen „gombok” egy linkre kattintva az adott dokumentum. mit kell tennünk?
Az első helyen jelölik a kép, nem egy közönséges grafikus kép, valamint a navigációs térkép hozzárendelése ez a szám egyedi nevét. Ezt használja a tag attribútum usemap (Azt hiszem, nem kell emlékeztetni, hogy a címke
src attribútum van szükség, amely jelzi az út egy adott kép)
Ezt hívjuk mi kép / névjegy panelen. Úgy fog kinézni:
Ne felejtsük el a szabályokat szintaxis fel a # jelet, mielőtt a nevét a rács ..
És most, sőt, része a navigációs térkép. Ő adott címke
href - mutatja az utat, hogy nyissa ki a dokumentum (csakúgy, mint a tag )alakítani - a forma minta terület, amely hivatkozási alapul szolgálhat. Lehet egy három érték:
- len - egy téglalap alakú terület
- poli - régió egy olyan sokszög
- kör - meghatározott kör nagysága
Most a kártya megszerzi a következő formában:
Valójában most a „zöld” vált egy működő négyzet gombot.
Mi biztos lehet benne, kattintson rá, ebben a példában:
Siettem egy kicsit a példát nem igazán magyarázza a lényege az írás. Összpontosítani az attribútumok a tag .
href = „primer1.html” - itt azt hiszem egyértelmű, az utat, hogy a dokumentum, ami annak köszönhető, hogy nyissa ki nyomja meg a „zöld” gombot.
Mivel van egy négyzet gombot, és a tér, mint tudjuk, „jobb” téglalap rajzterületet előírják formájában téglalap alakú = „len”.
És most a szórakoztató coords = „15,15,82,82” - koordinátákat. A téglalap, kapnak két pontot elve „X1, Y1, X2, Y2” Hol X1, U1- első pont, és ennek megfelelően, X2, Y2 -A második. Koordinátákat meghatározott pixel. A rajz / kártya méretei 300 100 pixel, ez a bal felső pixel koordinátái X = 0, Y = 0, míg a jobb alsó X = 300, Y = 100. Ha nem érti, mi belevetette magát a geometria az ötödik évfolyam ..
Vessen egy pillantást a kép:
Így adja téglalap alakú = „len” régiónk számára a négyzet alakban gomb hangsúlyoztuk oo koordinátái a bal felső és jobb alsó képpont. ami elég ahhoz, hogy olvassa el a „munka” területek létrehozása a gombot.
Zaymomsya „sárga” gombot, mi ez bemutatott háromszög alakban. Annak érdekében, hogy kiemelje a „munka” terület a mi alak, szánunk attribútum alakja érték poli - sokszög, amely meghatározza a területen, mint a sokszög, ahol a koordináták vesszővel elválasztva lesz a csúcsait, lehet bármennyi „X1, Y1, X2 Y2, X3, Y3, X4, Y 4 ... H124, U124 „egy alak által alkotott ezeket a pontokat a felső sarkokban formája lehet bármilyen sokszög, mint egy jó és egy rossz. Ebben az esetben a szög a mindhárom, ő és a háromszög, így a koordinátái által meghatározott három pár értékek „X1, Y1, X2, Y2, X3, Y3”
Tehát minden együtt írunk, így:
De ez a szám, amely egyértelműen megmutatja, hogy a pontok koordinátáinak veszik ..
Nos, az utolsó „piros gomb” a mi kerek. Ez azt jelenti, a terület képez egy kör alakú = „kör”. Ezúttal a koordinátákat a helyzet egy kicsit más. Szükségünk lesz három érték X, Y, R. X és Y jelentése a középpontjának koordinátáit a mi kört, és R - a hossza a sugár képpontokban.
Most egy kicsit, hogy mi más kívánatos lenne köze a kártyát, mielőtt a „mount” ez bármilyen oldalt.
Mi határozza meg a fix méretű rajzot kártya szélesség és magasság attribútumokat
Írunk az alternatív szöveget az összes rajz kártyákat, valamint az egyes régiók segítségével az alt attribútumot. valamint azokat az elemeket, az attribútum neve.
Megszabadulni a keret határt. teszi border = "0". (Nos, ha inkább a határ, akkor ez nem megy. Nem ragaszkodunk ..)
A végén meg kell kinéznie:
Néha kényelmes alkotnak egy „munka” image terület „keveredés” különböző formái ..
Tegyük fel, hogy a következő gombot a következő:
Persze, akkor meg az alakja sokszög, de meg kell kérdezni egy csomó koordinátáit: a lekerekített rész egy ilyen gomb (jó, ha szüksége van egy különleges pontosságú navigációs térkép).
És lehetséges, hogy meghatározzuk a jelen példában két formája a kör és négyszög len kör az alábbiak szerint:
És a kódot adja meg az útvonalat, hogy ugyanazt a dokumentumot:
Ugyanakkor érdemes megjegyezni, hogy ha hivatkozik a különböző formákat vezetnek különböző dokumentumokat, akkor kattintson a terület metszéspontjában látogatónk számok végigvezet a kapcsolatot, akinek körzetszámot először. ebben az esetben egy kört.
Tekintsük a következő példát. Tegyük fel, hogy meg kell, hogy csak egy ilyen gomb:
Mi köze egy lyuk?
címke amellett, hogy a href attribútum az ellentéte az értéket tulajdonítanak nohref - inaktív terület, azaz, ha a felhasználó rákattint egy ilyen területen, akkor egyáltalán semmi nem fog történni, amit valójában el kell érniük a gyártása „lyukak” a térképet.
A térkép fog által adott két régió kör kerületű inaktív és aktív négyszögletes régió RECT és ahogy látható az ábrán az alábbi koordinátákkal:
Mint korábban említettük, a kereszteződésekben a legmagasabb prioritási területek élveznek olyan terület, amely a kód belsejében a címke
Következésképpen, a példa lesz a következő formában:
Részlet a könyvtárban (tag attribútumok ):
usemap - a kép a navigációs térkép a kliens oldalon.
ismap - a kép a navigációs térkép a szerveren.
Nem világos? Akkor olvassa el ..
Mindegy, nem világos? Ha igen, akkor nem kell zamorachivotsya róla. Használja usemap. Úgy vélem, ez a döntés segít a legtöbb esetben a navigációs térképeket.
Amikor létrehoz egy navigációs térkép oldal címke mindig meg kell kártya felett
Lehetséges, de nem szükséges. mert ha az oldal betöltődik, problémák merülhetnek fel, mert a jelölő kártya már be van töltve, és a nagyon képet még ..
És mégis, tekintettel loading ..
Ezen a ponton, a kód bármi lehet hosszú szöveg, táblázatok és ábrák. de jobb, ha nem írok semmit itt
A write itt, mert abban az időben az oldal betöltésekor, a felhasználó nem vár, annak befejezését, akkor próbálja meg gombok megnyomására megjelenik a navigációs térkép, amely ebben az időben még nem lett betöltve.