Internet et le World Wide Web

Internet

ARPANET - 1966

Internet

Internet

Bob Kahn - 1973 - TCP/IP

Internet

Internet peut accueillir plein de protocoles:

SMTP : échange de mails.
IRC : messagerie instantanée.
P2P : échange de fichiers de Pair-à-pair.
EBICS: protocole de communication bancaire standardisé et sécurisé.
FTP: partage de fichiers sur un réseau.
HTTP: Hypertext Transfer Protocol, échange de page web.

Le Web

Tim Berners-Lee & Robert Cailliau - 1989 - Invention du World Wide Web

Le Web

Hypertexte - Ted Nelson en 1963

Première page web

Le Web

"imaginé comme une plateforme ouverte qui permettrait à quiconque, partout, de partager des informations, de collaborer par-delà les frontières géographiques et culturelles."
-- Tim Berners-Lee - 1990

Le Web comme medium

Il est mouvant et temporel : une page peut changer, réagir, animer, se charger progressivement. Le design n'est plus figé, il devient un système de comportements dans le temps.

Le Web comme medium

Il est interactif - l'utilisat•rice•eur devient act•eur•rice : scroll, clic, survol. L'utilisat•rice•eur peut devenir édit•eur•rice du contenu.

Le Web comme medium

Il est fluide et contextuel - une même page s'affiche différemment selon l'écran, la connexion, le navigateur. C'est un médium qui accepte l'imprévisibilité, contrairement à une affiche imprimée qui a une forme fixe et définitive.

Le Web comme medium

Le code est la matière - comme la peinture a une texture, le code HTML/CSS a une syntaxe, une logique, des contraintes qui influencent directement la forme visuelle possible.'

Le Web comme medium

Un outil de mise en page - grilles, colonnes, marges, rapport texte-image : les mêmes questions qu'en print, mais avec des règles qui s'adaptent à l'écran plutôt qu'une forme figée sur le papier.

Le Web / HTML

Le langage HTML permet d’écrire de l’hypertexte, de structurer sémantiquement une page web, de mettre en forme du contenu, de créer des formulaires de saisie ou encore d’inclure des ressources multimédias dont des images, des vidéos, et des programmes informatiques. Le HTML offre également la possibilité de créer des documents interopérables avec des équipements très variés et conformément aux exigences de l’accessibilité du web. (source wikipedia)

Le Web / HTML

un langage de balisage

Le Web / HTML

un langage de balisage

Le Web / HTML

un langage de balisage

Le Web / HTML

les balisages et leurs significations

Le Web / CSS

Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Il permet de mettre en forme les documents HTML.

Le Web / CSS

Exemple de style css

De quoi a t-on besoin ?

D'un navigateur web pour consulter nos pages web et pour inspecter d'autres sites web.

D'un éditeur de code écrire et modifier notre code source.

D'un hébergeur web pour mettre en ligne et rendre public nos pages web.