Webelix.net :: Creer un site web - Php - Réalisation du site en PHP (partie 4)

Vous êtes ici : Home Page

Dossiers

Creer un site web

Php

Realisation site PHP (4)

Imprimer

Informations Membres

	[195] Posts sur le forum
	[177] Membres inscrits

Il y a en ligne :

0 Membre

0 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

Réalisation du site en PHP (partie 4)

Etape 4 - Structure du site

Rappelez vous nos découpages, lors de l'étude du projet.
Nous avions découpés notre site en plusieurs zones appelées :

Zone HEADER(zone du titre)
Zone MENU(zone du menu)
Zone PAGE(zone du contenu de nos différentes pages)
Zone FOOTER(zone basse du site)

Nous allons utiliser ces zones, pour scinder en plusieurs sections, notre fichier principal index.php. De cette façon, quand votre site deviendra de plus en plus gros en codes et en pages, sa maintenance sera des plus aisé.

Pour cela nous utiliserons la fonction PHP include(), cette fonction a pour but d'aller chercher le contenu d'un fichier, et de l'inclure dans la partie dans laquelle la fonction include() à été exécutée.
Comme pour notre script d'appel de page.

Tout d'abord créer ces fichiers sur la racine de votre site:

header.php

menu.php

footer.php

Pour le moment ces fichiers sont vides.
Mais pas pour longtemps, car nous allons les remplir avec des parties que nous allons extraire de notre fichier index.php.

Ouvrez le fichier index.php, et modifiez ce qui suit :

<?php
error_reporting(E_ALL ^ E_NOTICE);
$page = $_GET['page'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
  <title>Mon premier site en PHP</title>
  <meta http-equiv="Content-Style-Type" content="text/css">
</head>

<body style="font-family: Arial, sans-serif;font-size: 12px; color: #000000;">
  <table width="600" align="center" valign="top" cellspacing="2" cellpadding="2" border="0">
    <tr valign="middle">
      <td width="600" height="90" colspan="2" bgcolor="#0068B4">
        <div style="font-size: 24px; color: #FFFFFF;">Mon premier site en PHP</div>Coupez cette partie et
collez la dans header.php
      </td>
    </tr>
    <tr valign="top">
      <td width="120" height="350" rowspan="2" bgcolor="#606DB2">
        <div style="font-size: 13px;"><b>MENU :</b><br>
      <ul>
        <li><a href="index.php?page=accueil"> Accueil</a></li>
        <li><a href="index.php?page=rubrique1"> Rubrique 1</a></li>
        <li><a href="index.php?page=rubrique2"> Rubrique 2</a></li>
        <li><a href="index.php?page=rubrique3"> Rubrique 3</a></li>
        <li><a href="index.php?page=rubrique4"> Rubrique 4</a></li>
      </ul>
        </div>Coupez cette partie et
collez la dans menu.php
      </td>
      <td width="480" height="310" bgcolor="#AFD394">
        <div>
    <?php
    if (file_exists("pages/$page.html") == TRUE)
        {include("pages/$page.html");}
    else
        {include("pages/accueil.html");}
    ?>
        </div>
      </td>
    </tr>
    <tr valign="middle">
      <td width="480" height="40" bgcolor="#CDBCA3">
        <div>2005 Copyright by Moi</div>          Coupez cette partie et
collez la dans footer.php
      </td>
    </tr>
  </table>
</body>
</html>

Une fois ces opérations effectuées, nous allons inclure les instructions include() dans notre fichier index.php.

Dans le fichier index.php, modifiez ce qui suit :

<?php
error_reporting(E_ALL ^ E_NOTICE);
$page = $_GET['page'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
  <title>Mon premier site en PHP</title>
  <meta http-equiv="Content-Style-Type" content="text/css">
</head>

<body style="font-family: Arial, sans-serif;font-size: 12px; color: #000000;">
  <table width="600" align="center" valign="top" cellspacing="2" cellpadding="2" border="0">
    <tr valign="middle">
      <td width="600" height="90" colspan="2" bgcolor="#0068B4">
      <?php include("/header.php"); // appel du fichier header?>
      </td>
    </tr>
    <tr valign="top">
      <td width="120" height="350" rowspan="2" bgcolor="#606DB2">
      <?php include("/menu.php"); // appel du fichier menu?>
      </td>
      <td width="480" height="310" bgcolor="#AFD394">
        <div>
    <?php
    if (file_exists("pages/$page.html") == TRUE)
        {include("pages/$page.html");}
    else
        {include("pages/accueil.html");}
    ?>
        </div>
      </td>
    </tr>
    <tr valign="middle">
      <td width="480" height="40" bgcolor="#CDBCA3">
      <?php include("/footer.php"); // appel du fichier footer?>
      </td>
    </tr>
  </table>
</body>
</html>

Passons à l'étape suivante Suite du Cours