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

Protože dnešní lekce vychází právě na Silvestra, probereme si několik vylepšení, které mohou naše stránky zpestřit a pokusíme se omezit teoretický výklad na minimu.

     V dnešní lekci se naučíme několik fíglů, kterými se dá stránka vylepšit. Doporučujeme jich ale užívat s mírou a nepřehánět to s nimi. A nejlepší bude, když si pro ně založíme samostatnou podstránku, kterou nazveme Silvestr 2002. Na naší stránce index.htm si tedy najeďte kurzorem pod poslední obrázky a napište Silvestr 2002. Tento text zvětšete dvojím kliknutím na A, vycentrujte na střed a zvolíme tmavě zelenou barvu. Nyní ho dáme do bloku a vytvoříme hypertextový odkaz odkazující na stránku silvestr.htm. Ten vám v Front Page Expressu zmodrá, ale tím se nevzrušujte, protože v prohlížeči by měl být zelený. To docílíme, klikneme-li v hlavním menu na "Formát" a potom na "Pozadí." V políčku "Hypertextový odkaz" nastavíme zelenou.

     Celková stránka nyní vypadá takto:

     Nyní založíme novou stránku "Soubor" - "Nový" - "Normální stránka" a nadepíšeme ji Silvestr 2002. Stránku hned uložíme a to "Soubor" - "Uložit jako" a pojmenujeme soubor silvestr.htm. Text "Silvestr 2002" dáme do bloku a ten uložíme současným stiskem kláves Ctrl a C a po té čtyřikrát vykopírujeme pomocí současného stisku kláves Ctrl a V. Takže nyní jej máme celkem pětkrát. Přitom texty od sebe oddělíme vždy třemi tvrdými mezerami. Pak dáme celý text do bloku a zvětšíme jej dvojím kliknutím na A. a dáme mu modrou barvu. Dále klikneme v hlavním menu na "Vložit" a v rozvinutém menu na "Běžící text".

     V "Barvě pozadí" nastavíme žlutou, zpoždění zmenšíme na 30, k textu zarovnáme nahoru a jinak vše necháme tak, jak je a potvrdíme kliknutím na OK. Nyní si otevřeme stránku http://www.virtualnioddil.icok.cz a z ní si stahneme jednu obálku z pozadí. Klikneme na ní pravým tlačítkem myši a dáme "Uložit pozadí jako" a potom se proklikáme do našeho adresáře obr.

     Nyní si otevřeme ve Front Page opět naši stránku silvestr.htm, vycentrujeme kurzor a vložíme tabulku o jednom řádku a jednom sloupci.

     Nastavíme zde šířku 600 pixelů, barvu pozadí stříbrnou, barvu okrajů tmavě modrou, hustotu buněk 1.

     Nyní otevřeme opět v hlavním menu "Formát" - "Pozadí" a klikneme na úplně levý sloupec "Obecné".

     Ukážeme si, jak se umístí zvuk na pozadí. K tomu je třeba mít zvukový soubor. My jej máme uložen v našem adresáři html a ukážeme si, jak je vložit na pozadí stránky. Klikneme na "Procházet".

     Necháme volbu "Ze souboru" a znova klikneme na "Procházet".

     Nyní vybereme typ soubor. My máme MID a po jeho nastavení se nám zobrazí soubor medvidek2.mid. Klikneme na něj a potom na "Otevřít".

     Dále klikneme na "Pozadí".

     Zde klikneme na "Obraz pozadí" a "Procházet", dále pak necháme volbu "Ze souboru" a znovu klikneme na "Procházet". Klikneme dvakrát na adresář "obr" a vybereme obrázek obalka.gif, který jsme si stáhli.

     Potvrdíme "Otevřít" a dáme OK.

     Na pozadí máme obálky. Protože je to pozadí dost neprůhledné, vytvořili jsem si pro další text tabulku. Pokud bychom měli světlé nebo průhledné obrázky, mohli bychom přes ně přímo psát.

     Vycentrujeme si kurzor v tabulce a vyzkoušíme se nějaké lepší písmo. Tady bychom chtěli varovat před příliš netypickými ozdobnými druhy písma. To, co vidíte na různých stránkách jako ozdobné nadpisy totiž není text, ale obrázky. Ne každý prohlížeč umí zobrazit všechny typy písma. Proto doporučujeme používat jenom ty základní, nejčastěji Time New Roman nebo Arial. Celkem bez problémů ale jde použít i písmo Comic San MS, které si nyní nastavte. Zvětšete jej dvojím kliknutím na A, nastavte barvu žlutou a napište "Šťastný a veselý Nový rok".

     Nyní zkusíme stránku ještě vylepšit nějakou animací. Tu si stáhneme ze stránky http://www.bratul.ekamarad.cz/bratrstvo/martas.htm, kde ji najdeme zhruba v půlce hned u ankety. Uložíme ji do našeho adresáře "obr" jako bouchacka.gif.

     Na stránce silvestr.htm dáme nyní Enter, dále "Vložit" - "Obraz" - "Procházet" a vybereme bouchacka.gif a klikneme na "Otevřít". Nezapomeňte nastavit pod "Vzhled" zarovnání doprostřed.

     K běžícímu textu pouze malé upozornění, bude se správně zobrazovat pod prohlížeči řady Internet Exploler od firmy Microsoft, ale špatně jej budou zobrazovat prohlížeče fungující pod Linuxem, jako např. Netscape nebo Mozila.

     To už by pro dnešek mohlo stačit. Naučili jste se toho dost a na Silvestra se to zase nesmí s učením moc přehánět. Dnešní lekci najdete na adrese http://www.html9.ekamarad.cz. Vám teď zbývá vaše dílo pouze nahrát na Internet.