Introduction aux Sites Web
Objectifs
Comprendre le fonctionnement des sites web statiques, interactifs (côté client et serveur) et dynamiques.
Apprendre les avantages et les inconvénients de chaque type de site.
Maîtriser les notions de JavaScript côté client et PHP côté serveur.
Résumé
Découvrez le fonctionnement des sites statiques, interactifs et dynamiques, ainsi que l'utilisation de JavaScript et PHP côté client et serveur.
Description
Pour commencer, explorons les sites statiques. Un site statique fonctionne simplement: un internaute saisit l'URL, le serveur renvoie la page HTML via une requête HTTP, et le navigateur affiche cette page. Cependant, il manque d'interactivité en dehors des liens hypertextes.
Observons maintenant un site interactif côté client. Ici, du code JavaScript est inclus dans la page HTML. Après avoir saisi l'URL, la page HTML avec le JavaScript est envoyée au navigateur. Ce script attend un événement pour s'exécuter, par exemple un rollover d'image. Ces sites sont rapides, mais posent des problèmes de compatibilité et de sécurité car le code source est du côté client.
Vient ensuite le site interactif côté serveur, où un module PHP est intégré au serveur web. La page portant l'extension .php contient du code PHP. Lorsqu'une requête est reçue, le serveur exécute le code PHP et renvoie le résultat en HTML. Cela réduit les problèmes de compatibilité et de sécurité mais prend plus de temps à cause des échanges serveur-client.
Enfin, un site dynamique inclut un serveur de base de données en plus du serveur web. Le serveur web interroge la base de données via des requêtes SQL et intègre les informations retournées dans la page PHP avant de l'envoyer au navigateur.
Apprenez dans cette leçon comment chacun de ces types de sites fonctionne et les avantages et inconvénients associés.