Fördelen med att importera dokument

För det första så slipper du att repetera dig själv när du kodar. Du designar och fixar till en meny som du sedan enkelt inkluderar i de dokument du vill ha den i, istället för att ha samma kod liggandes i varje dokument.

För det andra slipper du ändra i 20 dokument varje gång du ska göra om i menyn. Har du den i en separat fil så ändrar du på ett ställe och det är klart.

Det tredje skälet är att webbläsaren slipper ladda om stilen på sajten varje gång du går in på en ny sida, samt att din kod blir betydligt mycket snyggare.

Inkludera en CSS-fil

För att inkludera en separat CSS-fil lägger du till följande kod innanför head-taggarna:

<link href="dincssfil.css" rel="stylesheet" type="text/css" />

Svårare än så är det faktiskt inte. Har du nu allt i stil en separat fil kommer du bara behöva göra stilen en gång, för att sedan inkludera den i de dokument du vill.

Inkludera en JS-fil

Att ha Javascript-kod liggandes i headern är aldrig snyggt. Därför lägger du all sådan kod i ett separat javascript-dokument och inkluderar dem i headen på följande vis:

<script src="dinjsfil.js" type="text/javascript">

Att inkludera dokument

Det här är den viktigaste. För att ha en separat meny, footer, header eller vad du nu vill sparar en hel del arbete och kan enkelt inkluderas om du använder dig av .php-dokument.

<?PHP include('meny.php'); ?>

Du använder dig av phps funktion include som låter dig inkludera valfri fil i ditt dokument. Om man tänker efter så kan man ha väldigt stor nytta av denna funktion. Jag ska ge ett bra exempel nu.

Tillsammans är bäst

Använder du dig av dessa tre metoder att inkludera externa dokument kommer du kunna korta ner koden något kopiöst.
Inkludera filer
Det betyder alltså att du inkluderar ditt CSS- och JS-dokument i header.php som du sedan inkluderar i top på varje sida med phps include-funktion.

index-sidan skulle kunna se ut något likt detta:

<?PHP include('header.php');?>
<?PHP include('meny.php');?>


DIVar, paragrafer och bilder.


<?PHP include('footer.php');?>

Medan header.php ser ut såhär:

<html>
<head>
<title>Titel</title>
<script src="dinjsfil.js" type="text/javascript"></script>
<link href="dincssfil.css" rel="stylesheet" type="text/css" />
</head>
</html>