Sidens grundmodul inkluderer disse filer:
Sidens header:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Layout</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="pil.js"></script>
Læg mærke til, at der er defineret transitional Document Type. Dette er desværre nødvendigt for at kunne lave skiftet af pilen i menuen. Sidst i header er linket til det javascript, der styrer skiftet i menuens pile.
Sidens topmodul:
<div id="topsign"><img src="toptekst.gif" width="530" height="44" alt="" /></div>
Menuen:
<p>
<a href="index.shtml">Forside</a>
<a href="nyside.shtml">Ny side</a>
<a href="mappe1/index.shtml" onmouseover="effekt1Over()" onmouseout="effekt1Out()"><span style="float:right"><img src="pil1.gif" name="pila" width="12" height="9" alt="pil1.gif" style="margin-top:2px" /></span>En anden sektion</a>
<a href="mappe2/index.shtml" onmouseover="effekt2Over()" onmouseout="effekt2Out()"><span style="float:right"><img src="pil1.gif" name="pilb" width="12" height="9" alt="pil1.gif" style="margin-top:2px" /></span>Sådan laves det</a>
</p>
De to første links er der ikke noget specielt ved. Men de to sidste, der går ned i hver sin undermappe, har fået tilføjet en højrefloated pil, der ved hjælp af javascript skifter farve ved 'OnMouseOver' og OnMouseOut'. Læg mærke til, at de to menupunkter kalder hver sit sæt funktioner i javascriptet - dette er for at kunne skifte udseende på den rigtige pil.
Postmudulet:
<p>
<a href="mailto:dit.navn@dit.domain.dk">email til webmaster</a>
<a href="mailto:dit.navn@dit.domain.dk?subject=Tilmelding til postliste">Tilmelding til postliste</a>
<span style="padding: 9px 0px 3px 9px;display:block">Design:</span>
<a href="http://hjemmesideskolen.dk">Erik Ginnerskov</a>
</p>
De to første links gør det muligt for dine brugere at skrive til dig. Du bør dog alvorligt overveje en eller anden metode til at beskytte din email-adresse mod spamrobotter. Ellers varer det desværre ikke længe, inden din email-adresse er ubrugelig.
Det sidste link - til Hjemmesideskolen - kræver jeg, at du lader stå uændret. Det er den beskedne pris for at benytte dette sidedesign.
