Skip to content
Rodriguez F. Cours

Création de sa première page web avec PHP et gestion de multi pages

Objectifs d’apprentissage

Section titled “Objectifs d’apprentissage”
  • Comprendre comment structurer un site web en utilisant plusieurs pages PHP.
  • Apprendre à naviguer entre les pages en utilisant des liens PHP.
  • Comprendre l’importance de la cohérence dans le développement multi pages.

Cours

Section titled “Cours”

Activité pratique

Section titled “Activité pratique”

Titre de l’activité : Création d’un mini site personnel

Section titled “Titre de l’activité : Création d’un mini site personnel”

Objectif

Section titled “Objectif”
  • Construire un mini site avec trois pages distinctes en utilisant PHP pour la navigation et l’inclusion de fichiers.

Instructions

Section titled “Instructions”

  1. Préparation de l’environnement

    • Créez un nouveau projet avec les fichiers suivants : index.php, about.php, contact.php, header.php, et footer.php.
    • Préparez un dossier css pour les styles.
    • Vous pouvez lancer un serveur web avec la commande php -S localhost:2023 (le :2023 correspond au port et peut être modifier comme vous le souhaitez)

  2. Développement des pages

    • header.php : contient le début de la page HTML, la balise <head> et le menu de navigation.
    • footer.php : contient le pied de page et la fermeture des balises HTML.
    • index.php, about.php, contact.php : contiennent le contenu spécifique à chaque page.

  3. Navigation et style

    • Ajoutez des liens de navigation dans header.php pour accéder à index.php, about.php, et contact.php.
    • Appliquez des styles CSS de base pour améliorer l’apparence.

Code de base pour commencer

Section titled “Code de base pour commencer”
header.php
<!DOCTYPE html>
<html>
<head>
    <title>Mon Site Personnel</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.php">Accueil</a></li>
                <li><a href="about.php">À propos</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </nav>
    </header>
footer.php
    <footer>
        <p>&copy; 2024 Mon Site Personnel</p>
    </footer>
</body>
</html>
index.php
<?php include 'header.php'; ?>
    <h1>Bienvenue sur mon site personnel</h1>
    <p>Ceci est la page d'accueil.</p>
<?php include 'footer.php'; ?>

Correction - repo

Section titled “Correction - repo”

https://github.com/nn-teach/PHP-intro/tree/v1