Formation - Dissection d'une requête Web

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 ,[object Object],[object Object],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 ! 

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 ,[object Object],[object Object],[object Object],www.renault.com /fr/Pages/index.aspx > répertoires, fichier et extension i PC à l'écoute 24h/24, 7j/7 ! Client Firebug 

Que contient la page ? > le HTML ,[object Object],[object Object],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

De quoi a besoin la page ? > le chargement des fichiers ,[object Object],[object Object],cache / multiserveur / image tag statistique Firebug / IP-Label i + 

A quoi ressemble la page ? > le moteur de rendu ,[object Object],[object Object],DOM désactiver CSS / vidéos "Gecko Reflow" http://www.youtube.com/watch?v=dndeRnzkJDU i +  < ul class=" menu_infos "> <li> < a href="http://www.renault.com/en/Pages/Plan.aspx"> Site map </a> </li> </ul> . menu_infos { float: right; ] . menu_infos a { color: red; font-size: 10pt; } HTML CSS ,[object Object],[object Object]

Que faire sur la page ? > les scripts côté client ,[object Object],[object Object],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

Formation - Dissection d'une requête Web

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Formation - Dissection d'une requête Web

Ähnlich wie Formation - Dissection d'une requête Web (20)

Formation - Dissection d'une requête Web