Jak vytvořit odkaz na obraz v obraze? Jak vložit odkaz na obrázek

Vytváření bannerů a mapy stránek, začínající webmasteři se potýkají s tímto problémem, jak vložit odkaz na fotografii, s tím jasnější a zajímavější nabídky. Ale jak to provést? Není nic jednoduššího, pokud víte, HTML jazyk.

Pojďme zjistit, jak můžeme učinit realitu tohoto nápadu. V tomto článku se vám nabízíme dvě možnosti, jak problém vyřešit. Jeden používá jen zřídka vzhledem k tomu, že to vyžaduje hodně času a úsilí, zatímco druhý je považován za dobře známá. Analyzujeme s vámi oběma.

Tam, kde se používá jako-link

Předtím, než budeme mluvit o tom, jak vytvořit odkaz na obraz v obraze, budeme pochopit, kde a proč jsou používány. Koneckonců, bude snazší pochopit, co chceme z obrazu.

Obrázky Odkazy jsou běžně používány jako bannery, inzeráty tout výkresy. Příkladem jsou obrázky jsou všichni na stejné „VKontakte“. Pamatovat na to, kolikrát jste klikněte na fotografii, na který byl postaven konkrétní adresu? Kromě toho, často jsou používány ve formě nabídky skupin a komunit, a to zejména v případě, že obsahují speciální položky. Mnoho takových obrazy nalezeny na jiných místech.

Vložit odkaz do obrázku

Nejjednodušší věc - picture-link. To je o tom mluvíme, jak začít. Tento obrázek je připraven reference. Tj kliknutí na tuto ikonu, budete přesměrováni na novou stránku.

Pokud víte, jak je definována společným pojítkem s pomocí HTML značek, jsou problémy, které by mohly vzniknout. Jediný rozdíl je, že místo textových odkazů je uveden snímek.

Takže realizovat svůj plán, budete potřebovat obrázek sám, nahrané na internet či uložený v počítači (v závislosti na tom, zda pracujete v režimu online, ve skutečnosti na místě, nebo zadeystvuete editorů).

Hledáme obrazu adresu, napsat to, nezapomenout. Také opravit odkaz, který by měl otevřít tento obrázek.

Dále napište následující: href="http:// stránky - speciální kód , Image-link je definován s jeho pomocí.

Proto jsme se předepisují na odkaz, který se zobrazí ve formě obrázku. Docela snadné. Ale tento přístup jen tehdy, pokud si myslíte, že by měl existovat pouze jeden odkaz. Ale co v případě, že by měl být málo? Pak přejdeme k další možnosti.

Udělat nabídku obrazů

První metoda byla vyvinuta nezávisle na studium webových stránek značkovací jazyk. Vytvoření takové nabídky může trvat několik hodin.

Tato metoda je vhodná pro ty, kteří chtěli pohrát s různými editory, protože to je docela časově náročné a trvá o něco déle, než při vytváření jídelního lístku nebo druhým způsobem. to leží v tom, že obraz je přijato, který je dělen na několik pásů nebo čtverců. Každý obraz je podepsána, a je základem pro spojení, jak je popsáno výše. Dále kódová stránka značky jsou psány ve správném pořadí. Je to jen otázka, jak vytvořit obraz v obraze reference, téměř vyřešen. Ale nezapomeňte, o druhou možnost.

On je, aby menu pomocí jediného obrázku, žádat o každou zónu ilustrují jeho odkaz. Nebojte se, nic to nesmírně složité v tom. Nyní popořadě.

Jak se dělá

Pojďme prozkoumat trochu víc na první cestu.

Za prvé, budete potřebovat znalost grafických editorů a HTML. Jak vytvořit referenční obraz, vypovídá tento druh značkovacích stránek.

Takže, pokud jste se rozhodli jít touto cestou, budete potřebovat obrázek a jednoduchý grafický editor, který vám umožní snížit obrázky a dát na jejich etiketách, jakož i místo, kde si bude moci naplnit.

Pokud je to vaše vlastní webové stránky - vhodné konvenční galerie nebo soubory knihovny, pro „VKontakte“ to může být skupina album nebo obec (nejlépe zdarma).

