comprendre lenvironnement web du site statique au site dynamique d. kockler – formateur tic...

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


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



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


F. A. I.

F. A. I.

Page HTML

Requête HTTP



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)


Rédacteur

F. A. I.

F. A. I.

Page HTML

Requête HTTP



Internaute

Serveur Hébergeur

Webmestre


Rédacteur

F. A. I.

F. A. I.

Page HTML

Requête HTTP

Fonctionnement d’un site interactif : Langage de programmation


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…


3 – Envoi de la page : Page HTML avec code JS + composants (images – sons – vidéos – etc…)

Requête HTTP



F. A. I

2 – Recherche de la page : Page PHP

Internaute

Script coté serveur : (PHP)



4 – Envoi de la page : Page HTML + composants (images – sons – vidéos – etc …)



3 – Exécution du script : Mot de passe – Compteur - Formulaire – Livre d’or ==> Page Web

Requête HTTP

Script coté Internaute : (Javascript)



F. A. IInternaute



Requête HTTP


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


F. A. I

2 – Recherche de la page : Page PHP

Internaute




4 – Envoi de la page : Page HTML + composants (images – sons – vidéos – etc …)



3 – Exécution du script : Construction Page Web

Requête HTTP

comprendre lenvironnement web du site statique au site dynamique d. kockler – formateur tic...

Documents