Historique et présentation
Internet
Qu'est-ce qu'Internet?
Un ensemble de réseaux informatiques locaux utilisant les mêmes protocoles de bas niveau standards (TCP/IP) et formant un réseau global.
Image © portices.fr
Applications d'Internet
courrier électronique
partage de fichiers pair-à-pair (P2P)
chat
...
le World Wide Web
Le World Wide Web (WWW)
Un espace d'information global et décentralisé, basé sur la navigation par hypertexte.
Indication
Beaucoup d'applications d'Internet utilisent aujourd'hui le Web comme interface utilisateur, ce qui rend plus floue la différence entre le Web et Internet.
Histoire du Web
partielle et subjective...
Paul Otlet (1868-1944)
Source image Wikimedia commons
.jpg){kind=link}
Mondothèque, Traité de documentation (1934)
Vannevar Bush (1880-1974)
Source image Wikimedia commons
Memex, As We May Think (1945)
After the Memex
Devinez-vous ce que c'est ?
Douglas Engelbart (1925-2013)
Source image Wikimedia commons
La souris, les interfaces graphiques
Ted Nelson (1937-)
Projet Xanadu, « Hypertexte »
Tim Berners-Lee (1955-)
Source image Mayem @ Flickr
Le World Wide Web, le W3C
The WWW Consortium (W3C)
“Lead the web to its full potential”
consortium d'entreprises, d'universités... (dont l'Université de Lyon)
standardisant des technologies ouvertes et libres de droits
Steve Jobs (1955-2011)
Source image Wikimedia commons
Smartphones, Web mobile
Autres chronologies
Composants du Web
HTTP
URLs
HTML
(à vos souhaits !)
HTTP
HyperText Transfer Protocol (https://httpwg.org/specs/).
Décrit comment les données du Web sont échangées entre machines.
Vous l'étudierez plus en détail l'an prochain...
... mais il faut en savoir un minimum.
HTTP (terminologie)
Ressource : toute unité d'information (document, image, vidéo...) accessible sur le Web.
Serveur : un ordinateur « contenant » des ressources, toujours connecté à Internet.
Client : un ordinateur/smartphone/tablette... utilisé pour afficher des ressources.
Source image http://commons.wikimedia.org/wiki/File:Client-server-model.svg
URLs
Uniform Resource Locator (RFC 3986)
Structure :
N'importe qui peut lier à n'importe quoi
NB : bien que, dans les standards, le sigle URL ait été remplacé par URI (uniform resource identifier), la plupart des gens parlent encore d'URL.
HTML
HyperText Markup Language (HTML5)
Décrit comment les données peuvent être intéreprétées par le client
Indication
HTML est le langage principal du Web, mais ce n'est pas le seul : CSS, Javascript, XML...
Cette année nous verrons essentiellement HTML et CSS
HTML (suite)
HTML Tags (1991)
HTML+ (1993) : tables, formulaires
HTML 2.0 (1995) : RFC 1866
HTML 3.2 (1997) : recommandation W3C
HTML 4.0 (1998) : séparation fond-forme (CSS)
XHTML (2000) : syntaxe plus (trop?) stricte
HTML5 (2004→) : applications web
Large compatibilité entre les versions.
À quoi bon ?
Pourquoi ...
... apprendre le HTML alors que presque personne aujourd'hui n'écrit du HTML directement ?
Les gens utilisent des traitements de texte WYSIWYG et des générateurs.
Parce que...
les générateurs HTML ne permettent pas de tout faire
le HTML généré a souvent besoin d'être retouché à la main
vous pouvez être amenés à écrire des générateurs
vous pouvez être amenés à écrire des programmes qui consomment du HTML (pour le traiter ou l'afficher)
Et que...
Le WYSIWYG n'est pas idéal pour HTML :
HTML n'est pas (plus) un langage de présentation :
HTML décrit la structure logique des pages,
c'est CSS qui doit être utilisé pour décrire leur présentation.
Et enfin...
Cette séparation entre fond et forme permet d'adapter l'affichage à de multiples clients :
écran d'ordinateur de bureau
ordinateur portable
tablette
smartphone
smart TV
...
Vos outils
un éditeur de texte (e.g. Notepad++) pour éditer vos fichiers HTML,
un navigateur moderne pour les visualiser,
une documentation de HTML/CSS, par exemple :
ce cours,
https://devdocs.io/ (aggrégateur de documentations, responsive, disponible hors-ligne).