Template Menu

Under Headeren er der placeret en Menu. Det er den der gør at man kan klikke sig rundt på siderne i hele ens site.

Det er en stor fordel, hvis man kan beslutte sig for hvilke sider man skal have i menuen, inden man begynder at arbejde på indholdet på siderne. Grunden til det er at det er lettest, hvis man laver en fast skabelon til sine sider er, at man så kan kopiere de sider man har brug for, hvor menuen er fastlagt, i stedet for at man skal ind i hver underside og tilføje et nyt menupunkt, når man finder ud af at der skal tilføjes et menupunkt mere.

Koden til menuen ser ud som følger:

<div id="nav">
  <div id="menu">
    <span class="menuPunkt"><a href="index.html">Forside</a></span>
    <span class="menuPunkt"><a href="empty.html">Tom side</a></span>
    <span class="menuPunkt"><a href="examples.html">HTML Eksempler</a></span>
  </div>
</div>

Teknisk set er det links der er i menuen, som bliver formatteret ved hjælp af class="menuPunkt" og ved hjælp af id="menu". Det er det der sætter farver, størrelser og skrifttyper på menuen. Dem behøves man ikke bekymre sig om endnu, da de definitioner ligger i den fælles CSS Fil.

Læg mærke til at forsiden henviser til "index.html" - det skal forsiden hedde, da det er serverens indgang til siden.

Menuen har inden redigering med farver dette udseende:

Det er med vilje at farverne i templatet ikke er for kønne, så man er tvunget til at redigere dem. Det gøre man ved at redigere i CSS Filen, så det påvirker alle sider hvor menuen optræder.

HTML Template
HTML-Template	Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - javaScript