Comprendre l’environnement Web
Du site statique au site dynamique
D. Kockler – Formateur TIC Décembre 2006
Comprendre l’environnement Web
Du site statique au site dynamique
D. Kockler – Formateur TIC
Stage Aide Négociée : TIC 1301-A7
Décembre 2006
Fonctionnement d’un site statique
D. Kockler – Formateur TIC
F. A. I
3 – Appel de la page web : Page de démarrage (Paramètre du navigateur) – Lien
Internaute
Navigation sur la toile (le Web) :
2 - Lancement du navigateur : Internet Explorer (Microsoft) / Firefox (Mozilla)
1 – Connexion Internet : Attribution adresse IP par FAI – Accès au Web
Serveur HébergeurPage HTML
5 – Envoi de la page : Code HTML + composants de la page (images / sons / vidéos / etc…)
6 – Interprétation par le navigateur : Affichage de la page Web
Stage Site WEB : Décembre 2006
4 – Recherche de la page : index.html (si @serveur - ex : http://www.ac-creteil.fr/index.html)
Requête HTTP
http://www.ac-creteil.fr
Internet
@ IP : 87.7.246.165
Fonctionnement d’un site statique
D. Kockler – Formateur TIC
3 – Transfert des fichiers : Pages Web (Code HTML + composants de la page)
2 – Connexions : FAI (Identification) - Serveur (Identification)
Internaute
Téléchargement sur le Serveur (Publier) :
1 - Lancement d’un client FTP : FileZilla (Mozilla)
Serveur Hébergeur
Webmestre
Stage Site WEB : Décembre 2006
F. A. I.
F. A. I.
Page HTML
Requête HTTP
Fonctionnement d’un site statique
D. Kockler – Formateur TIC
2 – Editer la page Web : Texte – Images – Sons – Liens hypertextes
Internaute
Création de pages Web (Editer) :
Serveur Hébergeur
3 – Transfert des pages au Webmestre :
Webmestre
1 – Lancement d’un éditeur HTML : Dreamweaver – NVU (WYSIWYG)
Stage Site WEB : Décembre 2006
Rédacteur
F. A. I.
F. A. I.
Page HTML
Requête HTTP
Fonctionnement d’un site statique
D. Kockler – Formateur TIC
Internaute
Serveur Hébergeur
Webmestre
Stage Site WEB : Décembre 2006
Rédacteur
F. A. I.
F. A. I.
Page HTML
Requête HTTP
Fonctionnement d’un site interactif : Langage de programmation
D. Kockler – Formateur TIC
F. A. I
2 – Recherche de la page : Page HTML avec script Javascrip inclus
Internaute
Script coté internaute : (Javascript)
1 – Appel de la page web : Requête HTTP
Serveur HébergeurPage HTML avec code JS
4 – Interprétation par le navigateur : Affichage de la page web
5 – Exécution du script : par exemple : Date du jour – Contrôle validité @ mel – etc…
Stage Site WEB : Décembre 2006
3 – Envoi de la page : Page HTML avec code JS + composants (images – sons – vidéos – etc…)
Requête HTTP
Fonctionnement d’un site interactif : Langage de programmation
D. Kockler – Formateur TIC
F. A. I
2 – Recherche de la page : Page PHP
Internaute
Script coté serveur : (PHP)
1 – Appel de la page web : Requête HTTP
Serveur HébergeurPage HTML
4 – Envoi de la page : Page HTML + composants (images – sons – vidéos – etc …)
5 – Interprétation par le navigateur : Affichage de la page Web
Stage Site WEB : Décembre 2006
3 – Exécution du script : Mot de passe – Compteur - Formulaire – Livre d’or ==> Page Web
Requête HTTP
Script coté Internaute : (Javascript)
Fonctionnement d’un site interactif : Langage de programmation
D. Kockler – Formateur TIC
F. A. IInternaute
Serveur HébergeurPage HTML
Stage Site WEB : Décembre 2006
Requête HTTP
Script coté serveur : (PHP)
Script coté Internaute : (Javascript)
Principe d’une page dynamique
D. Kockler – Formateur TIC Stage Site WEB : Décembre 2006
Rédacteur
Catalogue dynamique : Construction de la page en fonction du contexte (Identifiant du produit)
Catalogue statique : Une page spécifique pour chaque produit
Base de donnéesArborescence du site
Fonctionnement d’un site dynamique : PHP + Base de données
D. Kockler – Formateur TIC
F. A. I
2 – Recherche de la page : Page PHP
Internaute
Script coté serveur : (PHP)
1 – Appel de la page web : Requête HTTP
Serveur HébergeurPage HTML
4 – Envoi de la page : Page HTML + composants (images – sons – vidéos – etc …)
5 – Interprétation par le navigateur : Affichage de la page Web
Stage Site WEB : Décembre 2006
3 – Exécution du script : Construction Page Web
Requête HTTP