SlideShare a Scribd company logo
1 of 7
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 &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 ,[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

More Related Content

Viewers also liked

Creative commons et e-learning
Creative commons et e-learningCreative commons et e-learning
Creative commons et e-learningFFFOD
 
Historia del logo de google
Historia del logo de googleHistoria del logo de google
Historia del logo de googleVasquezLa
 
Avec UponJob, découvrez vos futurs talents !
Avec UponJob, découvrez vos futurs talents !Avec UponJob, découvrez vos futurs talents !
Avec UponJob, découvrez vos futurs talents !Romain Goby
 
Proposition forge agile 1.0
Proposition forge agile 1.0Proposition forge agile 1.0
Proposition forge agile 1.0Laurent MEURISSE
 
Ada 1 Evolución de las computadoras
Ada 1 Evolución de las computadoras Ada 1 Evolución de las computadoras
Ada 1 Evolución de las computadoras EstefaniaQuirozMarin
 
Partial quotients division
Partial quotients divisionPartial quotients division
Partial quotients divisionLinda
 
Gazette 2 Du 14 Octobre Au 20 Novembre 2008
Gazette 2 Du 14 Octobre Au 20 Novembre 2008Gazette 2 Du 14 Octobre Au 20 Novembre 2008
Gazette 2 Du 14 Octobre Au 20 Novembre 2008Ciné-Club Atmosphères
 
Witness curriculum 11-introduction au portrait de personnages-2011
Witness curriculum 11-introduction au portrait de personnages-2011Witness curriculum 11-introduction au portrait de personnages-2011
Witness curriculum 11-introduction au portrait de personnages-2011WITNESS
 
Charla redes sociales nacional siembra juventud 2016
Charla redes sociales nacional siembra juventud 2016Charla redes sociales nacional siembra juventud 2016
Charla redes sociales nacional siembra juventud 2016Sara Rocha
 

Viewers also liked (20)

Creative commons et e-learning
Creative commons et e-learningCreative commons et e-learning
Creative commons et e-learning
 
Presentacion empresa aguas del páramo de sonsón
Presentacion empresa aguas del páramo de sonsónPresentacion empresa aguas del páramo de sonsón
Presentacion empresa aguas del páramo de sonsón
 
Eval hda1
Eval hda1Eval hda1
Eval hda1
 
Hoja de calculo
Hoja de calculoHoja de calculo
Hoja de calculo
 
Historia del logo de google
Historia del logo de googleHistoria del logo de google
Historia del logo de google
 
Neymar jr2
Neymar jr2Neymar jr2
Neymar jr2
 
Avec UponJob, découvrez vos futurs talents !
Avec UponJob, découvrez vos futurs talents !Avec UponJob, découvrez vos futurs talents !
Avec UponJob, découvrez vos futurs talents !
 
Proposition forge agile 1.0
Proposition forge agile 1.0Proposition forge agile 1.0
Proposition forge agile 1.0
 
MosquéE Belge
MosquéE BelgeMosquéE Belge
MosquéE Belge
 
Side 2014
Side 2014Side 2014
Side 2014
 
Fred cavazza e-mk_socialmarketing
Fred cavazza e-mk_socialmarketing Fred cavazza e-mk_socialmarketing
Fred cavazza e-mk_socialmarketing
 
Dd et musees dda
Dd et musees ddaDd et musees dda
Dd et musees dda
 
Ensayo de-anorexia-y-bulimia
Ensayo de-anorexia-y-bulimiaEnsayo de-anorexia-y-bulimia
Ensayo de-anorexia-y-bulimia
 
Ada 1 Evolución de las computadoras
Ada 1 Evolución de las computadoras Ada 1 Evolución de las computadoras
Ada 1 Evolución de las computadoras
 
Partial quotients division
Partial quotients divisionPartial quotients division
Partial quotients division
 
Población
PoblaciónPoblación
Población
 
r
rr
r
 
Gazette 2 Du 14 Octobre Au 20 Novembre 2008
Gazette 2 Du 14 Octobre Au 20 Novembre 2008Gazette 2 Du 14 Octobre Au 20 Novembre 2008
Gazette 2 Du 14 Octobre Au 20 Novembre 2008
 
Witness curriculum 11-introduction au portrait de personnages-2011
Witness curriculum 11-introduction au portrait de personnages-2011Witness curriculum 11-introduction au portrait de personnages-2011
Witness curriculum 11-introduction au portrait de personnages-2011
 
Charla redes sociales nacional siembra juventud 2016
Charla redes sociales nacional siembra juventud 2016Charla redes sociales nacional siembra juventud 2016
Charla redes sociales nacional siembra juventud 2016
 

Similar to Formation - Dissection d'une requête Web

Glenn Jones : "Réutiliser les data existantes des médias sociaux"
Glenn Jones : "Réutiliser les data existantes des médias sociaux"Glenn Jones : "Réutiliser les data existantes des médias sociaux"
Glenn Jones : "Réutiliser les data existantes des médias sociaux"Christophe Ducamp
 
Seo camp day lorraine 2018 - Nancy gregory ambroise
Seo camp day lorraine 2018  - Nancy gregory ambroiseSeo camp day lorraine 2018  - Nancy gregory ambroise
Seo camp day lorraine 2018 - Nancy gregory ambroiseGrégory Ambroise
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Kenny Dits
 
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelSEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelThierry Pigot
 
Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)Thierry Régagnon
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Brigitte Marandon
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5chaudavid
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le WebSaïd Radhouani
 
Responsive WebDesign performant
Responsive WebDesign performantResponsive WebDesign performant
Responsive WebDesign performantRefficience
 
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.com
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.comSMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.com
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.comPlantelin Nicolas
 
Evolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEOEvolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEODimitri Brunel
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyTechniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyJean-Pierre Vincent
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site webKaelig Deloumeau-Prigent
 
Cours 1/3 "Architecture Web"
Cours 1/3 "Architecture Web"Cours 1/3 "Architecture Web"
Cours 1/3 "Architecture Web"Adyax
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 

Similar to Formation - Dissection d'une requête Web (20)

Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Glenn Jones : "Réutiliser les data existantes des médias sociaux"
Glenn Jones : "Réutiliser les data existantes des médias sociaux"Glenn Jones : "Réutiliser les data existantes des médias sociaux"
Glenn Jones : "Réutiliser les data existantes des médias sociaux"
 
Seo camp day lorraine 2018 - Nancy gregory ambroise
Seo camp day lorraine 2018  - Nancy gregory ambroiseSeo camp day lorraine 2018  - Nancy gregory ambroise
Seo camp day lorraine 2018 - Nancy gregory ambroise
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
 
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelSEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
 
Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)Référencement & Standards Web : La même direction (PW2009)
Référencement & Standards Web : La même direction (PW2009)
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Responsive WebDesign performant
Responsive WebDesign performantResponsive WebDesign performant
Responsive WebDesign performant
 
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.com
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.comSMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.com
SMX 2017 : Migration HTTPS : le cas pratique chez Voyages-sncf.com
 
Evolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEOEvolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEO
 
Browser
BrowserBrowser
Browser
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyTechniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwiparty
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site web
 
Cours 1/3 "Architecture Web"
Cours 1/3 "Architecture Web"Cours 1/3 "Architecture Web"
Cours 1/3 "Architecture Web"
 
Talk performance web
Talk performance webTalk performance web
Talk performance web
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 

Formation - Dissection d'une requête Web