Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Formation - Dissection d'une requête Web

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

  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×