Dissection d’une requête Web > de l’url à l’affichage de la page www.renault.com/fr/Pages/index.aspx i ?
Où se trouve la page ? > le  Domain Name System <ul><li>www.renault.com /fr/Pages/index.aspx </li></ul><ul><li>> uniquemen...
Pouvez-vous me donner cette page ? >  le traitement serveur codes HTTP / URL rewriting + 1 requête HOST  :  www.renault.co...
Que contient la page ? >  le HTML <ul><li>www.renault.com/fr/Pages/ index.aspx </li></ul><ul><li>> html </li></ul>DOM i + ...
De quoi a besoin la page ? >  le chargement des fichiers <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> i...
A quoi ressemble la page ? >  le moteur de rendu <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> images, f...
Que faire sur la page ? >  les scripts côté client <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> liens, ...
Prochain SlideShare
Chargement dans…5
×

Formation - Dissection d'une requête Web

1 104 vues

Publié le

Présentation très light des dispositifs mis en oeuvre pour afficher une page Web sur un navigateur Internet

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 104
Sur SlideShare
0
Issues des intégrations
0
Intégrations
28
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Formation - Dissection d'une requête Web

  1. 1. Dissection d’une requête Web > de l’url à l’affichage de la page www.renault.com/fr/Pages/index.aspx i ?
  2. 2. Où se trouve la page ? > le Domain Name System <ul><li>www.renault.com /fr/Pages/index.aspx </li></ul><ul><li>> uniquement le domaine </li></ul>qui gère .com ? qui gère renault.com ? où est   www.renault.com ? serveur DNS racine serveur DNS du  .com serveur DNS Renault cache et propagation WHOIS / Traceroute / http://thomas-fourdin.net/netdns/ i serveur DNS du  .com serveur DNS Renault ( anna.renault.fr ) IP du serveur renault.com ( 160.92.110.170 ) + MERCI ! 
  3. 3. Pouvez-vous me donner cette page ? > le traitement serveur codes HTTP / URL rewriting + 1 requête HOST : www.renault.com GET   /fr/Pages/index.aspx Serveur <ul><li>1 réponse selon le type de fichiers </li></ul><ul><li>fichiers simplement retournés (images : .gif, .jpg, fichiers : .html, .css) </li></ul><ul><li>traitement de scripts (.asp, .php) : traitement de formulaires, interrogation de base de donneés, etc. </li></ul>www.renault.com /fr/Pages/index.aspx > répertoires, fichier et extension i PC à  l'écoute 24h/24, 7j/7 ! Client Firebug 
  4. 4. Que contient la page ? > le HTML <ul><li>www.renault.com/fr/Pages/ index.aspx </li></ul><ul><li>> html </li></ul>DOM i +  < body > </body> < h1 > </h1> Le groupe Renault < p > </p> Renault est un constructeur automobile français généraliste depuis 1895. Allié avec le constructeur Nissan… < img src= ”logo.jpg” align=“left” > < a href= ”suite.html > </a> Lire la suite HTML Un titre Une image Un paragraphe Un lien Un document Code source / Firebug
  5. 5. De quoi a besoin la page ? > le chargement des fichiers <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> images, flash, feuilles de styles, javascript, etc. </li></ul>cache / multiserveur / image tag statistique Firebug / IP-Label i + 
  6. 6. A quoi ressemble la page ? > le moteur de rendu <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> images, flash, feuilles de styles, javascript, etc. </li></ul>DOM désactiver CSS / vidéos &quot;Gecko Reflow&quot; http://www.youtube.com/watch?v=dndeRnzkJDU i +  < ul class=&quot; menu_infos &quot;> <li> < a href=&quot;http://www.renault.com/en/Pages/Plan.aspx&quot;> Site map </a> </li> </ul> . menu_infos { float: right; ] . menu_infos a { color: red; font-size: 10pt; } HTML CSS <ul><li>Site map </li></ul><ul><li>Site map </li></ul>
  7. 7. Que faire sur la page ? > les scripts côté client <ul><li>www.renault.com/fr/Pages/index.aspx </li></ul><ul><li>> liens, formulaires et javascripts </li></ul>i +  lien = nouvelle requête simple [GET] formulaire = nouvelle requête + données [POST] javascript = manipulation des éléments de la page sans nouveau chargement flash ou ajax = nouveaux échanges de données (requêtes) sans changer de page (via XML) NOUVEAU ! HTTPRequest Firebug

×