Dříve než vám ukážeme, jak převést všechny díly seriálu Můj web, které již vyšly, do HTML podoby, seznámíme vás s jednoduchou navigací. Tak se budete moci mezi stránkami snadno a rychle pohybovat. Je logické umožnit postupné procházení článků od prvního dílu. Seznam všech dílů umístíte na hlavní stránku, kde již máte přehledný seznam všech kroků, které jsme vám vyložili. Hlavní stránku upravíte do standardní podoby, zadáte název, nadpis a úvodní text:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Seriál o Internetu II
</head>
<body bgcolor="#D0F5EC">
<font face="Arial, sans-serif" size="5">Seriál o Internetu II
<P>
<font face="Arial, sans-serif" font size="3">
Tato stránka slouží jako rozcestník ke všem článkům seriálu, který vychází v časopise ABC pod názvem <b>Můj web</b>.
<p>
...
</font>
</body>
</html>
Nastavení barvy a písma bude shodné jako u dalších stránek, nyní je nutné přidat odkazy na stránky. Protože budete mít řadu dílů seriálu a několik kroků, je jednou z variant seznam. Takto byste ale vytvořili seznamy dva, nevýhodou by však bylo jejich umístění pod sebou, takže by byla stránka zbytečně dlouhá. Přehlednější formy dosáhnete použitím tabulky. Do jednoho sloupce vložíte odkazy na články, do druhého odkazy na kroky.
<table border="0" width="80%">
<tr><td>Seznam článků letošního seriálu</td>
<td>Seznam kroků obsahujících příklady</td></tr>
<tr><td><A HREF="cl0100.htm">Můj web 1</A></td> <td><A HREF="krok1.htm">krok 1</A></td></tr>
<tr><td><A HREF="cl0200.htm">Můj web 2</A></td> <td><A HREF="krok2.htm">krok 2</A></td></tr>
<tr><td><A HREF="cl0300.htm">Můj web 3</A></td> <td><A HREF="krok3.htm">krok 3</A></td></tr>
...
</table>
KONTROLA VÝSLEDKU
Výsledek si můžete prohlédnout na stránce http://abc.planeta.cz. V buňkách tabulky jsou vložené odkazy na požadované HTML stránky. Šířka tabulky je nastavena na 80 % stránky. Kliknete-li na odkaz na první článek, přenesete se na stránku s prvním dílem seriálu. Na tuto stránku musíte také umístit jednoduchou navigaci. V tomto případě bude velice praktické opakovat odkazy nad textem i pod ním, aby se návštěvník stránek nemusel vždy vracet na začátek stránky. Jako odkazy zadáte předchozí a následující článek a kromě toho návratový odkaz na hlavní stránku. U prvního článku nebude odkaz na předchozí. U druhého dílu může řádka odkazů vypadat například takto: <A HREF="cl0100.htm">Předchozí článek</A> I <A HREF="index.html">Hlavní stránka</A> I <A HREF="cl0300.htm">Následující článek</A> Což se ukáže nejspíše takto: ZobrazitText nemůže mít větší rozsah než jeden řádek! Hlavní stránka I ZobrazitText nemůže mít větší rozsah než jeden řádek! Graficky můžete linku odkazů oddělit čarou, jednoduchý příkaz bude <HR> - zobrazí se horizontální čára na šířku celé stránky. Pokud byste chtěli umístit navigaci do sloupce nalevo od textu, jak to bývá na internetu časté, mohli byste celou stránku vložit do tabulky. Odkazy pod sebou by byly v jednom sloupci, text článku pak ve druhém sloupci. Nevýhodou je opět fakt, že u delších stránek musíte kvůli odkazům rolovat zpět nahoru. Standardním řešením je používání tzv. rámů. Programování rámů je samostatnou kapitolou při tvorbě stránek a v tomto seriálu se k němu nejspíše nedostaneme, ale pomoci mohou odborné publikace o HTML.
