Hogyan készítsünk egy kép-a-kép referencia? Hogyan lehet behelyezni egy linket egy képet

Létrehozása bannerek és részletes térképek, a kezdő webmesterek szembesülnek ilyen probléma, hogyan kell beszúrni egy linket egy képet, köze hozzá fényesebb és érdekes menüt. De hogyan valósítható meg? Semmi sem könnyebb, ha tudja a HTML nyelvet.

Engedje meg, hogy hogyan tudjuk a valóságban ez a gondolat. Ebben a cikkben, akkor felajánlja a két lehetőség, hogy megoldja a problémát. Egy ritkán használt annak a ténynek köszönhető, hogy tart egy csomó időt és energiát, míg a második tekinthető jól ismert. Elemezzük veletek mindkettő.

Amennyiben képlink használják

Mielőtt beszélünk, hogyan lehet egy kép-a-képben referencia, mi kell érteni, hogy hol és miért használják őket. Végtére is, akkor könnyebb lesz megérteni, hogy mit akarunk a képet.

Kép hivatkozások gyakran használják bannerek, reklámok tout rajzokat. Ennek példái a képek mind ugyanabban a „VKontakte”. Emlékezz, hányszor már kattintson a képre, amelyre egy bizonyos cím lett épül? Ezen kívül gyakran használják őket formájában menü csoportok és közösségek, főleg, ha különleges bejegyzéseket. Sok ilyen talált képek más oldalakon.

Illessze be a linket a kép

A legegyszerűbb dolog - egy kép-link. Ez róla, beszélünk kezdeni. Ezen az ábrán egy kész referencia. Azaz ikonra kattintva, akkor át lesz irányítva az új oldalra.

Ha tudja, hogyan határozza meg a közös kapocs segítségével HTML-jelölés, a problémák akkor merülnek fel problémák. Az egyetlen különbség az, hogy ahelyett, hogy a szöveges linkek megadott képet.

Tehát, hogy hajtsák végre a tervet, szükség van a kép maga, az internetre feltöltött vagy a számítógépen tárolt (attól függően, hogy dolgozik az online módban, valóban a helyszínen, vagy zadeystvuete szerkesztők).

Keresünk egy kép címe, írd meg, hogy ne felejtsük el. Is erősít a link, hogy nyissa meg ezt a képet.

Ezután írjuk be a következő: kép - egy speciális kódot . Képlink meghatározása annak segítségével.

Így írunk elő egy link, amely megjelenik a formájában látható. Elég könnyű. De ez a megközelítés csak akkor, ha úgy gondolja, hogy nem kell csak egy link. De mi van, ha kell egy pár? Aztán lépni más lehetőségeket.

Készíts egy menüt a képek

Az első módszert dolgoztunk függetlenül a tanulmány a weblapok jelölőnyelv. A kialakuló ilyen menü eltarthat egy pár órát.

Ez a módszer alkalmas azok számára, akik szeretnek bütykölni különböző szerkesztők, mivel ez meglehetősen időigényes és kicsit tovább tart, mint a létrehozását a menü kártya vagy a második módszer. ez abban a tényben rejlik, hogy a kép készítése, amely vágjuk csíkokra vagy négyzetek. Minden kép alá, és ennek alapján egy link, a fent leírtak szerint. Ezután a kód oldalcímkéket vannak írva a megfelelő sorrendben. Ez minden olyan kérdést, hogy hogyan lehet a kép-a-képben referencia szinte megoldott. De ne feledkezzünk meg a második lehetőséget.

Ő az, hogy a menü csak egy képet, kérjük, hogy minden zóna illusztrálják a linkre. Ne aggódj, semmi ezek a rendkívül összetett e. Most, első dolog az első.

Hogyan készítsünk

Nézzük egy kicsit az első utat.

Kezdjük azzal, hogy szüksége lesz a tudás grafikus szerkesztők, és a HTML. Hogyan készítsünk egy referencia képet, azt mondja ez a fajta jelölés oldalakon.

Tehát, ha úgy dönt, hogy ilyen módon, akkor szükség van egy kép és egy egyszerű grafikus szerkesztő, amely lehetővé teszi, hogy csökkentsék a képeket, és tegye a címkén, valamint olyan helyen, ahol képes lesz arra, hogy töltse ki őket.

Ha ez a saját honlapján - alkalmas hagyományos galéria vagy könyvtár fájlokat, mert „VKontakte” lehet, hogy egy csoport album vagy közösségi (lehetőleg ingyenes).

