Vous n’avez jamais écrit une ligne de code ? Ce cours est fait pour vous. Vous allez découvrir comment fonctionne le web, puis écrire vos premières pages avec HTML, le langage qui structure le contenu, et CSS, le langage qui l’habille. Fil rouge du cours : le portfolio d’une photographe fictive, Camille Morel, que vous construirez de A à Z.
Chaque leçon est concrète et accompagnée d’exemples que vous pouvez copier, modifier et tester immédiatement dans votre navigateur. Vous apprendrez à structurer vos pages avec les balises sémantiques, à créer des formulaires accessibles, à mettre en forme avec CSS (sélecteurs, cascade, modèle de boîte, typographie), puis à réaliser des mises en page modernes avec Flexbox et Grid.
Vous découvrirez aussi les compétences qui font la différence : adapter un site à tous les écrans, respecter les bonnes pratiques d’accessibilité, alléger vos pages et soigner les bases du référencement. Le dernier chapitre est un projet complet, de la maquette à la mise en ligne.
Ce que vous allez apprendre
- À la fin de ce cours, vous saurez expliquer comment un navigateur affiche une page web et installer un environnement de travail simple.
- À la fin de ce cours, vous saurez écrire une page HTML5 valide avec titres, listes, liens, images, tableaux et médias.
- À la fin de ce cours, vous saurez structurer une page avec les balises sémantiques et créer des formulaires accessibles.
- À la fin de ce cours, vous saurez mettre en forme un site avec CSS : sélecteurs, cascade, modèle de boîte, couleurs et typographie.
- À la fin de ce cours, vous saurez réaliser des mises en page avec Flexbox et CSS Grid et les adapter à tous les écrans.
- À la fin de ce cours, vous saurez organiser votre CSS avec des variables et une convention de nommage, et ajouter des animations sobres.
- À la fin de ce cours, vous saurez appliquer les bases de l’accessibilité, de la performance et du référencement.
- À la fin de ce cours, vous saurez concevoir, réaliser, contrôler et mettre en ligne un site complet.
Prérequis
Aucun prérequis technique : il suffit d’un ordinateur, d’un navigateur web récent et d’un éditeur de texte (un éditeur de code gratuit est présenté dans le cours). Savoir créer, enregistrer et déplacer des fichiers et des dossiers est un plus. Prévoyez de pratiquer en écrivant le code vous-même.