SlideShare une entreprise Scribd logo
1  sur  46
Télécharger pour lire hors ligne
Nouvelles technologies  du Web World Wide Web Saïd Radhouani Université de Genève
Assembler le puzzle 16-10-2007 Saïd Radhouani - CUI Internet Serveur Web HTML HTTP TCP/IP Hypertexte Lien Navigation Navigateur,Browser,… Site Web Page Web Statique / Dynamique Hypermédia Etc.
Historique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Historique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Définir le Web! ,[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Le Web est un système Hypertexte/Hypermédia ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI A B C D F
L'hypertexte est un graphe ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI A B C D E
Hypertexte/Hypermédia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Liens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Le Web est un service d’Internet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Internet ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet
Le protocole TCP/IP ,[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP
À quoi ça peut servir ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Création de service ,[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Napster
Napster 16-10-2007 Saïd Radhouani - CUI Références vers  des fichiers mp3 Napster ,[object Object],Serveur
Napster ,[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Peer-to-Peer (P2P) ,[object Object],16-10-2007 Saïd Radhouani - CUI
Pourquoi tout ce tour ? ,[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Napster P2P e-mail …
Enfin,… le Web ,[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web
Quel protocole ? ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Fonctionnement du protocole HTTP 16-10-2007 Saïd Radhouani - CUI Client Serveur Web Requête Réponse Navigateur
Fonctionnement du protocole HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Requête HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Identification des ressources ,[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
URL - Uniform Resource Locator 16-10-2007 Saïd Radhouani - CUI numéro associé à un service facultatif dans le cas du Web (80) protocole : quel “langage“ on va utiliser ? ftp  transfert de fichiers entre machines http  échanger des pages HTML ... nom d u serveur : nom du domaine de la machine contenant la ressource demandée on peut utiliser l'adresse IP (URL moins lisible) protocole : // id:mp@ serveur : port / fichier [ # ancre |? paramètres ] paramètres d'accès à un serveur sécurisé
URL - Uniform Resource Locator 16-10-2007 Saïd Radhouani - CUI liste des paramètres  envoyés à une application sur le serveur nom du pointeur   d ans  le doc ument  HTML Chemin d'accès  à la ressource (emplacement de la ressource) protocole : // id:mp@ serveur : port / fichier [ # ancre |? paramètres ] Exemples : ftp://radhouan@cui.unige.ch http://cui.unige.ch/isi/reports/rfia2004.pdf
Réponse d'un serveur Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Réponse d'un serveur Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Architecture du Web ,[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP
Navigateur ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Navigateur ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Navigateurs et plugins ,[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Navigateur  web (client) <html> … <href=&quot;http … pdf  > </html> http://www.unige.ch/… Serveur Web page html fichier. pdf Plugin
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
HTML ,[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Structure d’une page HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Exemple d’une page HTML 16-10-2007 Saïd Radhouani - CUI
La page interprétée par un navigateur 16-10-2007 Saïd Radhouani - CUI
Exemple de code HTML ,[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Architecture du Web ,[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML
Le Web : un service qui évolue ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Le Web : un service qui évolue ,[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Les feuilles de style ,[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI Contenu textuelle Pages HTML Feuille de style Appliquer Indication sur l'apparence du texte
Feuilles de style ,[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Feuilles de styles - Exemple ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI <html> <head> <title>exemple style</title> <STYLE type=&quot;text/css&quot;> <!-- h1 {color: red; font: bold} h2 {color: blue; font: italic } --> </STYLE> </head> <body> <h1>titre 1</h1> <h2>sous-titre</h2> texte <h2>sous-titre</h2> </body> </html>
Utilité des feuilles de style ,[object Object],[object Object],[object Object],[object Object],16-10-2007 Saïd Radhouani - CUI
Architecture du Web ,[object Object],16-10-2007 Saïd Radhouani - CUI Le réseau Internet TCP/IP Web HTTP HTML Feuille de style

Contenu connexe

Tendances

Cache + TLS | *deprecated*
Cache + TLS | *deprecated*Cache + TLS | *deprecated*
Cache + TLS | *deprecated*Thierry Marianne
 
Reseau entreprise
Reseau entrepriseReseau entreprise
Reseau entrepriseSAIDRAISS2
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de phpGautier DUMAS
 
Tout ce que le getting started mongo db ne vous dira pas
Tout ce que le getting started mongo db ne vous dira pasTout ce que le getting started mongo db ne vous dira pas
Tout ce que le getting started mongo db ne vous dira pasPierre-Alban DEWITTE
 
HDFS HA : Stockage à haute disponibilité par Damien Hardy
HDFS HA : Stockage à haute disponibilité par Damien HardyHDFS HA : Stockage à haute disponibilité par Damien Hardy
HDFS HA : Stockage à haute disponibilité par Damien HardyOlivier DASINI
 
Presentation d'un cms: SPIP
Presentation d'un cms: SPIPPresentation d'un cms: SPIP
Presentation d'un cms: SPIPclemespe
 
Presentation
PresentationPresentation
Presentationbois
 
Administration linux
Administration linuxAdministration linux
Administration linuxLys Lopy
 

Tendances (9)

Cache + TLS | *deprecated*
Cache + TLS | *deprecated*Cache + TLS | *deprecated*
Cache + TLS | *deprecated*
 
Reseau entreprise
Reseau entrepriseReseau entreprise
Reseau entreprise
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de php
 
Resume SGBDR
Resume SGBDRResume SGBDR
Resume SGBDR
 
Tout ce que le getting started mongo db ne vous dira pas
Tout ce que le getting started mongo db ne vous dira pasTout ce que le getting started mongo db ne vous dira pas
Tout ce que le getting started mongo db ne vous dira pas
 
HDFS HA : Stockage à haute disponibilité par Damien Hardy
HDFS HA : Stockage à haute disponibilité par Damien HardyHDFS HA : Stockage à haute disponibilité par Damien Hardy
HDFS HA : Stockage à haute disponibilité par Damien Hardy
 
Presentation d'un cms: SPIP
Presentation d'un cms: SPIPPresentation d'un cms: SPIP
Presentation d'un cms: SPIP
 
Presentation
PresentationPresentation
Presentation
 
Administration linux
Administration linuxAdministration linux
Administration linux
 

En vedette

Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Sofien Benrhouma
 
Chapter 2 The Internet And World Wide Web
Chapter 2 The Internet And World Wide WebChapter 2 The Internet And World Wide Web
Chapter 2 The Internet And World Wide Webnorzaini
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatiqueHicham Ben
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEOussama Djerba
 
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
Twitter Bootstrap par Antoine Guédès et Cédric DussartTwitter Bootstrap par Antoine Guédès et Cédric Dussart
Twitter Bootstrap par Antoine Guédès et Cédric DussartLa FeWeb
 
Das Verlassen der Komfortzone
Das Verlassen der KomfortzoneDas Verlassen der Komfortzone
Das Verlassen der KomfortzoneJuergen Wiese
 
Cannes film festival
Cannes film festivalCannes film festival
Cannes film festivalheeralacharya
 
Soi de Conscience, Esprit et Corps (French)
Soi de Conscience, Esprit et Corps (French)Soi de Conscience, Esprit et Corps (French)
Soi de Conscience, Esprit et Corps (French)Hitoshi Tsuchiyama
 
Les 10 ans de la CCI Liège-Verviers - Dessins de Kroll
Les 10 ans de la CCI Liège-Verviers - Dessins de KrollLes 10 ans de la CCI Liège-Verviers - Dessins de Kroll
Les 10 ans de la CCI Liège-Verviers - Dessins de KrollCCICONNECT
 
Communiqué de presse Noël 2012 - Babymoov
Communiqué de presse Noël 2012 - BabymoovCommuniqué de presse Noël 2012 - Babymoov
Communiqué de presse Noël 2012 - BabymoovRomu
 
Procedure parlementaire
Procedure parlementaireProcedure parlementaire
Procedure parlementaireLe Yack
 

En vedette (20)

Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
 
Dysphagie
DysphagieDysphagie
Dysphagie
 
Intrenet lessons
Intrenet lessonsIntrenet lessons
Intrenet lessons
 
Chapter 2 The Internet And World Wide Web
Chapter 2 The Internet And World Wide WebChapter 2 The Internet And World Wide Web
Chapter 2 The Internet And World Wide Web
 
Css
CssCss
Css
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédia
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
 
CSS et CSS3
CSS et CSS3CSS et CSS3
CSS et CSS3
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEE
 
Rapport De PFE
Rapport De PFERapport De PFE
Rapport De PFE
 
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
Twitter Bootstrap par Antoine Guédès et Cédric DussartTwitter Bootstrap par Antoine Guédès et Cédric Dussart
Twitter Bootstrap par Antoine Guédès et Cédric Dussart
 
Artesanias s.a
Artesanias s.aArtesanias s.a
Artesanias s.a
 
Das Verlassen der Komfortzone
Das Verlassen der KomfortzoneDas Verlassen der Komfortzone
Das Verlassen der Komfortzone
 
Cannes film festival
Cannes film festivalCannes film festival
Cannes film festival
 
Soi de Conscience, Esprit et Corps (French)
Soi de Conscience, Esprit et Corps (French)Soi de Conscience, Esprit et Corps (French)
Soi de Conscience, Esprit et Corps (French)
 
Les 10 ans de la CCI Liège-Verviers - Dessins de Kroll
Les 10 ans de la CCI Liège-Verviers - Dessins de KrollLes 10 ans de la CCI Liège-Verviers - Dessins de Kroll
Les 10 ans de la CCI Liège-Verviers - Dessins de Kroll
 
Communiqué de presse Noël 2012 - Babymoov
Communiqué de presse Noël 2012 - BabymoovCommuniqué de presse Noël 2012 - Babymoov
Communiqué de presse Noël 2012 - Babymoov
 
Procedure parlementaire
Procedure parlementaireProcedure parlementaire
Procedure parlementaire
 

Similaire à Introduction aux technologies du Web (1)

Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Vlad Posea
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Saïd Radhouani
 
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
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdfElomyakobi
 
Formation - P1 - Spip Utilisation
Formation - P1 - Spip UtilisationFormation - P1 - Spip Utilisation
Formation - P1 - Spip UtilisationPatrick Vincent
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEMarouan OMEZZINE
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented ArchitectureDNG Consulting
 
Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)Saïd Radhouani
 
seance1 Internet-WEB 21.ppt
seance1 Internet-WEB 21.pptseance1 Internet-WEB 21.ppt
seance1 Internet-WEB 21.pptAmineReal
 
Html5-Devfest Yaoundé 2013
Html5-Devfest Yaoundé 2013Html5-Devfest Yaoundé 2013
Html5-Devfest Yaoundé 2013gdgyaounde
 
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
 
Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Jean-François Ruiz
 
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfGestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfSofianeHassine2
 
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfGestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfSofianeHassine2
 
Drupal et les Systèmes de gestion de contenu
Drupal et les Systèmes de gestion de contenuDrupal et les Systèmes de gestion de contenu
Drupal et les Systèmes de gestion de contenuMario Marcello Verona
 
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)TribuAndCo
 
Cours d’introduction à la conception de sites web (CSS-XHTML)
Cours d’introduction à la conception de sites web (CSS-XHTML)Cours d’introduction à la conception de sites web (CSS-XHTML)
Cours d’introduction à la conception de sites web (CSS-XHTML)Adrien Barbaresi
 
resume-theorique-m104-0401-61d5b38b21f67 (1).pptx
resume-theorique-m104-0401-61d5b38b21f67 (1).pptxresume-theorique-m104-0401-61d5b38b21f67 (1).pptx
resume-theorique-m104-0401-61d5b38b21f67 (1).pptxFootballLovers9
 

Similaire à Introduction aux technologies du Web (1) (20)

Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Introduction au web cours.pdf
Introduction au web cours.pdfIntroduction au web cours.pdf
Introduction au web cours.pdf
 
Formation - P1 - Spip Utilisation
Formation - P1 - Spip UtilisationFormation - P1 - Spip Utilisation
Formation - P1 - Spip Utilisation
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)
 
seance1 Internet-WEB 21.ppt
seance1 Internet-WEB 21.pptseance1 Internet-WEB 21.ppt
seance1 Internet-WEB 21.ppt
 
Html5-Devfest Yaoundé 2013
Html5-Devfest Yaoundé 2013Html5-Devfest Yaoundé 2013
Html5-Devfest Yaoundé 2013
 
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
 
Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?
 
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdfGestion_d_un_projet_Web_e_commerce_Piece (1).pdf
Gestion_d_un_projet_Web_e_commerce_Piece (1).pdf
 
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdfGestion_d_un_projet_Web_e_commerce_Piece.pdf
Gestion_d_un_projet_Web_e_commerce_Piece.pdf
 
Drupal et les Systèmes de gestion de contenu
Drupal et les Systèmes de gestion de contenuDrupal et les Systèmes de gestion de contenu
Drupal et les Systèmes de gestion de contenu
 
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
 
Introduction au Web
Introduction au WebIntroduction au Web
Introduction au Web
 
Cours d’introduction à la conception de sites web (CSS-XHTML)
Cours d’introduction à la conception de sites web (CSS-XHTML)Cours d’introduction à la conception de sites web (CSS-XHTML)
Cours d’introduction à la conception de sites web (CSS-XHTML)
 
resume-theorique-m104-0401-61d5b38b21f67 (1).pptx
resume-theorique-m104-0401-61d5b38b21f67 (1).pptxresume-theorique-m104-0401-61d5b38b21f67 (1).pptx
resume-theorique-m104-0401-61d5b38b21f67 (1).pptx
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 

Plus de Saïd Radhouani

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionSaïd Radhouani
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse Saïd Radhouani
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratSaïd Radhouani
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learniningSaïd Radhouani
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heuresSaïd Radhouani
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'informationSaïd Radhouani
 

Plus de Saïd Radhouani (15)

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To Action
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctorat
 
Conception de sites Web
Conception de sites WebConception de sites Web
Conception de sites Web
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learnining
 
Documents intéractifs
Documents intéractifsDocuments intéractifs
Documents intéractifs
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Serveur Web (1)
Serveur Web (1)Serveur Web (1)
Serveur Web (1)
 
Serveur Web (2)
Serveur Web (2)Serveur Web (2)
Serveur Web (2)
 
SPIP
SPIPSPIP
SPIP
 
PHP &amp; MySQL
PHP &amp; MySQLPHP &amp; MySQL
PHP &amp; MySQL
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heures
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'information
 

Introduction aux technologies du Web (1)

  • 1. Nouvelles technologies du Web World Wide Web Saïd Radhouani Université de Genève
  • 2. Assembler le puzzle 16-10-2007 Saïd Radhouani - CUI Internet Serveur Web HTML HTTP TCP/IP Hypertexte Lien Navigation Navigateur,Browser,… Site Web Page Web Statique / Dynamique Hypermédia Etc.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Fonctionnement du protocole HTTP 16-10-2007 Saïd Radhouani - CUI Client Serveur Web Requête Réponse Navigateur
  • 22.
  • 23.
  • 24.
  • 25. URL - Uniform Resource Locator 16-10-2007 Saïd Radhouani - CUI numéro associé à un service facultatif dans le cas du Web (80) protocole : quel “langage“ on va utiliser ? ftp transfert de fichiers entre machines http échanger des pages HTML ... nom d u serveur : nom du domaine de la machine contenant la ressource demandée on peut utiliser l'adresse IP (URL moins lisible) protocole : // id:mp@ serveur : port / fichier [ # ancre |? paramètres ] paramètres d'accès à un serveur sécurisé
  • 26. URL - Uniform Resource Locator 16-10-2007 Saïd Radhouani - CUI liste des paramètres envoyés à une application sur le serveur nom du pointeur d ans le doc ument HTML Chemin d'accès à la ressource (emplacement de la ressource) protocole : // id:mp@ serveur : port / fichier [ # ancre |? paramètres ] Exemples : ftp://radhouan@cui.unige.ch http://cui.unige.ch/isi/reports/rfia2004.pdf
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Exemple d’une page HTML 16-10-2007 Saïd Radhouani - CUI
  • 37. La page interprétée par un navigateur 16-10-2007 Saïd Radhouani - CUI
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.

Notes de l'éditeur

  1. le client demande au serveur : donne moi le fichier suivant. voici mon adresse. le modele du navigateur sert à faire des statistiques
  2. l&apos;identification des ressources sur interent doit être unique. pour celà, on utilise une URL qui représente un format de nommage universel pour identifier une ressource sur internet. l&apos;url sert aussi comme un moyen d&apos;envoyer des informationa à travers internet (voir diapo suivant).
  3. Si vous digérez mal l&apos;informatique, considérez les ports comme des Portes donnant accès à votre système d&apos;exploitation ( Windows, Mac OS, Linux, Solaris...). Pour fonctionner, un programme doit avoir accès à votre système d&apos;exploitation (par exemple pour les jeux à accélération 3D/2D, des logiciels de retouche photo, etc.), et doit donc ouvrir des portes pour pouvoir entrer dans votre système d&apos;exploitation. Quand vous quittez le programme, la porte n&apos;a plus besoin d&apos;être ouverte. Les problèmes de sécurité surviennent lorsque certains programmes oublient de refermer ces dites portes (les &amp;quot; Ports &amp;quot;), ou même tout simplement lorsque la configuration mal maîtrisée de l&apos;ordinateur ouvre des ports sans aucune utilité. Cela donne lieu à des failles de sécurité informatiques, car si une porte n&apos;est pas refermée, n&apos;importe qui peut l&apos;emprunter...
  4. Le type MIME (Multipurpose Internet Mail Extensions) est un standard qui a été proposé afin d&apos;étendre les possibilités du courrier électronique (mail), c&apos;est-à-dire de permettre d&apos;insérer des documents (images, sons, texte, ...) dans un courrier. Le type MIME est aussi utilisé pour typer les documents transférés par le protocole HTTP . Lors d&apos;une transaction entre un serveur web et un navigateur internet, le serveur web envoie en premier lieu le type MIME du fichier envoyé au navigateur, afin que ce dernier puisse savoir de quelle manière afficher le document. Un type MIME est constitué de la manière suivante: Content-type: type_mime_principal/sous_type_mime Une image GIF a par exemple le type MIME suivant: Content-type: image/gif
  5. sur putty : cuisuna.unige.ch ensuite, se connecter, enfin, utiliser des commandes HTTP. exemple de requête HTTP, GET www.google.ch http/1.1 (GET : Requête de la ressource située à l&apos;URL spécifié )