Tror du blander litt her.
CSS står for Cascading Style Sheets - eller stilsett på norsk. Et stilsett styrer designet på en webside, og har ingenting med selve innholdet å gjøre.
Det du trenger for siden din, er PHP Templates.
Du bør da dele hver side inn i 3, i henholdsvis filene header.php, index.php og footer.php, eller andre navngivelser.
I headerfilen plasserer du hele headeren på siden din, inkludert logo, navigasjon, metatags og link til stilsett.
Det samme gjelder for footer, hvor du plassere slutteksten som skal inn på hver side.
I index.php, eller about.php eller omoss.php osv skriver du hovedinnholdet for hver side.
Header.php blir da noe slikt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="main-container">
<div id="header">
<div id="navigation">
</div>
</div>
Footer.php blir noe slikt:
</div>
</body>
</html>
Hovedfilen blir seende slik ut;
<?php include("header.php"); ?>
<div class="content">
Innhold her.
</div>
<?php include("footer.php"); ?>
Når serveren setter sammen filene, blir sluttresultatet det samme, og kildekoden blir noe slikt;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="main-container">
<div id="header">
<div id="navigation">
</div>
</div>
<div class="content">
Innhold her.
</div>
</div>
</body>
</html>
Legg merke til at du må benytte filendelsen
.php for å bruke disse funksjonene. Så dersom du bruker
.html eller
.htm eller andre endelser, må disse endres.
Om du da legger hele navigasjonslinjen din i header-filen, trenger du kun å oppdatere header-filen for å oppdatere navigasjonen på alle dine sider.
