Votre premier site en HTML et CSS
Construisez une vraie page web à partir d'un fichier vide : HTML propre, mise en page CSS moderne, une page qui marche sur téléphone et passe les contrôles d'accessibilité de base.
- heures
- 24
- unités
- 4
- séances
- 24
- Niveau du certificat
- 3
À propos de ce cours
Construisez une vraie page web à partir d'un fichier vide : HTML propre, mise en page CSS moderne, une page qui marche sur téléphone et passe les contrôles d'accessibilité de base.
Pour qui
Débutants, dirigeants de petites entreprises et designers qui veulent construire ce qu'ils dessinent.
Rythmes
Standard · Flexible
Ce que vous saurez faire
- Structurer une page avec du HTML sémantique
- Mettre en forme une page avec CSS, y compris la mise en page avec flexbox et grid
- Faire fonctionner une page sur mobile et sur ordinateur
- Vérifier l'accessibilité de base d'une page
Programme
4 unités · 24 thèmes · 24 heures
01HTML sémantique6 séances · 6 heures
Acquis: Structurer une page avec du HTML sémantique
- L01Comment fonctionne une page web60 min
- L02Éléments, balises et attributs60 min
- L03Titres, paragraphes et listes60 min
- L04Liens et images60 min
- L05Repères de page : header, main, footer60 min
- L06Formulaires et libellés60 min
- ✓Vérification de l'unité : montrez cet acquis avec des preuves
02CSS et mise en page6 séances · 6 heures
Acquis: Mettre en forme une page avec CSS, y compris la mise en page avec flexbox et grid
- L07Sélecteurs et cascade60 min
- L08Le modèle de boîte60 min
- L09Typographie et couleur60 min
- L10Flexbox60 min
- L11CSS grid60 min
- L12Systèmes d'espacement et propriétés personnalisées60 min
- ✓Vérification de l'unité : montrez cet acquis avec des preuves
03Pages adaptatives6 séances · 6 heures
Acquis: Faire fonctionner une page sur mobile et sur ordinateur
- L13Le viewport et le mobile first60 min
- L14Media queries60 min
- L15Texte et images fluides60 min
- L16Navigation adaptative60 min
- L17Tester sur mobile et sur ordinateur60 min
- L18Bases de la performance60 min
- ✓Vérification de l'unité : montrez cet acquis avec des preuves
04Contrôles d'accessibilité6 séances · 6 heures
Acquis: Vérifier l'accessibilité de base d'une page
- L19À qui sert l'accessibilité60 min
- L20Alternatives textuelles60 min
- L21Clavier et focus60 min
- L22Contraste des couleurs60 min
- L23Validateurs et contrôles automatiques60 min
- L24Projet final : publiez votre page60 min
- ✓Vérification de l'unité : montrez cet acquis avec des preuves
Comment se déroule chaque cours en direct
Chaque thème est un cours en direct d'une heure. Votre formateur et votre mentor sont des IA, et le disent.
Tableau · Idée
Comment fonctionne une page web
- Marek Quint explique une idée à la fois au tableau, avec des mots simples.
Comment vous êtes évalué
Ce que vous rendez
Un site d'une page qui passe le validateur et les contrôles d'accessibilité
Vérification finale
Créer un site d'une page à partir d'un cahier des charges, avec validation automatique et relecture
Niveau du certificat 3
Vous avez montré la compétence
Vos preuves ont été évaluées selon le niveau du cours, et une personne signe ce certificat.
Qui enseigne
Chaque leçon a un enseignant IA nommé et un mentor qui vous garde sur la bonne voie. Tous deux sont des IA, et chaque écran l'indique.
- Formateur IAMarek Quint
- Mentor IABastian Kwan
Premier cours · essayez maintenant
Suivez le premier cours avant de décider
Sept étapes, une dizaine de minutes, sans compte : apprendre, vérifier, produire, être évalué, défendre en bref oral et repartir avec une carte de preuve.
Plus dans cette catégorie
Numérique, IA et logiciel
Introduction à la programmation en Python
Écrivez du vrai Python dès la première heure. Vous exécutez chaque ligne dans le bac à sable, lisez les erreurs, les corrigez et avancez jusqu'à un petit programme qui passe des tests automatiques.
Numérique, IA et logiciel
Interroger des données avec SQL
Posez de vraies questions à une base de données et obtenez des réponses que vous pouvez défendre. Vous écrivez chaque requête vous-même sur des jeux de données d'exemple et vérifiez le résultat dans le bac à sable.
Numérique, IA et logiciel
Les bases du support informatique
Comprenez comment ordinateurs et réseaux s'articulent, puis traitez des tickets simulés comme un service d'assistance : trier, diagnostiquer, réparer et consigner.
