Ako vytvoriť odkaz na obraz v obraze? Ako vložiť odkaz na obrázok

Vytváranie bannerov a mapy stránok, začínajúce webmasteri sa stretávajú s týmto problémom, ako vložiť odkaz na fotografiu, s tým jasnejšie a zaujímavejšie ponuky. Ale ako to urobiť? Nie je nič jednoduchšie, ak viete, HTML jazyk.

Poďme zistiť, ako môžeme urobiť realitu tohto nápadu. V tomto článku sa vám ponúkame dve možnosti, ako problém vyriešiť. Jeden používa len zriedka vzhľadom na to, že to vyžaduje veľa času a úsilia, zatiaľ čo druhý je považovaný za dobre známa. Analyzujeme s vami oboma.

Tam, kde sa používa ako-link

Predtým, než budeme hovoriť o tom, ako vytvoriť odkaz na obraz v obraze, budeme pochopiť, kde a prečo sú používané. Koniec koncov, bude jednoduchšie pochopiť, čo chceme z obrazu.

Obrázky Odkazy sú bežne používané ako bannery, inzeráty tout výkresy. Príkladom sú obrázky sú všetci na rovnakej "VKontakte". Pamätať na to, koľkokrát ste kliknite na fotografiu, na ktorý bol postavený konkrétnu adresu? Okrem toho, často sú používané vo forme ponuky skupín a komunít, a to najmä v prípade, že obsahujú špeciálne položky. Mnoho takýchto obrazy nájdené na iných miestach.

Vložiť odkaz do obrázka

Najjednoduchšie vec - picture-link. To je o tom hovoríme, ako začať. Tento obrázok je pripravený referencie. Tj kliknutí na túto ikonu, budete presmerovaný na novú stránku.

Ak viete, ako je definovaná spoločným pojítkom s pomocou HTML značiek, sú problémy, ktoré by mohli vzniknúť. Jediný rozdiel je, že namiesto textových odkazov je uvedený snímku.

Takže realizovať svoj plán, budete potrebovať obrázok sám, nahrané na internet alebo uložený v počítači (v závislosti na tom, či pracujete v režime online, v skutočnosti na mieste, alebo zadeystvuete editorov).

Hľadáme obrazu adresu, napísať to, nezabudnúť. Tiež opraviť odkaz, ktorý by mal otvoriť tento obrázok.

Ďalej napíšte nasledovné: href = "http: // stránky - špeciálny kód , Image-link je definovaný s jeho pomocou.

Preto sme sa predpisujú na odkaz, ktorý sa zobrazí vo forme obrázka. Celkom jednoduché. Ale tento prístup len vtedy, ak si myslíte, že by mal existovať len jeden odkaz. Ale čo v prípade, že by mal byť málo? Potom prejdeme k ďalšej možnosti.

Urobiť ponuku obrazov

Prvá metóda bola vyvinutá nezávisle na štúdium webových stránok značkovací jazyk. Vytvorenie takejto ponuky môže trvať niekoľko hodín.

Táto metóda je vhodná pre tých, ktorí chceli pohrať s rôznymi editory, pretože to je celkom časovo náročné a trvá o niečo dlhšie, než pri vytváraní jedálneho lístka alebo druhým spôsobom. to leží v tom, že obraz je prijaté, ktorý je delený na niekoľko pásov alebo štvorcov. Každý obraz je podpísaná, a je základom pre spojenie, ako je popísané vyššie. Ďalej kódová stránka značky sú písané v správnom poradí. Je to len otázka, ako vytvoriť obraz v obraze referencie, takmer vyriešený. Ale nezabudnite, o druhú možnosť.

On je, aby menu pomocou jediného obrázku, žiadať o každú zónu ilustrujú jeho odkaz. Nebojte sa, nič to nesmierne zložité v tom. Teraz poporiadku.

Ako sa robí

Poďme preskúmať trochu viac na prvú cestu.

Po prvé, budete potrebovať znalosť grafických editorov a HTML. Ako vytvoriť referenčný obraz, vypovedá tento druh značkovacích stránok.

Takže, ak ste sa rozhodli ísť touto cestou, budete potrebovať obrázok a jednoduchý grafický editor, ktorý vám umožní znížiť obrázky a dať na ich etiketách, ako aj miesto, kde si bude môcť naplniť.

Ak je to vaše vlastné webové stránky - vhodné konvenčné galérie alebo súbory knižnice, pre "VKontakte" to môže byť skupina album alebo obec (najlepšie zadarmo).

Ďalej, obraz má byť nakrájame na kúsky, a preto je nutné mať na pamäti, poradie, v ktorom sú prijímané diely. Vyrazené na nich nápisy a naplniť server písať odkazy na každom obrázku.

