6. Effektive sider - Include

Indledning

I denne øvelse går vi midlertid bort fra variabler og formularer. Vi skal beskæftige os med noget meget simpelt og virkeligt brugbart, når man effektiv skal arbejde med hjemmesider. Nemlig funktionen include.

Include gør det, som kommandoen beskriver: inkluderer en fil, så det bliver en del af den hjemmeside man sidder arbejder med.

Syntaks

Syntaksen er:

<?
include "top.php";
?>

Denne kommando henter (i dette tilfælde) filen top.php (som skal ligge i samme mappe som den side, hvor kommandoen bliver sat ind). Indholdet bliver efter en tur gennem PHP-fortolkeren til en del af hjemmesiden.

I det følgende eksempel skal vi se, hvordan man hurtigt og effektivt kan vedligeholde et stort antal sider. Disse sider får den samme typografi og det samme udseende.

Opret ny mappe og hent tekster

Før du går i gang med dette eksempel skal du hente et par tekster:

1. Opret en ny mappe (læs mere om at oprette mapper fra indledningen til WebDesign 1)
2. Giv den navnet ink1
3. Download følgende filer til mappen ink1 (højreklik på filnavnet og vælg: Gem destination som... (IExplorer). Mozillas kommando er en anelse anderledes. Prøv dig frem:
   • aventura.htm
   • koncert.htm
   • middelalder.htm

Opret include-filer

Ved hjælp af include-kommandoen kan det lade sig gøre at oprette det, der svarer til Sidehoved og Sidefod i et tekstbehandlingsprogram. Forklaring følger:

1. Aktivér mappen ink1
2. Opret en ny side med Standard-skabelonen. Det er imidlertid ikke alle "basiskommandoerne" vi skal bruge. I denne omgang.
3. Slet de nederste 2 linier:

   </body>
   </html>
   

4. Gem denne side som top.php
5. Opret et nyt tomt dokument
6. Skriv:

   </body>
   </html>
   

7. Gem siden som bund.php

Opret den første side

1. Opret et nyt tomt dokument
2. Indsæt sidehovedet foroven således:

   <?
   include "top.php";
   ?>
   

3. Kopier derefter tekst og koder (undtagen "basiskoderne") fra siden aventura.htm, som du hentede før og sæt ind under det, du lige har skrevet.
4. Indsæt sidefoden således:

   <?
   include "bund.php";
   ?>
   

5. Gem siden som aventura.php
6. Opret på samme måde siderne koncert.php og middelalder.php med teksterne fra de to andre sider.

Opret en menu-fil

For at kunne navigere mellem siderne skal der selvfølgelig også være nogle links. Dette opretter vi i en selvstændig fil. Det gør det meget nemmere at tilføje flere sider til sitet, da linket til nye sider kun skal oprettes et sted.

1. Opret et nyt tomt dokument.
2. Opret en menu nogenlunde således:

   <div>
   <a href="aventura.php">Start</a> - 
   <a href="koncert.php">Koncerter</a> - 
   <a href="middelalder.php">Middelalder</a>
   </div>
   

3. Gem siden som menu.php
4. Luk filen menu.php
5. Indsæt følgende kode foroven og forneden i siderne:
   aventura.php
   koncert.php
   middelalder.php:

   <?
   include "top.php";
   include "menu.php";
   ?>
   ....
   ....
   <?
   include "menu.php";
   include "bund.php";
   ?>
   

Upload og afprøv

1. Upload nu mappen til serveren og afprøv filerne.
2. Kig i koderne og se resultatet af include-kommandoen

Øvelse 6.1

1. Opret et stylesheet til siden og indsæt en henvisning på siden top.php (læs mere om oprettelse af Stylesheets her: Kapitel 13 i WebDesign med Mozilla
2. Upload dit stylesheet til serveren

Øvelse 6.2

1. Opret en klassifikation til din menu, for at få den til at adskille sig lidt fra resten af siden. (Læs om klassifikationer her: Kapitel 20: WebDesign Mozilla
2. Upload dit stylesheet igen.