Kód na Ikonu a banner

Chcete si vytvoriť vlastú Ikonu stránky alebo banner ? tak tu sú 2. HMTL kódy pre jeho umiestnenie a publikovanie:

Na spodku stránky nájdete podrobné vysvetlenie a návod na vytvorenie a publikovanie vlastnej reklamy Ikony či banneru.

 

a.) HTML kód na ikonu alebo banner či logo s popisom po najetí myši, otvorí v tom istok okne:


<A  target="_blank" HREF=' ADRESA STRANKY ?iconapply=yes' TITLE=' NAZOV STRANKY '><img SRC=' URL ADRESA OBRAZKU ' alt='HTMLky' border='0' ></A>


 target="_blank" - ok toto odstránite z HTML kódu stránku bude otvárať v tom istok okne, inak ak to necháte v kóde bude ju otvárať v novom okne priehladača

https://sites.google.com/site/mojeuloziskof/home/odelovac%202.png

 

b.) HTML, otvorí v novom okne:


<a href="ADRESA SRÁKY"_blank"> <img src="URL ALEBO ADRESA IKONY ALEB BANNERU" ></a>


 

https://sites.google.com/site/mojeuloziskof/home/odelovac%202.png

 

c.) HTML, otvorí v novom okne lebo je v kóde " target="_blank" - ak to odstránite otvorí v tom istom:


<A HREF="ADRESA STRÁNEK " target="_blank"><img src="URL IKONKY NEBO BANNERU " border="0" width="ŠÍŘKA" height="VÝŠKA"></A>


 

https://sites.google.com/site/mojeuloziskof/home/odelovac%202.png

 

D.) HTML, centrované na stred, otvorí v aktuálne otvorenom (v tom istom) okne:


<p style="text-align: center;"><a href=" ADRESA STRANKY ?iconapply=yes" title=" NAZOV STRANKY "><img border="0" src=" ADRESA OBRAZKU/IKONY " alt="HTMLky" /></a></p>


 

 Ukážka:

HTMLky

 

https://sites.google.com/site/mojeuloziskof/home/odelovac%202.png

 

Návod pre tvorbu vlastnej Ikony (obrázku):

- ikona ako vydíte na obrázku vyššie alebo banner či už akýkoľvek iný obrázok slúži na webových stránkach ako propagácia či reklama vašej web stránky

- ide o jednoduchý spôsob ako si môžete prostredníctvom HTML kódu vašej ikony vymienať tieto ikony s inými stránkami prípadne ich umiestnovať na iné stránky

 

Na ideme na to:

1. Ako prvé si musíte vytvoriť obrázok vašej ikony alebo banneru (reklamy) a na to vám môže poslúžiť celá rada programov či už profesionálnych platených alebo free ba dokonca aj Skicár (malovaní) ktorá má každý Windows.

Najlepší free program pre tvorbu takýchto obrázkov je rozhodne GIMP ktorý si zdrama môžete stiahnuť na tejto web stránke:

http://www.gimp.org/

Po jeho stiahnutí a nainštalovaní sa ale už musíte trošku naučiť s ním pracovať.

 

2. Ak už viete trošku narábať s GIMPom tak si vytvoríte prázdny dokument vašej ikony, štandardné veľkosti Ikon používaných na interte sú:

Rozmery Bannerov:

Štandardný banner 468x60, 468x90, 468x100 Screen 610x200, 775x200, 950x200, 745x70 Square 300x300, 200x200
Wide banner 610x90, 775x90 Skyscraper 120x600 Box

150x150, 150x300, 183x390

Tabuľka je zo stránky http://interactiv.webnode.sk

 

Alebo pre najmenšiu web ikonu je to 88x31 px

 

3. No ak už ste si váš obrázok vytvorily musíte ho nahrať (umiestniť niekde na web) na nejaký server ale pozor musí byť priamo dostupný, to znamené že servery ako Uložto a podobne vám nepomôžu pretože neobsahujú priamo url adresu k súboru, takže vám odporúčam umiestniť to na vašu web stránku alebo na nanejakú web stránku ktorú si môžete vytvoriť len pre tento účl a vhodnými pre to sú napríklad Webgarden.cz, Googleweb, Webnode.sk a mnohé iné ktoré vám po nhratí súboru umožnia priamu cestu k nemu.

 

4. No ak už ste si ten váš súbor (obrázok) nahrali a uložily niekde na webe musíte zistit jeho URL (www) adresu a to zistíte jednoducho tak že si ten obrázok otvoríte v novom okne prehliadača a adresu budete mať tam kde zadávaťe adresy web stránok, bude začínať http://..........

 

5. No a ak už máte obrázok nahraný na internete a zistenú jeho adresu stačí už len doplniť vaše údaje do nasledujúceho HTML kódu ktorý bude slúžiť na umiestnovanie vášho banneru:

V tom HTML kóde nižšie už len nahradte hrubo vytlačené texty vašími údajmi, čiže miesto ADRESA STRANKY zadajte adresu web stránky ktorá sa bude po kliknutí na obrázok otvárať, adresu zadávajte vždy s http:// nie len s www., potom NAZOV STRANKY zadajte názov vašej web stránky, toto sa bude zobrazovať ak niekto myšou prejde po obrázku vašej ikony, a nakoniec URL ADRESA OBRAZKU nahradte už spomínanou adresou vašej ikony ktorú ste si nahrali niekde na web a je to hotové.

Potom už len stačí si ten celý váš upravený HTML kód skopírovať na miesto kde chcete vašu ikonu umiestniť a môžete ešte pozrieť aj rubriku cebtrovanie-zarovania/ kde môžete vašu ikonu zarovnať na stred web stránky alebo na okraje.

Ak chcete však vašu ikonu dalej publikovať teda umožnoť ostatným návštevníkom aby si mohli jej HTML kód zkopírovať a umiestniť na ich web stránku tak na to potrebujete Tabuľku na umiestnenie HTML kódu ktorú nájdete tu: http://htmlky.webnode.sk/htmlkody tam jednoducho nahradíte text VAS HTML KOD TU  HTML kódom tej vašej ikony a on sa potom bude zobrazovať v tabuľke a bude ho možné zkopírovať.

 

Ak máte akékoľvek dotazy prosím napíste nám do Fóra alebo ma kontaktuje E-mailom na Freeflashes@gmail.com

 

 

HTML kód na ikonu alebo banner či logo s popisom po najetí myši, otvorí v tom istom okne:


<A  target="_blank" HREF=' ADRESA STRANKY ?iconapply=yes' TITLE=' NAZOV STRANKY '><img SRC=' URL ADRESA OBRAZKU ' alt='HTMLky' border='0' ></A>


 

 target="_blank" - ok toto odstránite z HTML kódu stránku bude otvárať v tom istok okne, inak ak to necháte v kóde bude ju otvárať v novom okne priehladača

 

Poznámka:

Vaše reklamy ikony či bannery nemusia byť len statícké, môžu byť aj pohyblivé čo vám umožňujú súbory ako .Gyf alebo .swf

Viac o tomto sa dozviete tu: http://interactiv.webnode.sk



Share

TOPlist