CapCe que tu vas faire
- comprendre ce qui se passe entre ton clic et l'affichage d'une page : adresse, navigateur, serveur (W1) ;
- écrire une page en HTML, avec titres, listes, tableaux, liens et images (W2) ;
- la mettre en forme avec le CSS : couleurs, polices, marges, contrastes (W3) ;
- assembler un mini-site de plusieurs pages et le vérifier toi-même (W4) ;
- découvrir comment un moteur de recherche explore, indexe et classe les pages (W5) ;
- estimer l'importance d'une page avec le surfeur aléatoire, en Python (W6).
Lien avec les autres thèmes
La partie W6 utilise les dictionnaires, les listes et les boucles du cours Python, et reprend les graphes du thème Localisation, cette fois avec des flèches. Revoir le cours Python.
Les couleurs en hexadécimal (W3) prolongent le codage rouge–vert–bleu du thème Photographie numérique. Le https (W1) est expliqué dans le thème Cryptage.
Les images, un site d'exemple et deux programmes de départ sont dans une archive : Web.zip.
Pas de polycopié sous la main ?
Tout le cours et tous les exercices sont sur ce site. Le polycopié officiel (PDF court) ne garde que les exercices essentiels, avec les mêmes numéros ; la version longue en PDF les reprend tous.
MéthodeMode d'emploi
- Le cours alterne des parties théoriques courtes et des exercices : on avance à son rythme.
- Chaque exercice a un numéro unique, le même que sur le polycopié papier.
- Les indices se déplient d'un clic : ouvre-les seulement après un vrai essai.
- Les blocs de code ont un bouton Copier : colle ensuite dans EduPython avec Ctrl + V.
- Marque chaque exercice avec ○ (bloqué), ◐ (réussi avec aide) ou ● (réussi seul) : ta progression est mémorisée sur cet ordinateur.
Les piments
🌶️ prise en main · 🌶️🌶️ application · 🌶️🌶️🌶️ plusieurs étapes · 🌶️🌶️🌶️🌶️ défi
MéthodeRendre son travail
- Un fichier par exercice :
NOM_Prenom_ex05.py, rangé dans ton dossier SNT. - Les réponses écrites vont en commentaire (
# ...) dans le fichier, ou dans ton traitement de texte. - En fin de séance : clic droit sur ton dossier → Compresser dans un fichier ZIP, puis dépôt sur Pronote si c'est demandé.
SommaireLes parties
Comment fonctionne le Web ?
Adresse, navigateur, serveur : le trajet d'une page jusqu'à ton écran
Partie W2 · ex. 6 à 13Le langage HTML
Titres, listes, tableaux, liens et images : écrire sa première page
Partie W3 · ex. 14 à 20Le langage CSS
Couleurs, polices, marges : donner un style à ses pages
Partie W4 · ex. 21 à 24Mon mini-site
Le projet : un petit site de plusieurs pages, mis en forme, que tu vérifies toi-même
Partie W5 · ex. 25 à 30Le moteur de recherche
Explorer, indexer, classer : comment trouver une page parmi des milliards
Partie W6 · ex. 31 à 41PageRank : le surfeur aléatoire
Comment classer les pages ? Un graphe, des liens et beaucoup de hasard
OutilAtelier HTML et CSS
À projeter ou à manipuler.
OutilTesteur de contraste
À projeter ou à manipuler.
OutilVérificateur de mini-site
À projeter ou à manipuler.
OutilSurfeur aléatoire
À projeter ou à manipuler.
OutilMoteur de recherche en miniature
À projeter ou à manipuler.