TP7B - Page HTML Statique (sans PHP)

Comparaison entre contenu statique et dynamique

🎯 Objectif de ce TP

Comprendre la différence fondamentale entre une page web statique (.html) et une page dynamique (.php).

Cette page est un fichier .html - Tout code PHP apparaîtrait comme du texte simple.

📄 HTML STATIQUE

Fichier: page.html

Traitement: Navigateur uniquement

Contenu: Identique pour tous

Avantages: Rapide, simple, portable

Limitations: Pas de personnalisation

<h1>Bienvenue cher visiteur</h1>
<p>Nous sommes le 01/01/2024</p>
<p>Vous êtes le visiteur n°1</p>

Exemple de rendu:

Bienvenue cher visiteur

Nous sommes le 01/01/2024

Vous êtes le visiteur n°1

(Toujours identique)

⚡ PHP DYNAMIQUE

Fichier: page.php

Traitement: Serveur → Navigateur

Contenu: Personnalisé

Avantages: Interactif, personnalisé

Limitations: Nécessite serveur PHP

<?php
// Fichier PHP dynamique
$date = date('d/m/Y');
$visiteur = rand(100, 999);
?>
<h1>Bienvenue visiteur n°<?php echo $visiteur; ?></h1>
<p>Nous sommes le <?php echo $date; ?></p>

Exemple de rendu:

Bienvenue visiteur n°357

Nous sommes le Chargement...

Il est Chargement...

(Change à chaque rafraîchissement)

🔄 Démonstration interactive

Simulation HTML Statique

Nom: Cher visiteur

Heure: 12:00:00 (fixe)

Message: Bienvenue sur notre site

Compteur: 1 (toujours)

Simulation PHP Dynamique

Nom: Kacper

Heure: Chargement...

Message: Bienvenue Kacper

Compteur: 1 (incrémente)

📊 Comparaison technique

Critère	HTML Statique	PHP Dynamique
Extension fichier	.html	.php
Traitement	Client uniquement	Serveur puis client
Données personnelles	Impossible	Possible
Base de données	❌ Non	✅ Oui
Formulaire traitement	JavaScript seulement	PHP + JavaScript
Performance	⭐⭐⭐⭐⭐ (rapide)	⭐⭐⭐ (dépend du serveur)
Complexité	⭐ (simple)	⭐⭐⭐⭐ (complexe)

💡 Quand utiliser quoi ?

✅ HTML Statique

Sites vitrines
Portfolios
Documentation
Landing pages
Pages d'information

✅ PHP Dynamique

Applications web
Boutiques en ligne
Réseaux sociaux
Gestion de contenu
Espaces membres

Exemples concrets

<!-- PAGE STATIQUE (about.html) -->
<!DOCTYPE html>
<html>
<head>
    <title>À propos - Mon Site</title>
</head>
<body>
    <h1>À propos de nous</h1>
    <p>Notre entreprise a été fondée en 2026.</p>
    <p>Contact: test@test.com</p>
    <!-- Le contenu ne change JAMAIS -->
</body>
</html>

<?php
// PAGE DYNAMIQUE (dashboard.php)
session_start();
$utilisateur = $_SESSION['username'] ?? 'Invité';
$date = date('d/m/Y');
$heure = date('H:i:s');
?>
<!DOCTYPE html>
<html>
<head>
    <title>Tableau de bord</title>
</head>
<body>
    <h1>Bonjour <?php echo htmlspecialchars($utilisateur); ?>!</h1>
    <p>Nous sommes le <?php echo $date; ?></p>
    <p>Il est <?php echo $heure; ?></p>
    <!-- Le contenu change selon l'utilisateur et l'heure -->
</body>
</html>

TP Suivant → Retour à l'accueil