Vezmite vyššie uvedený kód a nahradiť požadované dáta. Potom vyplňte obraz na mieste v poradí, v ktorom by mali ísť. Zároveň, ak ju nakrájame na prúžky, potom je potrebné sa pýtať každý odkaz v novom riadku, ale ak ste zdieľali fotky do štvorca, potom je potrebné, aby v rade, ako veľa odkazov, ako sa ukázalo štvorca.

Robíme mapa stránok

Takže, ak sa vám nepáči, prvá verzia, a chcete sa dozvedieť, ako vytvoriť odkaz na obraz v obraze iným spôsobom, môžeme vám ponúknuť k vytvoreniu referencie mapy. To uľahčuje, tu môže dôjsť len s parametrami úlohy tohto problému. Preto bude lepšie pochopiť.

Po prvé, mali by sme si uvedomiť, že sitemap je pripojený k obrazu pomocou príkazu USEMAP = "# Map1, ktorý je predpísaný v tagu img Preto vyplnenie obrázok na webe, nezabudnite pripojiť značku v druhej časti. - USEMAP =" # mapa name ".

Ďalšie značkovacie obrazy do zón, ktoré sú pripojené k väzby sa vykonáva pomocou párového tagu , ktoré môžu byť umiestnené v akomkoľvek vhodnom mieste medzi párovými značkami .

Všimnite si, že pri použití tohto typu mapy by mal byť požiadaný nielen odkazy, ale aj oblasť svojej činnosti a súradníc. Ďalej sa pozrieme na základné parametre, ktoré má značku.

skratky nastavenia

Takže, pred vašimi očami, ready-referenčný obraz. HTML umožňuje výrazne zlepšiť funkčnosť obrazu - prideliť jej určitú oblasť pre referenciu. To všetko je daný špecifickými parametrami, ktoré teraz budú diskutované.

Hovorme trochu o základných parametroch párového tagu . Primárne tento názov, ktorý sa rovná hodnote USEMAP. Tak určíte, že karta je zapísaný na obrázku.

Ďalej vnútri páru tag predpisuje inú značku - , ktorý popisuje oblasť odkazu. Nie je to ten chlap, a samozrejme, že má svoje vlastné parametre.

Prvý z nich - tvar. S pomocou webmaster stanovuje druh poľa. To môže byť:

• circle - kruh;
• obdĺžnik - rect;
• Polygon - poly;
• Fotografie: odpočívadlo - Predvolené.

Ďalšie - coords. S pomocou súradníc plochy pixelu. Pôvod v tomto súradnicovom systéme - ľavý horný roh. To bolo potom, a je hlavný problém - nie je tak ľahké definovať súradníc podľa pixelov, a to najmä v prípade, že nie je znalosť počítačovej grafiky.

Spomenieme tiež celkom slávny href, ktorá určuje adresu odkazu.

A posledná možnosť, ktorú treba spomenúť, - nohref. Ukazuje sa, že táto oblasť nie je odkazom.

Samozrejme, že to nie je úplný zoznam parametrov, ktoré možno nastaviť obrázok alebo odkaz-máp. Ale v rovnakej dobe, bude to stačiť na vytvorenie jasnej a farebné odkaz alebo dokonca na celom svojom systéme.

Tipy

Bez ohľadu na spôsob vytvorenia spojenia, obrazy , ktoré si vyberiete, dôležité je, že pôvodný obrázok bol dobrý. Skúste si vybrať tie návrhy, ktoré nemajú upútajú, nedráždi svetlé farby alebo vzory. To je dôležité najmä pre mapy stránok. Môžete urobiť koláž niekoľkých fotografií, stmavenie je, alebo zapnúť jeden z filtrov v grafickom programe.

Pri vytvorení mapa stránok sa odporúča zvoliť snímku s mäkká, nedráždi vzory očí. Verte mi, nie je vždy kľúčom k úspechu - jasný obrázok -Link. "VKontakte", však sa často zameriavajú len na jasu a okázalosťou, s cieľom prilákať nových návštevníkov.

zistenie

Aby sme to zhrnuli. Sme s vami prišiel na to, ako vytvoriť odkaz na obraz v obraze, a pozrel sa na dva spôsoby, ktoré môžete byť rovnako dobre použité na vytvorenie menu rôznej obtiažnosti. Navyše, my sme vyriešili, ako nastaviť obraz-link a dozvedieť sa o hlavných parametrov, ktoré vám umožnia vytvoriť docela šikovný mapu lokality, skupiny alebo komunity.