Créer son premier site web avec HTML et CSS Quiz final

Quiz final : créer son premier site web

Réussite à partir de 75%. Vous pouvez recommencer autant de fois que nécessaire.

Connectez-vous pour passer ce quiz et enregistrer votre score. Se connecter

1 Quel est le rôle d’un serveur web lorsque vous tapez l’adresse d’un site dans votre navigateur ? Une seule réponse Il traduit les noms de domaine en adresses IP Il répond à la requête du navigateur en renvoyant les fichiers demandés Il affiche la page à l’écran à la place du navigateur Il choisit les couleurs de la page

2 Quels fichiers constituent un site statique simple (plusieurs réponses) ? Plusieurs réponses possibles Des fichiers HTML Des feuilles de style CSS Une base de données obligatoire Des images

3 Quelle est la structure minimale correcte d’un document HTML ? Une seule réponse Un body suivi d’un head, sans déclaration de type Uniquement du texte, sans aucune balise Un head seul qui contient tout le contenu visible La déclaration de type, puis html avec lang, contenant head puis body

4 Pourquoi un texte alternatif (alt) est-il indispensable sur une image porteuse d’information ? Une seule réponse Pour décrire l’image aux personnes qui ne la voient pas ou si elle ne charge pas Pour accélérer le chargement de l’image Pour changer la taille de l’image Pour empêcher de télécharger l’image

5 Quels éléments HTML sont des éléments sémantiques de structure de page (plusieurs réponses) ? Plusieurs réponses possibles header div nav main footer

6 Qu’est-ce qui rend un champ de formulaire accessible ? Une seule réponse Un texte placé à côté, sans lien avec le champ Un placeholder utilisé à la place de tout libellé Un label dont for correspond à l’id du champ Une couleur de bordure différente

7 Dans une règle CSS, comment s’appellent les deux parties « color » et « red » dans « color: red; » ? Une seule réponse Le sélecteur et la balise La propriété et la valeur L’attribut et le contenu La classe et l’identifiant

8 Un paragraphe porte la classe « note ». Une règle ciblant « p » et une règle ciblant « .note » définissent une couleur différente, sans !important. Laquelle l’emporte ? Une seule réponse La règle qui cible p, car elle est plus générale La règle écrite en premier Aucune, le navigateur choisit au hasard La règle qui cible .note, car sa spécificité est plus forte

9 Avec « box-sizing: border-box », que comprend la largeur définie par width (plusieurs réponses) ? Plusieurs réponses possibles Le contenu Le padding La marge extérieure La bordure

10 Quelle unité s’adapte à la taille de police par défaut choisie par l’utilisateur, et favorise donc l’accessibilité ? Une seule réponse px cm rem pt

11 Vous voulez aligner trois éléments en ligne, répartis avec un espace régulier. Quelle déclaration sur le conteneur convient ? Une seule réponse display: flex; gap: 1rem; position: fixed; gap: 1rem; display: none; gap: 1rem; float: center; gap: 1rem;

12 Que fait la déclaration « grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) » ? Une seule réponse Elle fixe exactement trois colonnes de 16 rem Elle crée une grille qui s’adapte, avec des colonnes d’au moins 16 rem Elle cache les éléments plus larges que 16 rem Elle crée une seule colonne de 16 rem

13 Quels sont les ingrédients d’un site responsive de base (plusieurs réponses) ? Plusieurs réponses possibles La balise meta viewport Une largeur de page fixée en pixels Des mises en page flexibles (Flexbox ou Grid) Des media queries aux points de rupture utiles

14 Que signifie une approche « mobile-first » ? Une seule réponse Le site n’est visible que sur téléphone On conçoit d’abord pour ordinateur, puis on supprime des éléments On n’utilise pas de CSS On écrit d’abord le style des petits écrans, puis on l’enrichit avec min-width

15 Pourquoi respecter prefers-reduced-motion dans ses animations ? Une seule réponse Pour accélérer le chargement des images Pour respecter la préférence des personnes sensibles aux animations Pour que les animations fonctionnent sur tous les navigateurs Pour changer la couleur du texte

16 Quel est le seuil de contraste minimal recommandé pour un texte de taille courante ? Une seule réponse 1,5 pour 1 2 pour 1 4,5 pour 1 10 pour 1 exactement Il n’y en a pas

17 Quelles pratiques améliorent la performance d’une page (plusieurs réponses) ? Plusieurs réponses possibles Compresser et redimensionner les images Charger en différé les images hors de la zone visible Utiliser des images en très haute résolution partout Indiquer width et height sur les images

18 Quelles balises sont les plus importantes pour le référencement de base d’une page ? Une seule réponse Un title unique et une meta description, avec des titres bien hiérarchisés Une balise keywords bourrée de mots Du texte blanc sur fond blanc Un h1 par phrase Le même title sur toutes les pages

19 Avant de publier votre site, que devez-vous faire en priorité ? Une seule réponse Supprimer le fichier index.html Désactiver le HTTPS pour gagner en vitesse Rien : tout est testé automatiquement Dérouler une recette : relecture, validation, liens, responsive, accessibilité

20 Votre formulaire de contact collecte des données personnelles. Que devez-vous prévoir (plusieurs réponses) ? Plusieurs réponses possibles Informer les visiteurs de l’usage de leurs données et de leurs droits Ne collecter que les informations nécessaires Ne rien dire, personne ne vérifie Relier le formulaire à un traitement réel