Exercice 06 - Découpage d’un site Web dynamique

Mise en situation

Vous devez séparer vos différents fichiers PHP et en faire l'inclusion! Faites aussi l'inclusion des outils de débogage fournis.

Modalités

• En équipe!
• Réalisé durant le cours
• Durée approximative tout le cours
• Remettre le tout zippé sur Léa dans Exercice 06

À faire (étapes)

1. À partir de votre projet, dans le fichier index.php
   • Faites l'inclusion de config.php dans votre projet si vous ne l'avez pas fait.
   • Faites l'inclusion de functions.php dans votre projet si vous ne l'avez pas fait.
   • Faites l'inclusion de Bootstrap 5 dans votre projet si vous ne l'avez pas fait.
   • Utilisez dans le site les 4 constantes données à partir de la ligne 5 du fichier config.php
     define("SITE_TITLE", "Titre du site dans l'onglet"); => balise title dans le head
     define("SITE_DESC", "Meta Description du site"); => balise meta description dans le head
     define("SITE_H1", "Titre H1 de mon site"); => balise h1 dans le header
     define("SITE_OWNER", "Propriétaire du site (utile pour le copyright)"); => balise p dans le footer
2. Dans le dossier includes, mettez le fichier dézippé debug.zip (debug.php)
3. Faites un require du fichier debug.php dans le haut du fichier index.php => entre config.php et functions.php
4. Tester sur le site que leur utilisation fonctionne bien avec l'utilisation de debug($unevariable, "Votre message"); dans le main du site
5. Tester sur le site que leur utilisation fonctionne bien avec l'utilisation de debug_console($unevariable, "Votre message"); dans la console du navigateur
6. Faites le découpage de vos fichiers PHP comme dans le deuxième vidéo de la préparation-07
7. Dans le dossier includes, créez un fichier head.php, qui contiendra tout ce qui se trouve dans le head du site
8. Dans le dossier includes, créez un fichier header.php, qui contiendra tout ce qui se trouve dans le header du site
9. Dans le dossier includes, créez un fichier footer.php, qui contiendra tout ce qui se trouve dans le footer du site
10. Dans le dossier includes, créez un fichier javascript.php, qui contiendra tout ce qui se trouve dans le javascript du site
11. Faites les 4 inclusions des 4 fichiers précédant aux bons endroits dans index.php.
12. Faites l'utilisation des deux constantes de page PAGE_TITLE et PAGE_ALIAS (voir vidéo)
    • PAGE_TITLE = H2 du titre de la page
    • PAGE_ALIAS = class et id du body de la page
13. Mettez à jour les contantes de config pour correspondre à votre projet et vos noms d'équipe
14. Mettez du contenu dans chaque balise de type section
    • Header: Titre du site, une image, menu de navigation etc.
    • Main: Une description de votre projet, un carroussel de Bootstrap, etc.
    • Footer: Un paragraphe de copyright avec vos deux noms (SITE_OWNER) et l'année (pensez à une constante), un lien courriel et/ou téléphonique, une carte google maps, etc.
    • Head et javascript: rien à ajouter (vérifiez la balise title!)
15. Mettez en place ces changements dans vos pages apropos.php et contact.php (comme dans la vidéo)
16. Créez une page gabarit.php qui sera copié pour chaque nouvelle page
17. À partir d'ici, vous pouvez faire du contenu pour votre site de commerce dans les 3 pages!