ressources du cours Web B2 2026

Ce cours s’adresse aux étudiants des options peinture, dessin, céramique, sculpture, qui ont cours avec Serge.
Ceux ayant cours avec Nicolas, pourront trouver leurs références en suivant: https://webb2.netlify.app/
Pour ceux ayant cours avec Julie, l’adresse est la suivante: https://juliekerndonck.com/oldwideweb/
Les sites se complètent.Cette page a pour but de proposer un accès simple et facile aux références données durant le cours et à le compléter par d’autres liens. Elle liste également les exercices que vous devez réaliser ainsi que les dates de remise. Pour rappel: nous sommes en évaluation continue.

Les deux heures de cours se structurent généralement comme suit:

Réponses aux questions suite à l’exercice donné au cours précédent.
Apprentissage technique (HTML, CSS…).
Contexte culturel, historique, social des concepts, phénomènes abordés.
Artistes utilisant les concepts évoqués ou en rapport avec l’exercice à réaliser pour la semaine suivante.
Explication de l’exercice pour la semaine suivante.

Cours 1 du 5/6 février 2026

« Couverture » du cours:
Tattoo on sunset

Introduction:
Quelques questions posées en introduction pour commencer à baliser le cours:

Histoire d’Internet:

  • Différence entre le Web et Internet ?
  • Quand et où est né Internet ? Dans quels contextes ?
  • Quand et où est né le Web et par qui a t-il été inventé? Dans quels contextes ? Avec quel objectif ?
  • Les différents services d’Internet ?

Une Histoire d’InternetUne histoire du Web.
Félix Tréguer – Une contre-histoire de l’internet du XVe siècle à nos jours. 01/2024.

Le web en 1996: A VHS Tape From 1996 Demonstrates What the Internet Looked Like in Its Early Days.

Expérimenter le web de 1990 dans un navigateur: https://worldwideweb.cern.ch/.

Qu’est-ce qu’un navigateur ? Les deux fonctions principales
Les différents navigateurs. Installer sur sa machine, Chrome, Firefox et Tor browser, en plus de Edge ou Safari.

Technique:
HTML:
 Les bases du HTML sur le site francophone openclassrooms.
Le traitement de texte spécialisé pour le HTML:
Atom.
 https://www.sublimetext.com/.
Visual studio code.

Passage à un éditeur spécialisé: Visual studio code.

Inscription et mise en ligne chez Netlify.

Les balises vues:

<html>
<head>
<title>Contenu de l'onglet</title>
</head>
<body>

un poème...

</body>
</html>

Travail 1 « le poème »:
Mettre en ligne sur Netlify la page réalisée dans le cadre du cours (un poème de plusieurs vers).
M’envoyer l’adresse par mail. Réalisé durant le cours. Vous avez un site et donc une URL chez Netlify.