1 / 11

Comprendre l’environnement Web

Comprendre l’environnement Web. Du site statique au site dynamique. Décembre 2006. D. Kockler – Formateur TIC. Comprendre l’environnement Web. Du site statique au site dynamique. Stage Aide Négociée : TIC 1301-A7. Décembre 2006. D. Kockler – Formateur TIC.

caelan
Download Presentation

Comprendre l’environnement Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Comprendre l’environnement Web Du site statique au site dynamique Décembre 2006 D. Kockler – Formateur TIC

  2. Comprendre l’environnement Web Du site statique au site dynamique Stage Aide Négociée : TIC 1301-A7 Décembre 2006 D. Kockler – Formateur TIC

  3. Fonctionnement d’un site statique http://www.ac-creteil.fr @ IP : 87.7.246.165 Requête HTTP Internet F. A. I Internaute Page HTML Serveur Hébergeur Navigation sur la toile (le Web) : 1 - Lancement du navigateur :Internet Explorer (Microsoft) / Firefox (Mozilla) 2 - Connexion au FAI (Fournisseur d’Accès Internet) :RTC – ADSL 3 – Identification :Nom d’utilisateur - Mot de passe - (Numéro de téléphone) 4 – Connexion Internet :Attribution adresse IP par FAI – Accès au Web 5 – Appel de la page web :Page de démarrage (Paramètre du navigateur) – Lien 6 – Recherche de la page :index.html (si @serveur - ex : http://www.ac-creteil.fr/index.html) 7 – Envoi de la page :Code HTML + composants de la page (images / sons / vidéos / etc…) 8 – Interprétation par le navigateur :Affichage de la page Web Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  4. Fonctionnement d’un site statique Requête HTTP Internaute F. A. I. Page HTML Serveur Hébergeur F. A. I. Webmestre Téléchargement sur le Serveur (Publier) : 1 - Lancement d’un client FTP :FileZilla (Mozilla) 2 – Connexions : FAI(Identification)- Serveur (Identification) 3 – Transfert des fichiers :Pages Web (Code HTML + composants de la page) Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  5. Fonctionnement d’un site statique Requête HTTP Internaute F. A. I. Page HTML Serveur Hébergeur F. A. I. Webmestre Création de pages Web (Editer) : 1 – Lancement d’un éditeur HTML :Dreamweaver – NVU (WYSIWYG) Rédacteur 2 – Editer la page Web :Texte – Images – Sons – Liens hypertextes 3 – Transfert des pages au Webmestre : Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  6. Fonctionnement d’un site statique Requête HTTP Internaute F. A. I. Page HTML Serveur Hébergeur F. A. I. Webmestre Rédacteur Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  7. Fonctionnement d’un site interactif : Langage de programmation Requête HTTP F. A. I Internaute Page HTML avec code JS Serveur Hébergeur Script coté internaute : (Javascript) 1 – Appel de la page web : Requête HTTP 2 – Recherche de la page :Page HTML avec script Javascrip inclus 3 – Envoi de la page :Page HTML avec code JS + composants (images – sons – vidéos – etc…) 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 D. Kockler – Formateur TIC

  8. Fonctionnement d’un site interactif : Langage de programmation Requête HTTP F. A. I Internaute Page HTML Serveur Hébergeur Script coté Internaute : (Javascript) Script coté serveur : (PHP) 1 – Appel de la page web : Requête HTTP 2 – Recherche de la page :Page PHP 3 – Exécution du script : Mot de passe – Compteur - Formulaire – Livre d’or ==> Page Web 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 D. Kockler – Formateur TIC

  9. Fonctionnement d’un site interactif : Langage de programmation Requête HTTP F. A. I Internaute Page HTML Serveur Hébergeur Script coté Internaute : (Javascript) Script coté serveur : (PHP) Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  10. Principe d’une page dynamique Base de données Arborescence du site Rédacteur Catalogue statique : Une page spécifique pour chaque produit Catalogue dynamique : Construction de la page en fonction du contexte (Identifiant du produit) Stage Site WEB : Décembre 2006 D. Kockler – Formateur TIC

  11. Fonctionnement d’un site dynamique : PHP +Base de données Requête HTTP F. A. I Internaute Page HTML Serveur Hébergeur Script coté serveur : (PHP) 1 – Appel de la page web : Requête HTTP 2 – Recherche de la page :Page PHP 3 – Exécution du script : Construction Page Web 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 D. Kockler – Formateur TIC

More Related