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

V našem šestém dílu kurzu tvorby internetových stránek v HTML editoru se budeme zabývat navigací a psaním emailových a internetových adres.

     Nejprve si vysvětlíme, co to je navigace. Jsou to odkazy, které nám umožní se vracet na předchozí stránky, aniž bychom museli používat v prohlížeči šipku "Zpět". To nám tak může u složitějších stránek umožnit to, že se můžeme kliknutím na navigaci dostat rovnou na úvodní stránku, aniž bychom se tam museli proklikávat přes třeba deset stránek, přes které jsme tam procházeli.

     Dnes si tedy rovnou otevřete stránku "martin.htm" a na ní si vytvoříme navigaci, pomocí které se budeme vracet na stránku "index.htm". Odentrujeme kurzorem až pod fotografii a pozici kurzoru vycentrujeme.

     Nyní napíšeme "Zpět na úvodní stránku" a tento text dáme do bloku.

     Nyní do tohoto textu v bloku vložíme hypertextový odkaz. To již umíte. Nasměrujeme ho na stránku "index.htm".

     Výsledná stránka "martin.htm" pak vypadá takto:

     Doporučujeme vždy každý odkaz hned vyzkoušet, jestli funguje, pomocí kliknutí na "Nástroje" v hlavním menu a dále "Sledovat hyperetxtový odkaz". Měla by se vám otevřít úvodní stránka "index.htm".

     Nyní budeme pokračovat ve tvorbě stránky. Stránku "index.htm" zase zavřete a tím se vrátíte na stránku "martin.htm", na které budeme dále pokračovat. Pod text, který zde je, vedle fotografie napíšeme tento text: " Chcete-li vědět o Martinovi víc, podívejte se na jeho stránku http://www.martas.zde.cz. Při psaní této věty je nutno dodržet tu věc, že po napsání adresy na Marťasovu stránku, dáte mezeru. Odkaz se změní v klikací, podtržený odkaz. Pak se šipkou vrátíte a teprve uděláte tečku za větou. Aby se odkaz správně udělal, musí být vpředu i vzadu oddělen mezerami.

     Aby byla stejná úprava, oddělíme tuto větu opět pěti tvrdými mezerami a protože jde o nový odstavec, odřádkujeme pomocí klávesy Enter. Za text ještě dopíšeme: "Jeho email je martas@ekamarad.cz", Při psaní emailu musíte dodržet stejné zásady, emailová adresa musí být oddělena zepředu i zezadu mezerami. Teprve po vytvoření klikacího odkazu se můžete vrátit šipkou zpět a udělat za větou tečku.

     Protože jsme dnešní úkol zvládli rychle, budeme se ještě chvíli věnovat obrázkům a naučíme se k nim dělat popis, který se zobrazí, když v prohlížeči najedete na obrázek kurzorem a chvíli jej tam podržíte. Klikněte tedy pravým tlačítkem na obrázek a následně klikněte na "Vlastnosti obrazu".

     Do "Text" napište "Můj kamarád Martin" a do "Umístění" napište adresu jeho stránky. Tím, když na obrázek kliknete myší, se na jeho stránku dostanete. Je to v podstatě obrázkový hypertextový odkaz. Vše potvrďte kliknutím na OK a nezapomeňte odkliknout kurzorem z obrázku, aby jste si ho nesmazali. Teď už nezbývá, než vše nahrát na Internet. Dnes stačí přehrát pouze soubor "martin.htm":

     Příště se budeme ještě chvíli věnovat obrázkům a naučíme se jejich další možnosti. Dnešní lekci najdete na stránce http://www.html6.ekamarad.cz.