Dále, obraz má být nakrájíme na kousky, a proto je nutné mít na paměti, pořadí, ve kterém jsou přijímány díly. Vyražené na nich nápisy a naplnit server psát odkazy na každém obrázku.

Vezměte výše uvedený kód a nahradit požadovaná data. Pak vyplňte obraz na místě v pořadí, ve kterém by měly jít. Zároveň, pokud ji nakrájíme na proužky, pak je třeba se ptát každý odkaz v novém řádku, ale pokud jste sdíleli fotky do čtverce, pak je třeba, aby v řadě, jak mnoho odkazů, jak se ukázalo čtverce.

Děláme mapa stránek

Takže, pokud se vám nelíbí, první verze, a chcete se dozvědět, jak vytvořit odkaz na obraz v obraze jiným způsobem, můžeme vám nabídnout k vytvoření reference mapy. To usnadňuje, zde může dojít pouze s parametry úlohy tohoto problému. Proto bude lépe pochopit.

Za prvé, měli bychom si uvědomit, že sitemap je připojen k obrazu pomocí příkazu USEMAP = „# MAP1, který je předepsán v tagu img Proto vyplnění obrázek na webu, nezapomeňte připojit značku ve druhé části. - USEMAP =“ # mapa name“.

Další značkovací obrazy do zón, které jsou připojeny k vazby se provádí pomocí párového tagu , které mohou být umístěny v jakémkoliv vhodném místě mezi párovými značkami .

Všimněte si, že při použití tohoto typu mapy by měl být požádán nejen odkazy, ale i oblast své činnosti a souřadnic. Dále se podíváme na základní parametry, které má značku.

zkratky nastavení

Takže, před vašima očima, ready-referenční obraz. HTML umožňuje výrazně zlepšit funkčnost obrazu - přidělit jí určitou oblast pro referenci. To vše je dán specifickými parametry, které nyní budou diskutovány.

Mluvme trochu o základních parametrech párového tagu . Primárně tento název, který se rovná hodnotě USEMAP. Tak určíte, že karta je zapsán na obrázku.

Dále uvnitř páru tag předepisuje jinou značku - , který popisuje oblast odkazu. Není to ten chlap, a samozřejmě, že má své vlastní parametry.

První z nich - tvar. S pomocí webmaster stanoví druh pole. To může být:

• circle - kruh;
• obdélník - rect;
• Polygon - poly;
• Fotografie: odpočívadlo - Výchozí.

Další - coords. S pomocí souřadnic plochy pixelu. Původ v tomto souřadnicovém systému - levý horní roh. To bylo pak, a je hlavní problém - není tak snadné definovat souřadnic podle pixelů, a to zejména v případě, že není znalost počítačové grafiky.

Zmíníme také docela slavný href, která určuje adresu odkazu.

A poslední možnost, kterou je třeba zmínit, - nohref. Ukazuje se, že tato oblast není odkazem.

Samozřejmě, že to není úplný seznam parametrů, které lze nastavit obrázek nebo odkaz-map. Ale ve stejné době, bude to stačit k vytvoření jasné a barevné odkaz nebo dokonce na celém svém systému.

Tipy

Bez ohledu na způsob vytvoření spojení, obrazy , které si vyberete, důležité je, že původní obrázek byl dobrý. Zkuste si vybrat ty návrhy, které nemají upoutají, nedráždí světlé barvy nebo vzory. To je důležité zejména pro mapy stránek. Můžete udělat koláž několika fotografií, ztmavení je, nebo zapnout jeden z filtrů v grafickém programu.

Při vytvoření mapa stránek se doporučuje zvolit snímek s měkká, nedráždí vzory očí. Věřte mi, není vždy klíčem k úspěchu - jasný obrázek -link. „VKontakte“, nicméně se často zaměřují pouze na jasu a okázalostí, s cílem přilákat nové návštěvníky.

zjištění

Abychom to shrnuli. Jsme s vámi přišel na to, jak vytvořit odkaz na obraz v obraze, a podíval se na dva způsoby, které můžete být stejně dobře použity k vytvoření menu různé obtížnosti. Navíc, my jsme vyřešili, jak nastavit obraz-link a dozvědět se o hlavních parametrů, které vám umožní vytvořit docela šikovný mapu lokality, skupiny nebo komunity.