Děláme stránky v HTML editoru - 11. část

Náš kurz tvorby stránek v HTML editoru se pomalu chýlí ke konci. Protože, když uděláme stránku, chceme, aby ji i někdo navštěvoval, bude dnes řeč o bannerech, ale i o počítadlech.

     Chceme-li mít velkou návštěvnost naší stránky, musí se o ní vědět. K tomu vede několik cest. Předně je dobré si zadat naši stránku do různých rozcestníků, jako je Seznam, Atlas, Centrum, Caramba a dalších, o kterých jsme se již zmiňovali minule v souvislosti s optimalizací stránek. Zde nacházíme nejrůznější odkazy a je možnost si tam i přidat odkaz na vlastní stránku. Dále nám mohou pomoct různé sledovače návštěvnosti, např. TOPlist. Podíváte-li se do něj, zjistíte, že zde najdete mnoho různých stránek v různých kategoriích a dočtete se zde i jejich návštěvnost.

     TOPlist například funguje na principu, že si na svoji stránku umístíte jejich ikonku, na níž můžete vidět i vaši návštěvnost (může tedy mít současně funkci počítadla) a oni sledují, jak často se tato ikonka někomu zobrazuje v prohlížeči.

     Zde například vidíte průměrnou čtenost eKamaráda a jak na tom je v sobotu krátce po desáté hodině, kdy byl díl psán. TOPlist samozřejmě neslouží pouze autorům stránek ke sledování vlastní návštěvnosti, ale také jako rozcestník.

     Druhou možností je výměnná reklama, např. v Billboardu. Ta funguje na tom principu, že se vám na vaší stránce zobrazuje reklama někoho jiného, za kterou získáváte kredity a za tyto kredity potom spouštíte vlastní kampaně, v rámci kterých se vaše bannery zobrazují jinde. Tento výměnný poměr může být teoreticky až 1:1, ale většinou je mírně horší, řekněme 1:1,5 či 1:2. To je z toho důvodu, že provozovatelé těchto výměnných systému musí také vydělat na úhradu svých nákladů. To dělají tím, že reklamní prostor také prodávají a pro tuto placenou reklamu musí získat prostor. Pokud by měli stále reklamní poměr 1:1, tak by ji nemohli umístit.

     Tento reklamní systém má své pravidla, která vám umožní dát na stránku maximálně tři bannery z tohoto systému, z toho pouze dva stejného typu. Nesmí zde být stránky propagují erotiku, porno, nelegální stránky, surfování za peníze apod. Své kampaně můžete poměrně dobře směrovat, můžete zakázat kategorii, které nechcete, aby se na vašich stránkách zobrazovaly, pak se ale ani vaše bannery nezobrazují na stránkách těchto kategorií. Vidíte zde i statistiky a to jak vašich kampaní, tak toho, jak se zobrazují bannery na vašich stránkách a jak za ně získáváte kredity. Funkcí je zde opravdu hodně.

     Najdete zde samozřejmě podrobná pravidla, které nemá cenu zde citovat. Můžete i zakázat určité typy bannerů. Např. na eKamarádu jsou zakázané bannery blikající, kontroverzní a s erotickým podtextem.

     Aby jste si mohli umístit na stránku banner Billboardu, je třeba si jej nejprve vygenerovat. Předvedeme si to na banneru Full Banner s rozměry 468 x 60 pixelů v horní viditelné pozici. Zde si i můžete zvolit, zda se propagovaná stránka otevře v novém nebo stejném okně.

     Když vše nastavíme, jak potřebujeme, klikneme na "Generovat HTML kód".

     Rovnou vidíme, jak bude zobrazovaný banner vypadat. Nejsme-li spokojeni, můžeme se vrátit, změnit nastavení a znova generovat. Až to bude podle našich představ, kód si buď necháme poslat emailem a nebo si jej přímo zkopírujeme ze stránky.

     Nyní jej musíme vložit do naší stránky. Proto si otevřeme ve Front Page Expressu stránku stranka.htm. Kurzor umístíme do horní prostřední buňky tabulky a vycentrujeme.

     Nyní si ukážeme, jak kód banneru vložíme. V horním menu Front Page klikneme na "Vložit" a dále "Kód HTML". Do zobrazeného okna vykopírujeme vygenerovaný kód banneru.

     Nyní klikneme na OK a banner sice neuvidíme, ale vidíme, že je vložen. Vidět bude až v prohlížeči.

     Nyní si předvedeme, jak můžeme vkládat jiné bannery. Buď máme jejich kód a vložíme je obdobně, pak je banner načítám přímo z originální stránky, kde je umístěn a nebo si jej stáhneme. Je to v podstatě obrázek. My si ukážeme oba případy. Kurzor teď dáme do spodní prostřední buďky a opět jej vycentrujeme. V horním menu nyní dáme "Vložit" a "Obraz". V otevřeném okně klikneme na "Z místa" a napíšeme adresu banneru eKamaráda, která je http://www.ekamarad.cz/bannery/ekamarad.ekam1.gif.

     Když nyní klikneme na OK a protože jde o obrázek, banner zde rovnou vidíte. Ve Front Page Expressu ale samozřejmě nevidíte, že jde o animovaný banner.

     Nyní ještě musíme nastavit vlastnosti tohoto obrázku. Do umístění napíšeme adresu http://www.ekamarad.cz a ve vzhledu zadáme umístění doprostřed.

     Teď si stejným způsobem umístíme ještě čtvercové bannery. To si už vyzkoušejte sami, pouze vám k nim zadáme cesty. Do buňky v prostředním řádku dáme pod sebe bannery na internetstudio a na Tuláckého Bratříčka. Adresy na bannery jsou na internetstudio http://www.ekamarad.cz/bannery/is/is2.gif a jeho adresa je http://www.internetstudio.icok.cz a na banner Tuláckého Bratříčka http://www.ekamarad.cz/bannery/tulbra/tulbra2.gif a adresa na magazín je http://www.tulackybratricek.ekamarad.cz. Jak by to mělo vypadat?

     Do pravé buňky v prostřední řádku teď dáme několik ikonek. Tady to uděláme trochu jinak a stáhneme si je přímo z eKamaráda. Vytvoříme si na ně adresář ikonky. Ve Front Page Expressu klikneme na "Soubor" a "Otevřít" a dále se již známým způsobem dostaneme na toto okno.

     Nyní klikneme pravým tlačítkem myši dovnitř do okna a dáme "Nový objekt", dále "Složka" a vznikne nám Nová složka, v níž tento název přepíšeme na "ikonky".

     Okno opustím kliknutím na "Storno" a následující okno taktéž stornujeme. Adresář "ikonky" tam zůstane. Nyní si v prohlížeči otevřete eKamaráda a začneme stahovat ikonky. Stahovat je budeme stejným způsobem jako obrázky, tedy klinutím pravým tlačítkem myši na ikonce a dále "Uložit obrázek jako" a uložíme ho do nově založeného adresáře "ikonky".

     Začneme v levém sloupci a stáhneme ikonku na Dětskou seznamku, která se jmenuje seznam3.gif. Dále si z tohoto sloupce stáhněte ikonky Informačního centra dětí (icd3.gif), Virtuálního oddílu informatiky (voddil3.gif), Fanklubu Majáků (fcmajak3.gif), Klubu ekamarádů (xko3.gif) a z pravého sloupce si stáhneme ikonku SKSK ČR (sksk3.gif).

     Nyní se přepneme opět o Front Page a začneme ikonky umísťovat do buňky, která je v prostředním řádku úplně vpravo. Klikneme sem myší a vycentrujeme kurzor. Dáme vložit obraz a bude vkládat již známým způsobem. Necháme volbu "Ze souboru" a klikneme na "Procházet". Proklikáme se do našeho adresáře "html" a v něm do adresáře "ikonky". Nejprve si vybereme seznam3.gif. Ikonku rovnou vidíte a hned na ní klikneme pravým tlačítkem myši a zadáme "Vlastnosti obrazu". Zdroj obrazu už máte přednastavený, je "ikonky/seznam3.gif". Do umístění napíšeme adresu Dětské seznamky http://www.seznamka.icok.cz a ve vzhledu zarovnáme doprostřed.

     Stejným způsobem si pod tuto ikonku vložíme další ikonky v tomto pořadí a nasměrované na tyto adresy:

     1. icd3.gif     http://www.icd.icok.cz 
     2. sksk3.gif http://www.skskcr.cz 
     3. xko3.gif   http://www.xko.ekamarad.cz 
     4. fcmajak3.gif  http://www.fcmajaky.icok.cz 
     5. voddil3.gif  http://www.virtualnioddil.icok.cz

     Nyní umístíme do pravého horního rohu počítadlo. Jde o to, jaké vybrat. Různá počítadla totiž mají různé vlastnosti. Vybereme si počítadlo, které je na eKamarádu, které počítá denně pouze jediný přístup z jedné IP adresy. Počítadla, která počítají každý přístup, jsou totiž na nic. Fungují tak, že máte-li počítadlo na hlavní stránce, započtou váš přístup. Odskočíte na podstránku a z ní se vrátíte zpět na hlavní stránku a při tom započtou další přístup.

     Zmíněné počítadlo najdete na adrese http://pocitadlo.netway.cz. Když se dostanete na jeho úvodní stránku, klikněte na Nové počítadlo. Na stránce "Vytvoření" počítadlo nejprve pojmenujeme. My jej nazveme jej "skolni", vy si jej budete muset pojmenovat jinak. Dále zadáme heslo pro jeho editaci, místo kterého se nám budou zobrazovat hvězdičky. Proto to po vás bude chtít napsat heslo pro kontrolu ještě jednou. Počáteční stav necháme 0 a necháme i volbu počítat jednou denně. I toto počítadlo, pokud by jste to chtěli, umí počítat každý přístup. Dále vyplníte emailovou adresu, na kterou chcete zasílat statistiky přístupů a zaškrtnete, zda chcete posílat emaily nebo ne a při kolika přístupech. Standardně máte přednastaveno neposílat a 100 přístupů. Zvolte si, co vám vyhovuje. Nezapomenete-li heslo, můžete to v budoucnu kdykoliv změnit a nakonec kliknete na "Vytvořit počítadlo".

     Byli jsme informováni, že počítadlo "skolni" už existuje a proto jsme jej nakonec nazvali "skolni1". Pokud se vám to stane také, neklikejte na odkaz "Zpět", který nabízí stránka, ale klikněte na "Zpět" v levém horním rohu prohlížeče. Ušetříte si tak kompletní vypisování všech údajů znovu. Pokud použijete "Zpět" ze stránky, celý formulář se vám vymaže. Kliknete-li na zpět v prohlížeči, vymaže se pouze heslo.

     Vypsaný kód nyní vložíme obdobně, jako jsme vkládali banner Billboardu. Klikneme do pravé horní buňky a vycentrujeme kurzor. Poté dáme v hlavním menu "Vložit" a dále "Kód HTML". Do políčky vykopírujeme kód počítadla a potvrdíme OK.

     Protože prostřední buňka je poloprázdná, zaplníme ji ještě nějakým dalším textem. Dosavadní text odentrujeme a dopíšeme: "Stránka už vypadá celkem k světu. Naučili jsme se vkládat bannery a to jak z místa, tak si je stáhnout. Máme už vložené i kvalitní počítadlo. U této stránky na první pohled, pokud se nekouknete na zdroj, ani nepoznáte, že je tvořena ve Front Page Expressu." Dáme opět Enter a pokračujeme: "Stále ale je co vylepšovat a na svých stránkách jejich tvůrci pracují stále, aby byly lepší a lepší."

     Nyní už stránka vypadá zase lépe. Má sice ještě své nedostatky, ale těm se budeme věnovat zase příště. Po dnešku již umíte základy tvorby stránky v HTML editoru. V příští, poslední lekci, stránku ještě drobně vylepšíme a řekneme si pár rad na závěr. Nyní si stránku nahrajte a podívejte se, jak vypadá. Stačí, když tentokrát nahrajete adresář "ikonky" a stránku stranka.htm. Nic jiného jsme neměnili. Dnešní lekci najdete na adrese http://www.html11.ekamarad.cz.