View
1
Download
0
Category
Preview:
Citation preview
Soyez acteur du Web !
Qu'est ce que le Web ?Comment fonctionne-t-il ?
Nicolas Delestre
Le Web, qu'est-ce ?
● Un peu de vocabulaire :– Le Web est une contraction de World Wide Web
– Le Web ≠ Internet
Le Web, qu'est-ce ?
● Un peu de vocabulaire :– Le Web est une contraction de World Wide Web
– Le Web ≠ Internet
– Internet est un support de communication
http://www.submarinecablemap.com/
Le Web, qu'est-ce ?
● Un peu de vocabulaire :– Le Web est une contraction de World Wide Web
– Le Web ≠ Internet
– Le Web est un ensemble de documents interconnectés disponibles sur Internet
http://www.hongkiat.com/blog/data-visualization-tools-resources/
Depuis quand ?
● Internet 1969
http://www.jeanlalonde.ca/internetengestion/05/histoire.htm
Début 2013,plus d'un milliard
de machines connectées à Internet
Depuis quand ?
● Le Web 1989● Créé par Tim Berners Lee
– Navigateur ou client Web
– Serveur Web
– URL
– HTTP
– HTMLhttp://www.radford.edu/srabago/links/text.html
Depuis quand ?
● Le Web 1989● Créé par Tim Berners Lee● Le nombre de sites Web
– Sites web déclarés
– Sites webactifs
PrincipeNavigateurServeurURLHTTPHTML
Les navigateurs
● Pour surfer sur le web il faut un navigateur
NavigateurServeurURLHTTPHTML
Les serveurs
● Pour proposer du contenu il faut un serveur web :
NavigateurServeurURLHTTPHTML
PrincipeNavigateurServeurURLHTTPHTML
Une URL c'est quoi ?
● Uniform Ressource Locator● Permet d'identifier une ressource ● Composée de plusieurs parties :
http://www.france-universite-numerique.fr/actualites.html
Permet de spécifier le protocole de communication entre le navigateur et le serveur
Permet d'identifier le document sur le serveur
NavigateurServeurURLHTTPHTML
Quelques protocoles
● Les protocoles les plus répendus :
– http (hypertext tranfer protocol) le protocole de base du Web
– https : une version sécurisée du protocole http
– file : le protocole qui permet d'accéder à une ressource qui se trouve sur votre ordinateur
NavigateurServeurURLHTTPHTML
Le HTTP
● Le protocole qui permet de demander une ressource
www.domaine.fr
...unRepertoire
uneRessource.html...
www.domaine.fr/unRepertoire/uneRessource.html
« Je veux la ressource unRepertoire/uneRessource.html »
GET unRepertoire/uneRessource.html HTTP/1.1Host: domaine.frReferer: http://www.domaine.fr/User-Agent: Mozilla/5.0 (X11; ...
« Tiens voici unRepertoire/uneRessource.html »
HTTP/1.1 200 OKDate: Fri, 10 Dec 2013 17:13:26 GMTServer: Apache/0.8.4Content-Type: text/html... Le contenu
de la ressource
NavigateurServeurURLHTTPHTML
Le HTML
● Le langage des documents du Web– indique comment est organisé le document (titre, sections,
paragraphes)
– indique comment doit être présenté le document (gras, italique, centré)
– indique quelles sont les ressources à inclure (image, vidéo, son)
– indique quels sont les liens avec d'autres documents
NavigateurServeurURLHTTPHTML
Un document HTML interprété
Le titre
Des titres de sections
Une vidéo
Des images
Un lien externeDes liensinternes
NavigateurServeurURLHTTPHTML
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
« Je veux le document index.html »
« Tiens voici index.html »
NavigateurServeurURLHTTPHTML
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
« Je veux le document images/logo.png »
« Tiens voici images/logo.png »
NavigateurServeurURLHTTPHTML
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
« Je veux le document images/mesr.png »
« Tiens voici images/mesr.png »
NavigateurServeurURLHTTPHTML
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
« Je veux le document video/fun.ogv »
« Tiens voici video/fun.ogv »
NavigateurServeurURLHTTPHTML
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
« Je veux le document image/ministre.png »
« Tiens voici images/ministre.png »
NavigateurServeurURLHTTPHTML
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
Multiples requêtes
● Une page affichée : souvent plusieurs requêtes HTTP
« Je veux le document images/moocRechercheDocu.png »
« Tiens voici images/moocRechercheDocu.png »
NavigateurServeurURLHTTPHTML
www.france-universite-numerique.fr
...index.html
images/logo.pngimages/mesr.png...video/...
...
Conclusion
● Dans ce cours nous avons :– distingué Internet et le Web
– identifié les entités, protocole et langages permettant de surfer sur le Web
● Dans le prochain cours, nous commencerons à étudier plus en détail le langage HTML
Recommended