Design 3 - 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 (rødt felt med en lille hvid bue), 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

 

email Tilmelding til postliste Design:
Erik Ginnerskov