Kako narediti sklic slika-v-sliki? Kako vstavite povezavo do slike

Ustvarjanje transparenti in zemljevide na mestu, so začetniki webmasters soočajo s tako težavo, kako vstaviti povezavo na sliko, opraviti s tem svetlejšo in bolj zanimivo meniju. Toda kako to izvesti? Nič ni lažje, če veste, HTML jezik.

Naj nas izvedeti, kako lahko uresničila te ideje. V tem članku, vam bomo ponudili dve možnosti za rešitev problema. Eden redko uporablja zaradi dejstva, da je potrebno veliko časa in truda, medtem ko se drugi šteje, da je dobro znana. Smo analizirali z vami tako.

Kadar se uporablja slike, povezave

Preden govorimo o tem, kako narediti sklic slika-v-sliki, bomo razumeli, kje in zakaj se uporabljajo. Konec koncev, bo lažje razumeti, kaj želimo od slike.

Slike povezave se pogosto uporablja kot pasic, oglasi tout risbe. Primeri za to so slike, so vsi v istem "VKontakte". Ne pozabite, kolikokrat ste kliknete na fotografijo, na katerega je bila zgrajena posebna naslov? Poleg tega, pogosto se uporabljajo v obliki menija skupin in skupnosti, še posebej, če vsebujejo posebna vnosa. Številne take slike najti na drugih straneh.

Prilepi povezavo v sliki

Najpreprostejša stvar - slika-link. To je o tem govorimo, da začnete. Ta slika je pripravljena referenca. In sicer tako, da kliknete na ikono, boste preusmerjeni na novo stran.

Če veste, kako je to opredeljeno v skupni povezavi s pomočjo HTML-označevanjem, težave, ki jih je treba pojavijo. Edina razlika je, da namesto besedilne povezave je določeno sliko.

Torej, izvajati svoj načrt, morate sliko sam, naložili na splet, ali so shranjeni na računalniku (odvisno od tega, ali delate v spletni način, dejansko na mestu, ali zadeystvuete uredniki).

Iščemo za naslov slike, pisanje je, da ne pozabimo. popraviti tudi na povezavo, ki naj bi odprla to sliko.

Nato napišite naslednje: href="http:// stran slike - posebno kodo . Image-link je določena z njeno pomočjo.

Tako smo predpiše povezavo, ki se prikaže v obliki ilustracije. Zelo enostavno. Toda ta pristop le, če ste prepričani, da bi morala biti samo ena povezava. Kaj pa, če ne bi smelo biti nekaj? Potem gremo na druge možnosti.

Naredite meni slik

Prva metoda je bila razvita neodvisno v študiji spletnih strani označevalni jezik. Vzpostavitev takšnega menija lahko traja nekaj ur.

Ta metoda je primerna za tiste, ki radi Lemiti z različnimi uredniki, saj je precej zamudno in traja malo dlje kot ustvarjanje menijske kartice ali drugi metodi. to je v tem, da se vzame sliko, ki je narežemo na več trakov ali kvadratov. Vsaka slika je podpisana, in osnova za povezavo, kot je opisano zgoraj. Nato se številka strani oznake so napisane v pravilnem vrstnem redu. To je vse, vprašanje, kako bi slika-v-sliki reference, skoraj rešen. Ampak ne pozabi na drugo opcijo.

On je, da meni z eno samo sliko, ki prosi za vsako območje ponazarja njegovo povezavo. Ne skrbi, nič ti zelo zapleten v to. Zdaj, prvi stvari prvi.

Kako narediti

Oglejmo si malo bolj na prvo pot.

Za začetek, boste morali poznati grafičnih urednikov in HTML. Kako narediti referenčno sliko, se pravi takšno označevanje strani.

Torej, če ste se odločili, da gredo na ta način, boste morali sliko in preprost grafični urejevalnik, ki vam omogoča, da cut slike in postaviti na nalepki, kakor tudi kraj, kjer si bodo mogli izpolniti.

Če je to vaše lastno spletno stran - primerne običajne galerije in knjižnice datotek, za "VKontakte" je lahko skupina album ali skupnost (po možnosti free).

