Aller au contenu

Projet front-end : HTML, CSS et JavaScript

Fiche de révision · Développement web · 2nde

L'essentiel du cours

  1. Chapitre 1 : HTML, CSS et JavaScript : qui fait quoi ?

    HTML structure, CSS met en forme, JavaScript rend la page interactive.

  2. Chapitre 2 : Construire un HTML clair et sémantique

    Une page HTML bien structurée utilise des balises sémantiques et des noms clairs.

  3. Chapitre 3 : CSS : styliser et adapter la page

    CSS sélectionne des éléments et applique des propriétés pour créer une mise en page lisible et responsive.

  4. Chapitre 4 : JavaScript : donner vie à la page

    JavaScript réagit aux actions de l’utilisateur en modifiant le DOM.

Teste-toi · 8 questions

  1. 1.Quel langage décrit la structure et le contenu d’une page web ?

    Voir la réponse

    Réponse : HTML

    HTML fournit la structure et le contenu : titres, paragraphes, images et liens.

  2. 2.À quoi sert principalement CSS ?

    Voir la réponse

    Réponse : À mettre en forme et disposer les éléments

    CSS gère l’apparence : couleurs, tailles, marges et disposition des éléments.

  3. 3.Quelle balise HTML est sémantique pour le contenu principal ?

    Voir la réponse

    Réponse : <main>

    La balise main indique le contenu principal de la page, ce qui aide à structurer et à améliorer l’accessibilité.

  4. 4.Comment cible-t-on en CSS tous les éléments ayant la classe bouton ?

    Voir la réponse

    Réponse : .bouton

    En CSS, un point devant un nom cible une classe, par exemple .bouton.

  5. 5.Quel est le rôle de addEventListener en JavaScript ?

    Voir la réponse

    Réponse : Écouter un événement comme un clic

    addEventListener permet de réagir à une action de l’utilisateur, comme un clic ou une saisie.

  6. 6.Que signifie responsive pour une page web ?

    Voir la réponse

    Réponse : Elle s’adapte à la taille de l’écran

    Une page responsive adapte sa mise en page aux différentes tailles d’écran, notamment avec des media queries.

  7. 7.Dans le modèle de boîte CSS, quel espace se trouve entre le contenu et la bordure ?

    Voir la réponse

    Réponse : Le padding

    Le padding est l’espace intérieur entre le contenu et la bordure ; la margin est l’espace extérieur.

  8. 8.Quel est l’ordre logique d’un petit projet front-end ?

    Voir la réponse

    Réponse : Structurer le HTML, styliser en CSS, ajouter les interactions en JavaScript, tester

    On commence par la structure HTML, puis la présentation CSS, puis les interactions JavaScript, avant de tester et corriger.