Továbbá, hogy a képet darabokra vágjuk, így meg kell emlékezni, hogy milyen sorrendben része megérkezett. Bélyegzik őket feliratokat, és töltse ki a szerver, írja a hivatkozások minden illusztráció.

Vegyük a fenti kódot, és helyettesítheti a kívánt adatokat. Ezután töltse fel a képet az oldalon a sorrendben, ahogyan kell menni. Ugyanakkor, ha vágjuk csíkokra, akkor meg kell kérni minden link egy új vonal, de ha már fotókat osztott négyzetek, akkor meg kell tenni a sorban több kapcsolatot, mint kiderült négyzetek.

Mi egy site map

Tehát, ha nem tetszik az első verzió, és azt szeretnénk, hogy megtanulják, hogyan lehet egy kép-a-képben hivatkozás bármely más módon, azt tudjuk ajánlani, hogy dolgozzon ki egy térképet hivatkozást. Ez megkönnyítette, itt csak akkor fordul elő, melynek feladata paramétereit a problémát. Miért, hogy jobban megértsük.

Először is meg kell emlékezni, hogy a sitemap van kötve a képet a parancs usemap = „# map1, amely előírt címke img Ezért, kitöltve a képet az oldalon, biztos, hogy csatolja a tag a második részben -. Usemap =” # térkép nevét.”

További jelölő képek zónákra, amelyek kapcsolódnak a linkek segítségével végzik a páros tag

Vegye figyelembe, hogy ha az ilyen típusú térképet kell kérni, nem csak linkeket, hanem a terület tevékenységük és koordinátákat. Ezután fogjuk vizsgálni az alapvető paramétereket, amely a címke.

hivatkozásbeállításra

Tehát, a szemed előtt, kész referencia kép. HTML lehetővé teszi, hogy jelentősen javítja a funkcionalitást a kép - kiosztani, hogy egy adott területen történő hivatkozás. Mindez adott konkrét paramétereket, ami most lesz szó.

Beszéljünk egy kicsit a alapvető paramétereit páros tag . Elsősorban ezt a nevet, ami egyenlő az érték usemap. Szóval kijelöli, hogy a kártya van írva, hogy a képen.

Beljebb a tag pár

Az első - alakja. A rendszer segítségével a webmester állít egyfajta területen. Ez lehet:

• kör - kör;
• téglalap - RECT;
• Sokszög - poli;
• pihenő kép - alapértelmezett.

Next - coords. Segítségével a koordinátákat a pixel területet. Az eredete ebben a koordináta-rendszerben - a bal felső sarokban. Ez volt akkor, és ez a fő probléma - nem is olyan könnyű meghatározni a koordinátákat a pixelek, különösen, ha nincs ismerete számítógépes grafika.

Megemlítjük továbbá meglehetősen híres href, amely meghatározza a címet a link.

És az utolsó lehetőség, amelyet meg kell említeni, - nohref. Ez azt mutatja, hogy ez a régió nem egy hivatkozást.

Természetesen ez nem egy teljes listát a paraméterek beállíthatja a kép vagy a link-térképet. De ugyanakkor, hogy elég lesz, hogy hozzon létre egy fényes és színes linket, vagy akár az egész rendszer.

tippek

Bármelyik utat a kapcsolatok létrehozása, képek is választja, a lényeg az, hogy az eredeti kép is jó volt. Próbálja választani azokat tervek, amelyek nem vonzzák a tekintetet, nem irritálja a világos színek vagy minták. Ez különösen fontos a site map. Akkor kollázst több fotók, sötétedni, vagy kapcsolja be egy szűrőt egy grafikai program.

Amikor létrehoz egy sitemap ajánlott választani egy képet, puha, nem irritálja a szemet mintákat. Hidd el, nem mindig a siker kulcsa - fényes képet -LINK. „VKontakte” azonban gyakran összpontosít csak a fényerőt és showiness, annak érdekében, hogy vonzzák az új látogatókat.

megállapítások

Összefoglalni. Veletek vagyunk rájött, hogyan lehet, hogy a kép-a-képben referencia, és úgy nézett a két módon lehet egyformán jól lehet használni, hogy a menü különböző nehézségi. Ezen kívül, mi kitaláltam, hogyan lehet beállítani a kép-link, és megismerhetik a fő paraméterek, amelyek lehetővé teszik, hogy elég ügyes a terület térképét, csoport vagy közösség.