Template Menu: Forskelle mellem versioner
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
||
| (2 mellemliggende versioner af den samme bruger vises ikke) | |||
| Linje 4: | Linje 4: | ||
Koden til menuen ser ud som følger: | Koden til menuen ser ud som følger: | ||
< | <syntaxhighlight lang="HTML" line> | ||
<div id="nav"> | <div id="nav"> | ||
<div id="menu"> | <div id="menu"> | ||
| Linje 12: | Linje 12: | ||
</div> | </div> | ||
</div> | </div> | ||
</ | </syntaxhighlight> | ||
Teknisk set er det links der er i menuen, som bliver formatteret ved hjælp af class="menuPunkt". 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-Template|CSS Fil]]. | 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-Template|CSS Fil]]. | ||
Læg mærke til at forsiden henviser til "index.html" - det skal forsiden hedde, da det er serverens indgang til siden. | Læg mærke til at forsiden henviser til "index.html" - det skal forsiden hedde, da det er serverens indgang til siden. | ||
| Linje 21: | Linje 21: | ||
[[image:Template-Menu.png|600px|Billede af menupunktet i templatet]] | [[image:Template-Menu.png|600px|Billede af menupunktet i templatet]] | ||
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-Template|CSS Filen]], så det påvirker alle sider hvor menuen optræder. | |||
{{HTML-Template}} | {{HTML-Template}} | ||
[[Kategori:HTML-Template]] | [[Kategori:HTML-Template]] | ||
Nuværende version fra 28. dec. 2025, 19:48
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 - Redigering - javaScript |