HTML menu

V tomto článku se nebude zabývat tvorbou HTML menu, které bude tvořit navigaci celého webu (podobně jako zde vlevo).

Menu, navigační lišta je obvykle stejné pro několik desítek stránek. Musí být stejné, kdyby se neustále měnilo a přehazovaly se odkazy, návštěvník by nevěděl, které stránky navštívil a které ne. Vytvořit menu je docela jednoduché, jednou ho vytvoříte a pak je ručně kopírujete do všech stránek. Problém nastane ve chvíli, kdy budete chtít přidat do menu jeden odkaz - budete ho muset přidat do všech stránek. Existují jednodušší cesty.

Vygenerování menu pomocí PHP

Menu můžete vytvořit pomocí jazyka PHP. Je nutné mít na serveru podporu tohoto jazyka.

Vytvoříme stránku - třeba menu.html (ve které budou jen odkazy a prvky společné pro všechna menu, žádné <body>,<head> ani <html>). Tuto stránku vložíme pomocí PHP do stránky:

<?php include_once("menu.html") ?>

Nyní se obsah menu.html vloží do každé stránky, ve kterém bude předešlý kód. Když budete chtít menu změnit, změníte pouze soubor menu.html a změna se projeví ve všech stránkách.

Vygenerování pomocí JavaScriptu

Pokud nemáte k dispozici podporu PHP, můžete využít JavaScript. To je trochu pracnější a navíc mohou mít některé prohlížeče JavaScript vypnutý.

Vytvoříme skript menu.js ve kterém budou opět jen odkazy a tento soubor vložíte do stránky:

//Soubor menu.js---------

document.write("<a href=\"main.html\">úvodní stránka</a><br>"+
"<a href=\"download.html\">obrázky na stažení</a><br>"+
"<a href=\"autor.html\">autor</a>")

//Tam kde se má menu objevit-------

<script src="menu.js"></script>

Kterou metodu využít

Pro tvorbu menu je nejvhodnější použít PHP, následně ruční kopírování a nakonec JavaScript, který už není tak vhodný (protože nemusí být vždy funkční).

Více: CSS menu
Jinak: PHP menu



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Osobně doporučuji

Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama