Template Indhold

Selve indholdet på siden er organiseret i firkantede kasser oven over hinanden og nogle ved siden af hinanden. Over selve indholdet ligger Header delen i et DIV-tag ned id="header", der angiver den øverste bjælke, med Menu delen i et DIV-tag med id="nav" lige under Headeren.

Herunder kommer selve indholdsdelen, der også styres af blokke - mere omtale længere nede på siden.

Når man har placeret alt det indhold man gerne vil have, så afslutter man med en Footer i et DIV-tag med id="footer".

Tingene vil placere sig som vist her:

Indholdet er også bygget op af DIV-tags med forskellige id'er. Det er hele tankegangen i templatet, at man fylder indhold ind i DIV-tags, der så med forskellige ID'er styrer hvordan de placeres og hvad de fylder. Der er et begrænset udvalg af ID'er, som beskrives her:

Vil man have tekst og et billede ved siden af hinanden, så kan man placere et DIV-tag med id="section" der indeholder teksten (organiseret i HTML-tags) og et DIV-tag med id="aside" der kan indeholde et billede.

Vil man have tekst der fylder hele bredden af siden, så kan man lægge et DIV-tag ind med id="fullSection".

Ønsker man to blokke ved siden af hinanden der er lige store kan man lægge to DIV-tags efter hinanden, begge med id="twoPart".

Vil man have 3 ens blokke ved siden af hinanden, så lægger man tre DIV-tags efter hinanden, alle med id="threePart".

Indholdets måde at placere sig på kan illustreres som vist her:

Alle disse tags er kombineret inde i siden HTML Eksempler i ZIP-filen der indeholder templatet.

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