Historique et présentation§
Département Informatique (IUT Lyon 1)
Ce travail est sous licence Creative Commons Attribution-ShareAlike 3.0 France.
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)§
Vannevar Bush (1880-1974)§
After the Memex§
Douglas Engelbart (1925-2013)§
Ted Nelson (1937-)§
Tim Berners-Lee (1955-)§
The WWW Consortium (W3C)§
- consortium d'entreprises, d'universités... (dont l'Université de Lyon)
- standardisant des technologies ouvertes et libres de droits
Steve Jobs (1955-2011)§
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.
.jpg){kind=link}
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).
Fin de la Séance 1
Vers la Séance 2.