Poleg tega, da je slika razrežemo na kose, kar je potrebno, da se spomnimo, da vrstni red, v katerem so prejeli deli. Vtisnjena na njih napisi in izpolnite strežnik, pisanje referenc na vsaki sliki.

Bodite kodo zgoraj, in nadomestiti želene podatke. Nato izpolnite sliko na spletni strani v vrstnem redu, v katerem bi morali iti. Ob istem času, če ga narežemo na trakove, potem morate vprašati vsakega povezavo v novi liniji, vendar če ste delijo fotografije na kvadrate, potem boste morali dati v vrsti toliko povezave, kot se je izkazalo kvadratov.

Mi kazalo

Torej, če vam ni všeč prva različica, in želite, da se naučijo, kako narediti sklic slika-v-sliki na kakršenkoli drug način, vam lahko ponudimo razviti sklic karto. To je bilo lažje, tukaj lahko pride samo s parametri nalogo problema. Zakaj bodo razumeli več.

Najprej moramo vedeti, da je kazalo priključen na slike z ukazom usemap = "# map1, ki je predpisana v tag IMG zato, da izpolnite sliko na spletni strani, se prepričajte, da dodajte oznako v drugem delu -. Usemap =" # zemljevid ime ".

Nadaljnje označevalni slike v območjih, ki so povezana s povezavami se opravi s pomočjo seznanjeno oznako

Upoštevajte, da pri uporabi mora ta vrsta zemljevida morali ne le povezave, ampak tudi območja njihovih dejavnosti in koordinate. Nato bomo preučili osnovne parametre, ki ima oznako.

Bližnjica nastavitve

Torej, pred vašimi očmi, pripravljen referenčno sliko. HTML vam omogoča, da bistveno izboljša funkcionalnost slike - naj mu dodelijo določeno območje za referenco. Vse to je podana s posebnimi parametri, ki jih bodo sedaj razpravljali.

Pogovorimo se malo o osnovnih parametrih seznanjeno oznako . Predvsem to ime, ki je enaka vrednosti usemap. Tako da določi, da je kartica napisano na sliki.

Nadaljnje znotraj oznake para predpisuje drugo oznako - , ki opisuje območje referenco. On ni tip in, seveda, ima svoje parametre.

Prvi - oblika. S pomočjo webmaster določa vrsto polja. To je lahko:

• krog - krog;
• pravokotnik - rect;
• Poligon - poli;
• počitka območja slike - privzete.

Naslednja - Coords. S pomočjo koordinat slikovnih pik območju. Izvor v tem koordinatnem sistemu - v zgornjem levem kotu. To je bilo takrat, in je glavni problem - ni tako enostavno določiti koordinate, ki so jih pik, še posebej, če ni seznanjenost z računalniško grafiko.

Omenimo tudi zelo znani href, ki določa naslov povezave.

In zadnja možnost, ki jo je treba omeniti, - nohref. To kaže, da je ta regija ni referenca.

Seveda, to ni popoln seznam parametrov, ki jih lahko nastavite sliko ali povezavo-zemljevid. Toda ob istem času, bo dovolj, da ustvarjajo svetlo in barvito povezavo ali celo njihovo celotno sistema.

Nasveti

Ne glede na način za ustvarjanje povezav, slik , ki jih izberete, pomembno je, da je bila prvotna slika dobra. Poskusi, da izberejo tiste modele, ki ne lovijo oko, ne dražijo svetle barve ali vzorce. To je še posebej pomembno za kazalo. Lahko naredite kolaž več fotografij, ki jih potemni, ali pa na enem izmed filtrov v grafičnem programu.

Ko ustvarite je kazalo priporočamo, da izberete sliko z mehko, ne draži vzorci oči. Verjemi mi, ni vedno ključ do uspeha - svetla slika-Link. "VKontakte", pa se pogosto osredotočajo le na svetlost in showiness, da bi pritegnili nove obiskovalce.

ugotovitve

Če povzamemo. Mi smo z vami pogruntal kako narediti sklic slika-v-sliki, in pogledal na dva načina, ki lahko enako dobro uporabljajo za ustvarjanje meni različne težave. Poleg tega smo ugotovili, kako nastaviti sliko-povezavo in spoznavanje glavnih parametrov, ki vam omogočajo, da ustvarite precej priročen zemljevid mesta, skupine ali skupnosti.