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