Ta première page web
Aujourd'hui, tu vas comprendre comment fonctionne un site web, puis en fabriquer un. Un vrai, avec tes informations, que tu pourras montrer ce soir. Aucun prérequis : si tu n'as jamais écrit une ligne de code, tu es exactement au bon endroit.
Ce qu'on ne fera pas
On ne te demandera jamais de copier-coller du code sans le comprendre. Tu vas écrire ta page toi-même, ligne par ligne. Ce sera plus lent qu'un copier-coller, et c'est précisément l'intérêt.
Le programme de la journée
Environ 1 h 15.
Le reste de la journée.
Deux lignes par étape suffisent.
Ce que tu dois obtenir ce soir
Une page web qui te présente, dans un dossier sur ton ordinateur, composée de deux fichiers : un fichier HTML et un fichier CSS.
| Elle doit contenir | Pourquoi |
|---|---|
| Ton nom et un titre de page | Structurer l'information avec les bonnes balises |
| Un paragraphe « à propos de toi » | Écrire du texte lisible dans une page |
| Une liste de tes centres d'intérêt | Découvrir les listes HTML |
| Une image (avatar ou photo) | Insérer un média, et comprendre l'attribut alt |
| Une citation qui te plaît | Découvrir qu'une balise a un sens, pas seulement un style |
| Au moins un lien vers un site externe | Comprendre ce qui fait du Web… une toile |
| Une mise en forme personnalisée en CSS | Séparer le contenu (HTML) de l'apparence (CSS) |
Tes vraies informations, mais pas toutes
Utilise ton vrai prénom, tes vrais goûts : c'est plus motivant, et c'est le principe de l'exercice. En revanche, pas de numéro de téléphone, pas d'adresse postale, pas de date de naissance complète. C'est un réflexe de métier : sur une page web, on ne publie que ce qu'on accepterait de voir affiché dans la rue. Cette page reste sur ton poste, mais autant prendre l'habitude tout de suite.
Comment on travaille
Tu es autonome, mais pas seul·e
Ton encadrant passera te voir trois ou quatre fois dans la journée. Entre-temps, tu avances avec le parcours, qui te donne pour chaque étape l'objectif, les questions à te poser et les liens de documentation.
La règle des 30 minutes
Bloqué·e plus de 30 minutes sur le même problème ? Note-le dans ton journal, puis passe à l'étape suivante ou va voir ton encadrant. Les deux sont acceptables. Rester bloqué·e en silence toute la matinée ne l'est pas.
L'IA est autorisée
Demande-lui des explications (« explique-moi ce que fait cette balise »), pas des solutions (« écris-moi ma page »). Le test : si tu ne peux pas réécrire une ligne de mémoire avec tes mots, c'est que tu ne l'as pas comprise : demande une explication plutôt qu'un bout de code.
Ce qu'on évalue ce soir
Pas la beauté de la page. On te demandera d'expliquer quelques lignes au hasard, et de dire ce que tu as compris de la différence entre HTML et CSS. C'est tout, et c'est déjà beaucoup pour une première journée.