Aller au contenu
Installer l’app

Semestre 3 · IA · MI · CPGE · ENSA · EST · FSR · FST

Développement Web

Crée tes premières pages web : structure HTML, mise en forme CSS, Flexbox et Grid, puis un site complet réalisé de A à Z.

À propos de ce cours

Ce cours est ton point de départ dans le développement web. Tu apprends à structurer une page avec HTML, à la mettre en forme avec CSS, puis tu assembles tout dans un vrai projet : ton premier site web. Partie HTML : • Les prérequis, l'éditeur et la structure d'une page • Éléments, attributs et formatage du texte • Liens, images, audio et vidéo • Tableaux, listes et formulaires • Éléments sémantiques et balise head • Exercices pratiques et exercice final Partie CSS : • Sélecteurs, couleurs, bordures et arrière-plans • Modèle de boîte : padding, margin et outline • Inline, block, inline-block et visibility • Propriétés du texte et états des éléments (hover…) • Positionnement, z-index et float • Mises en page modernes avec Flexbox et CSS Grid Projet final : un premier site web construit pas à pas en 3 vidéos. 27 vidéos · Exercices · Projet complet

Avant de commencer

Aucun prérequis : ce cours part de zéro. Prépare : • Un ordinateur avec un navigateur récent • Visual Studio Code (gratuit) et l'extension Live Server Conseil : crée un dossier pour le cours et reproduis chaque exemple au fur et à mesure. C'est la meilleure façon de retenir les balises et les propriétés.

Ce que tu vas apprendre

7 chapitres · 27 leçons · 7 h 11 min

  1. 01Bien démarrer

    1. Introduction au développement webGratuite5 min
    2. Les prérequis du développement webGratuite2 min
    3. Introduction au HTMLGratuite13 min

  2. 02Le contenu d’une page HTML

    1. Les éléments et les attributsVerrouillée13 min
    2. Le formatage du texteVerrouillée10 min
    3. Les liens et les imagesVerrouillée18 min
    4. Exercice 1 : HTMLVerrouillée3 min

  3. 03Médias, tableaux et listes

    1. Les médias : audio et vidéoVerrouillée16 min
    2. Les tableauxVerrouillée13 min
    3. Les listesVerrouillée7 min

  4. 04Formulaires et structure de la page

    1. Les formulairesVerrouillée13 min
    2. Les champs de formulaireVerrouillée11 min
    3. Les éléments sémantiquesVerrouillée5 min
    4. L'élément headVerrouillée6 min
    5. Exercice final HTMLVerrouillée5 min

  5. 05Les bases du CSS

    1. Introduction au CSSVerrouillée16 min
    2. Couleurs, bordures et arrière-plansVerrouillée17 min
    3. Padding, margin et outlineVerrouillée15 min
    4. Inline, block, inline-block et visibilityVerrouillée12 min
    5. Propriétés du texte et états des élémentsVerrouillée17 min

  6. 06La mise en page en CSS

    1. Le positionnementVerrouillée21 min
    2. Z-index et floatVerrouillée12 min
    3. FlexboxVerrouillée37 min
    4. CSS Grid LayoutVerrouillée47 min

  7. 07Projet : premier site web

    1. Premier site web, partie 1Verrouillée30 min
    2. Premier site web, partie 2Verrouillée30 min
    3. Premier site web, partie finaleVerrouillée38 min