http://mawel.free.fr : Site d'informations pratiques
pour la mise en place de sites
dynamiques en php
--> Accueil <--  > Structure de site
> Tutoriels
   Erreurs courantes
   Saisie de texte riche
   Structure de données
   Ajout/Modif/Suppression
   Résoudre un problème
   Soumission de données
   Pseudo-templates
   Enregistrement de fichiers
   Liens relatifs


> Cours
   1. Structure de site



Contact
   Votre avis
   e-mail



Liens
   Inventons!
  

Problématique

M. Dujean est gérant d'une petite concession automobile, " L'alouette auto ", qui comprend aussi un atelier de réparation des véhicules. L'année dernière a été plutôt bonne, et il dispose de quelques capitaux a investir. Il a bien évidemment entendu parler d'internet, et souhaiterais faire connaître son activité par ce moyen. Il est donc décidé a investir un petit peu d'argent et de temps pour mettre en place un petit site internet. Dans un premier temps, il souhaite mettre en place sur internet les informations suivantes :
  • Une page expliquant quelles sont ses activités de concession automobile (c'est aussi sa page d'accueil)
  • Une page traitant des activités de réparation
  • Une page traitant des activités de vente/reprise de véhicules d'occasion
  • Une page avec l'ensemble des informations pratiques sur les moyens de contact, horaires, ainsi qu'un plan d'accès a sa concession
Le descriptif complet des pages telles que fournies par M. Dujean est accessible en cliquant sur les liens associés a chaque page.

M. dujean ne possède pas beaucoup d'illustrations, et laisse donc carte blanche dans au design du site.

Exercice

A partir des données fournies par M. Dujean, mettre en place les quelques pages sur un site web. Il est particulièrement important de considérer les points suivants :

La navigation entre les quatre pages du site doit être modifiable simplement
M. Dujean n'est pas vraiment fixé sur l'aspect graphique du site, et il souhaite que celui-ci puisse évoluer facilement.
Il est souhaitable de ne pas utiliser de frames

    - Énoncé de l'exercice :

A partir d'une des méthodes de structuration de sites, mettre en place un site en php avec les quatres pages conformes aux souhaits de M. Dujean.

Note : les textes sont volontairement founis au format image, non pas pour vous embeter, mais pour faire prendre conscience du travail que représente la saisie sur un site web, même lorsque celui-ci est minime. Bien sur, vous pouvez toujours aller voir la correction et faire un copier-coller du texte...


    - Intérêt de l'exercice :

Mettre en place simplement quelques pages HTML sur un serveur. La maîtrise de cette exercice permet de garantir que l'on possède toutes les bases nécessaires pour se lancer réellement dans le développement d'un site web, et que les développements que l'on effectue possèdent une structure satisfaisante.

    - Indices pour bien commencer :

Choisir une méthode pour s'assurer que les pages seront construites correctement, et que les éventuelles futures modification de la navigation se feront sans problèmes. Deux méthodes sont documentées :
Je ne saurait évidemment trop recommander la deuxième option, même si la première donne aussi des résultats intéressants. D'autres solutions peuvent aussi être intéressantes, comme les templates, mais sont plus complexes a manier.

Enfin, toujours commencer par faire une première page toute en html, puis ensuite se lancer dans l'implémentation en pages .php.

    - Corrigé de l'exercice :


Epilogue...

M. Dujean est très content du site qui a été réalisé. Il va placer ses pages chez son hébergeur, et faire marquer sur ses brochures commerciales l'adresses de son site.

Il voudrait juste améliorer deux petites choses :
  • Une amélioration simple : Echanger les positions de "Occasions" et "Atelier"
  • Une amélioration plus complexe : il trouve qu'il est difficile de savoir sur quelle page on se trouve, et voudrait qu'une petite ">" apparaisse a coté du lien vers la page courante du bandeau de navigation (par exemple "> Atelier" lorsque l'on est sur la page de l'atelier)
La fin de cette leçon consiste donc a modifier le site conformément aux attentes de M. Dujean.

Attention, la seconde amélioration est plus complexe qu'il n'y parait, car il faut se souvenir que tous les liens sont dans un seul fichier.