18. 09. 2006 | Tvorba webstránok | Prečítané 6342x
V kurze: „Ako zarobiť na internete“ sme sa v niekoľkých článkoch dotkli témy: ako si vytvoriť vlastnú webstránku. Podľa štatistík čítanosti Einfo.sk je táto téma stále aktuálna, preto vám dnes prinášam zaujímavosť, ktorú možno ocenia aj skúsenejší webmajstri.
Č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 !!!  Kliknite pre zväčšenie - 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!  Kliknite pre zväčšenie
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:
 pošli do vybrali.sme.sk
 pošli na Linkuj.cz
|
ryer
Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
 dňa: 2010-02-02 04:19:28
we offer cheap wow gold and wow gold or wow power leveling
| Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-06-09 06:52:23
Do you know vindictus gold? If you know vindictus online gold, I think you often buy vindictus gold, if you do not know cheap vindictus gold, I think you need vindictus money.
| Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-03 07:57:44
YetbeforeToshiba laptop battery theDell laptop battery floating Ibm laptop batteryimpressCompaq laptop battery of theAcer laptop battery woods couldLenovo laptop battery clear itselfHp laptop battery, suddenlyApple laptop batterythe gladsomeHP Pavilion battery light leapedApple macbook battery over hillIbm thinkpad battery and valleyAcer travelmate battery, casting amberToshiba satellite batteryblue.
| dfdf12
Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-12 04:51:25
I bought six beach towels for men wholesale clothing my three children and spouses Wholesale Men clothing as an Easter treat. I Wholesale women clothing was very impressed power stripwith the quality/thickness truck crane of the towels as well as road sweeper the bigger size. I had ignition unit gotten each a different design work gloves with their names monogrammed leather gloves and liked them so much, I decided Polyvinylpyrrolidone to order one for google排名 myself. Can't wait to Google优化 take to the beach! I had wanted to women wholesale clothing order them for 2009 Christmas gifts, but they weren't mobile crane available at that time. Don't wait, order now.
| 432
Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-12 05:51:46
hihair productsDo you want to do hair fluttering in the wind
hiSony laptop batteryconfirmation that blogs,
hiLG laptop batterysocial networks, and games are
hiCompaq presario batteryovertaking everything else on the 'Net
hiAcer aspire batteryNielsen has released its latest statistics.
hiHP Pavilion dv6000 laptop batteryThey show that Americans
hichristian louboutinnow spend almost a quarter of their
hichristian louboutin shoesPC/laptop days and nights on social
hichristian louboutin shoes salenetworking sites and blogs.
hichristian louboutin saleThat's a 43 percent jump from a year ago.
hibuy christian louboutin shoesBut the media survey company notes
hijuicy couture shoesthat at the same time computer
hiaJuicy couture tracksuit Sports fashion is you want to have
hicopper fountainBeautiful and seductiveIf you want to have
hibinocularsIf you want to see the true beauty of the United States far
tkanks.
| Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-16 05:51:47
80后的小窝
80后的小窝
80后的小窝
| Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-16 05:52:31
Accueil wow Site Web 
| Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-24 08:23:11
Wearing mbt Shoes allow you an active and healthy lifestyle. Vibram Five Fingers are perfect for fitness running. wearing Skechers Shoes you will not only lose weight but have in improved posture and a firm polyurethane frame supports. The Reebok Shoes look fantastic, and has a contemporary and stylish design.
| http://www.ghdhairstraighteners-au.com
Napísal(a)
Táto e-mailová adresa je chránená pred spamovými robotmi, potrebujete mať zapnutý Javascript aby ste ju mohli vidieť.
dňa: 2010-08-26 04:45:24
ghd hair
ghd australia
ghd straighteners
pink hair straightenrs
hot hair
ghd mk4
hair irons
ghd hair styler
ceramic straighteners
straightener hair
hair straightening irons
straightening irons
straightners
ghd iv styler
mini hair straightener
best ghd straighteners
hair straighener sale
hair straightener
ghd pink styler
|
|
| V komentári sa držte témy článku, nevhodné komentáre budú vymazané! (*)Ochranný kód je potrebný proti SPAM-u. |
|
Toto motivačné CD Vám prináša techniky a spôsoby ako „vyčistiť „ svoju myseľ
