Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Formation - Dissection d'une requête Web

1,164 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×