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

Základy internetové stránky jsme si už vytvořili a tak dnes ještě něco přiděláme a už ji umístíme na Internet. Což takhle na ni vytvořit tabulku?

     Svoji stránku už najít a otevřít doufám umíte. Minule jsme to popsali dost podrobně. Teď si najedeme kursorem pod napsaný text a centrujeme doprostřed. V horním menu klikneme na "Tabulka" a v rozvinutém menu na "Vložit tabulku".

     Necháme vše nastaveno tak, jak bylo nabídnuto a klikneme na OK. Ostatně řádky i sloupce je možno dodatečně měnit, stejně jako další vlastnosti tabulky, což si ukážeme.

      Klikneme-li pravým tlačítkem myši na tabulku, můžeme zvolit "Vlastnosti tabulky".

     Barvu pozadí si nastavíme žlutou, všechna tři ohraničení tmavě modré. Výplň buněk zvětšíme z 1 na 2 a hustotu buněk dáme na 0. Můžete si vyzkoušet, že když necháte původní dvě, budou buňky oddělené dvěmi čárami. Takto je budete mít oddělené jednou tlustší čarou. Vše potvrdíme vpravo nahoře tlačítkem OK.

     Nyní začneme do tabulky psát. Kurzor postavíme do levého políčka v prvním řádku, písmo nastavíme na tučné (klikneme na B) a na barevné paletě nastavíme červenou. Napíšeme "Jméno", tabulátorem se přesuneme do druhého políčka v prvním řádku a tam napíšeme "Telefon". Můžeme si sem vpisovat cvičný telefonní seznam. Například napíšeme Karel 602 999 000. To již píšeme opět černě a ne tučně. Myší překlikneme do druhého řádku do levého políčka. Přesouvat se můžete opět tabulátorem. Všimněte si, že když píšete telefonní číslo, druhý sloupec tabulky se vám rozšíří na jeho šířku.

     Nyní potřebujeme vkládat další řádky, abychom do tabulky mohli vepsat ještě Pavla a jeho telefon 777 777 777 a Honzu s jeho telefonem 603 111 222. Stačí nyní, když dáte tabulátor a automaticky se vám vytvoří další řádek. takto můžete postupně vytvořit oba další řádky a vepsat do nich Pavla a Honzu.

     Nyní nás napadne, že bychom mohli ještě vložit třetí sloupec a do něj vepsat město, odkud kamarád je. Jak to uděláme? Kurzor necháme tam, kde je, tedy v pravém sloupci. Mohl by být v libovolném řádku. Klikneme v horním menu opět na "Tabulka" a v rozvinutém menu na "Vložit řádky nebo sloupce".

Nvní překlikneme z "Řádky" na "Sloupce", počet sloupců necháme jeden a necháme i volbu "doprava od výběru" a potvrdíme OK. Máme vytvořen pravý sloupec pro všechny řádky, které tabulka má. Jistě nám nebude dělat problém nyní dopsat nahoru tučně a červeně "Město" a doplnit si, že Karel je z Prahy, Pavel z Brna a Honza z Ústí nad Labem.

     Ještě jsme si vzpomněli na dobrého kamaráda Martina, kterého nechceme mít až dole, ale naopak úplně prvního nad Karlem. Jak to uděláme? Už víme, že pokud by nám stačilo jej dát nakonec, stačil by nám na to tabulátor. Takto musíme kliknout kamkoliv do prvního řádku tabulky. Pak klikneme v horním menu na "Tabulka", dále v rozvinutém menu na "Vložit řádky nebo sloupce". Otevře se nám tabulka, kterou již známe. Údaje necháme tentokrát tak, jak jsou přednabídnuty a klikneme na OK.

     A nyní tedy již vepíšeme Martina, jeho telefon 505 123 456 a že je z Brna. Jak by jsme mohli ještě tabulku zpřehlednit? Třeba dát jiné barevné pozadí hormímu řádku. Dobře by se tam vyjímala stříbrná. Přiblížíme se tedy o prvnímu řádku zleva tak, až se nám kurzor změní v šipku a potom klikneme levým tlačítkem myší. Celý řádek se nám označí do bloku a zčerná.

     Nyní klikneme pravým tlačítkem myši na tomto řádku a z rozvinutého menu vybereme poslední položku "Vlastnosti buňky".

     Zde změníme pouze barvu pozadí na stříbrnou a potvrdíme vpravo nahoře tlačítkem OK. Když odklikneme kurzorem, vidíme, že řádem má opravdu stříbrný podklad. Takto bychom mohli zabavit i libovolný sloupec nebo libovolnou samostatnou buňku, pokud bychom do ní postavili kurzor.

     Stránka sice ještě zdaleka hotová není, ale už vypadá celkem k světu, že se za ní nemusíme stydět a tak ji nahrajeme na Internet. K tomu použijeme FTP klienta. Jak jsme zmínili v první lekci, budeme používat AceXFTP. Ten vypadá po spuštění takto:

     Do tabulky musíme vyplnit údaje tak, jak nám je sdělil provozovatel webhostingu. Do "Host name" si můžete napsat jakýkoliv název, podle kterého poznáte, o který FTP přístup jde. V tomto FTP klientovi jich totiž můžete mít nastaveno více. Takže sem napište třeba "Skolni". Do "Host adress" napíšete adresu, která je většinou ve tvaru ftp.domena.cz.. Tu vám musí zadat provozovatel serveru, kde máte webhosting. Ten vám zadá i User ID, což je obdoba loginu a password, neboli heslo. Když budete psát heslo, budou se vám místo něj z důvodu utajení zobrazovat hvězdičky. Když máte vše vyplněno, klikněte na OK.

     Okno, které máte vlevo, vám ukazuje soubory na vašem počítači a okno, které je vpravo, ukazuje adresář ne serveru, na který budete vaše stránky nahrávat. Klikněte myší na soubor "index.htm" a zobrazí se vám uprostřed šipka směrem doprava. Když na ní kliknete myší, začne se soubor nahrávat na server.

     Nyní máme soubor nahraný na serveru a když si stránku oteveřeme v prohlížeči, měli bychom ji tam vidět. Naší stránku najdete na adrese http://www.html3.ekamarad.cz . Příště v ní budeme pokračovat a ještě ji vylepšíme a při tom se naučíme nové věci.Nyní se samozřejmě nezapomeneme odhlásit od serveru. V horním menu FTP klienta klikneme na "File" a v rozvinutém menu na "Exit". Následně potvrdíme Yes a na dalším okénku, které se objeví odklikneme OK.