style.php en index.php PHPStyleren

Bekijk je style.php die we in de vorige stap hebben gemaakt eens in je browser, als t goed is zie je een grijze achtergrond met een witte container, met daarin grote en kleine tekst.

Open style.php weer eens. Maak van je titel en tekst variabelen. Dus bijvoorbeeld dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="nl" />

<title>Website titel</title>

<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div id="container">
  <div id="content">
    <h1><?php echo $titel ?></h1><br>
    <br>
    <p><?php echo $content ?></p>
    </div>
</div>
</body>
</html>


Nu zul je niks meer zien in de browser, dat is goed.
Open index.php en zet daarin dit:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
switch($_GET['page']){
  case:
'home':
     $title = 'Dit is mijn titel';
     $tekst = 'En dit is mijn tekst.';
   break;
  case:
'pagina2':
     $title = 'Pagina2';
     $tekst = 'De tekst van pagina 2';
   break;
   default:

      $titel = 'Error';
      $tekst = 'Deze pagina bestaat niet';
   break;
}

include('style.php');

?>

En ook super simpel, zeer geschikt voor beginners dus om dit aan te passen! Je hoeft enkel naar de titel en tekst te kijken om dit te begrijpen.
Maar hoe vind je die pagina?
Zo:
http://www.mijnsite.nl/index.php?page=home/
dan krijg je de tekst te zien die in de case: 'home' staan, samen met je layout.

verder:
http://www.mijnsite.nl/index.php?page=pagina2/
dan krijg je dus pagina 2 te zien.

http://www.mijnsite.nl/index.php?page=pagina3/
Dan krijg je de error te zien, omdat deze pagina niet bestaat.

Volgende pagina>>

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding
  2. style.css en style.php maken
  3. style.php en index.php PHPStyleren
  4. Een div toevoegen
  5. Uitbreiden

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.