Design 2 - Grundmodul

Herunder ser du grundmodulet til en side. Sidens indhold indsættes, hvor teksten i kodeboksen viser "Sidens tekst og billeder her":

<!--#include file="header.inc"-->
</head>
<body>
<div id="indhold">
<h1>Overskrift</h1>

Sidens tekst og billeder her

</div>
<div id="topbar"><!--#include file="top.inc"--></div>
<div id="topl"><!--#include file="topleft.inc"--></div>
<div id="menu"><!--#include file="menu.inc"--></div>
<div id="post"><!--#include file="post.inc"--></div>
</body>
</html>

Du ser, at der øverst er lavet en inkludering af header. Man kan lige så godt have al headerinformation liggende i en enkelt fælles fil. Det sparer serverplads i forhold til hvis den samme information skulle gentages på alle sider.

Nederst har jeg inkluderet en fælles topbar, topleft (krydset i øverste venstre hjørne), menuen og et modul, der giver brugeren adgang til at skrive til dig.

Placering af topbar, menu og postmodul styres af css.

Nederst i postmodulet ligger et link til Hjemmesideskolen - det må du ikke fjerne, det er prisen for at benytte dette layout helt gratis.

Da siderne benytter serverside-includes, er det vigtigt, at du giver siderne extension .shtml eller .php - dvs. hvis dit webhotel understøtter php og ikke asp, kan du vælge den extension i stedet. Du skal så bare lave en lille ændring i include-kommandoen.

^ Tilbage til sidens top

Valid XHTML og CSS / Erik Ginnerskov maj 2005

 

Design