| Favicon – a predsa sa točí! |
|
|
|
Tvorba webstránok | Prečítané 8871x Čestne sa priznávam, slovo favicon bolo aj pre mňa na začiatku neznámym pojmom. Preto si dovoľujem podrobnejšie popísať o čo vlastne ide – možno tento článok číta práve začínajúci tvorca webstránky... FavIcon je vlastne skratka z Favorites Icon. Ak surfujete na Internete a ukladáte si svoje obľúbené webové stránky (Favorites), určite ste si už všimli, že po otvorení obľúbených položiek (záložiek) niektoré odkazy majú pred názvom malý farebný obrázok. Táto ikonka sa zobrazuje aj vo vašom prehliadači, keď máte stránku aktívnu (otvorenú). Tieto farebné obrázky sa volajú FavIcon. Takto sa odlišuje a rýchlejšie identifikuje webstránka od ostatných. Časom sa stáva, že už nehľadáme názvy, ale logo firmy, ikonu (favicon) webstránky. Preto sa každý lepší webmajster snaží o odlíšenie svojho webu od priemeru. Jedna zo základných krokov je vytvorenie favicon.ico.
Ako vytvoriť jednoduchú ikonu: favicon.ico ? Favicony sa vytvárajú vo veľkosti 16x16 alebo 32x32 px . Ak ste sa pustili do tvorby webstránky, určite pracujete aj s grafickými nástrojmi, kde vytvoriť favicon.ico pre vás nie je problém. Problém môže nastať vo chvíly, keď máte ikonu hotovú, ale dávate si otázku: ako a kam ju mám umiestniť, aby sa aj zobrazovala v prehliadačoch? Riešenie je jednoduché, potrebujete len doplniť do vášho index.html, resp. index.php súboru nasledovný riadok: <link rel="shortcut icon" href="favicon.ico" > Pozor! Musí byť medzi tagmi <head> a </head> . Vytvorenú ikonku (favicon.ico) uložte na server do root
adresára. Ak pracujete s niektorým CMS systémom (redakčný systém,
ako napríklad phpRS, Nuke, Joomla!, atd.) informujte sa na príslušných fórach,
kam sa ukladá súbor favicon. Napríklad pri Joomla! máte favicon.ico už prednastavenú a nájdete ju v images adresári. Vtedy vami vytvorenú ikonku neukladáte do root adresára, ale do images a do index.php vašej aktuálnej šablóny doplňujete takýto kód (ak už tam nie je samozrejme): <link rel="shortcut icon" href="images/favicon.ico" >
Lenže tak ako v iných oblastiach života, aj tu chceme byť iní a lepší ako tí dobrí .... Preto ak už raz máme favicon.ico na našom webe, prečo ikonku neroztočiť? Je možné, aby sa FavIcona aj pohybovala? napríklad takto:
Riešenie existuje vždy, tak ako na všetko v našom živote! No predtým, ako sa pustíte do ručnej animácie vašej ikonky, mám pre vás dobrú správu:
Vytvorte si pohyblivú ikonu (favicon) online bez toho, aby ste sa trápili s vašim grafickým software-om!
Postup: - pomocou služby od FavIcon from Pics vytvorte svoju animovanú faviconu (anim_favicon.gif).Vyberte obrázok (logo) samozrejme väčší, ako 16x16 alebo 32x32 px !!! - otestujte vytvorené ikony, ako budú vyzerať v prehliadači, keď ich aplikujete (Test in Browser) Ak sa vám výsledok nebude páčiť, nemusíte sťahovať vytvorené ikony, zadáte ďalší obrázok.- ak sa favicony vydarili, stiahnite si ich do vášho počítača (download FavIcon). Zip súbor obsahuje klasickú ikonu favicon.ico, animovanú formu (anim_favicon.gif) a ReadMe.txt (návod). - otvorte súbor ReadMe.txt, kde nájdete postup umiestnenia vytvorených ikoniek a hlavne kód, ktorý musíte umiestniť do vášho index.html alebo index.php súboru (návod je v angličtine). - postup aplikácie je totožný s vyššie popísaným (v prvej časti článku), čiže: favicon.ico a anim_favicon.gif prekopírujte na server do root, alebo images adresára a kód z ReadMe.txt prekopírujete do index.html súboru (pri CMS – do index.php aktuálnej šablóny!)
Pre ilustráciu, kód bude vyzerať približne takto: <link href="http://www.vasadomena.sk/images/anim_favicon.gif" rel="icon" type="image/gif"> Po prekopírovaní kódu nezabudnite prepísať vasadomena.sk na názov vašej domény! Ako posledný krok odporúčam otestovať validitu (správnosť aplikácie) vašej favicony. Ak ste preniesli vytvorené ikony správne, mali by ste dostať približne takýto výsledok: Gratuľujem! Teraz sa už môžete oprieť o stoličku a vzdychnúť si: A predsa sa točí!
Vytvorte svoju animovanú favicon-u rýchlo a jednoducho:
Len registrovaní užívatelia môžu komentovať článok. |
|||||
| < Predchádzajúca | Ďalšia > |
|---|




O tom ako dosiahnuť úspech a tým aj šťastie sa napísalo veľa kníh. Väčšina obchodných firiem svojich zamestnancov pravidelne školí ako majú dosiahnuť úspech vo svojom odbore. V podstate polovica môjho prvého CD-čka 



pošli do vybrali.sme.sk
