QCM : Création de pages HTML et CSS (14 questions)

Questions et réponses du QCM

1. Dans quelle organisation le projet respecte-t-il la règle de stockage prévue ?

Les fichiers sont enregistrés sur le bureau, sans dossier dédié.
Les fichiers sont enregistrés dans C:\Mesimages.
Les fichiers sont enregistrés dans C:\Devoir_Nom.
Les fichiers sont enregistrés dans le dossier C:\Accueil.

Les fichiers sont enregistrés dans C:\Devoir_Nom.

Explication

Le projet doit comporter un dossier nommé « Devoir_Nom » placé sous le lecteur C:, où les fichiers sont enregistrés. Le dossier « Mesimages » sert à stocker les images et non l’ensemble du projet.

2. Quel fichier doit contenir les règles de mise en forme CSS du projet ?

Le fichier « gestion.html ».
Le fichier « Accueil.html ».
Le fichier « mesStyles.css ».
Le fichier « enregistrement.html ».

Le fichier « mesStyles.css ».

Explication

Le code CSS doit être enregistré dans « mesStyles.css », tandis que les fichiers HTML contiennent la structure des pages. Associer la mise en forme à « Accueil.html » confond la structure avec la présentation.

3. Quelle liaison permet à la page « Accueil.html » d’utiliser la mise en forme prévue ?

Elle doit être reliée au dossier « Mesimages ».
Elle doit être intégrée au fichier « gestion.html ».
Elle doit être reliée au fichier « mesStyles.css ».
Elle doit être placée dans le dossier « Mesimages ».

Elle doit être reliée au fichier « mesStyles.css ».

Explication

La page « Accueil.html » doit être reliée à « mesStyles.css » afin que les règles de présentation s’appliquent. Le dossier « Mesimages » contient des ressources graphiques et ne définit pas la mise en forme.

4. Quel texte doit apparaître dans l’élément <h1> de la page d’accueil ?

« FastRepas - Contactez notre entreprise ».
« FastRepas - Livrons mieux, livrons vert ».
« FastRepas - Gestion des commandes ».
« FastRepas - Enregistrement des utilisateurs ».

« FastRepas - Livrons mieux, livrons vert ».

Explication

L’élément <h1> contient le titre « FastRepas - Livrons mieux, livrons vert ». Les autres formulations correspondent à des thèmes possibles de pages ou de rubriques, mais ne sont pas le titre indiqué.

5. Quel rôle l’élément <nav> joue-t-il dans la page d’accueil ?

Il présente les contacts de l’entreprise et son numéro de téléphone.
Il affiche le contenu des pages « enregistrement.html » et « gestion.html ».
Il contient l’image choisie dans le dossier « Mesimages ».
Il représente la navigation et contient les liens vers « enregistrement.html » et « gestion.html ».

Il représente la navigation et contient les liens vers « enregistrement.html » et « gestion.html ».

Explication

L’élément <nav> constitue le volet de navigation et contient les liens vers les deux pages indiquées. L’affichage du contenu relève de <section>, tandis que l’image et les contacts appartiennent à d’autres zones.

6. Quelle fonction l’élément <section> remplit-il dans la page d’accueil ?

Il fournit les liens de navigation vers les pages du site.
Il affiche les différentes pages web et contient par défaut « enregistrement.html ».
Il affiche les coordonnées de l’entreprise dans le pied de page.
Il contient l’image complémentaire placée dans la barre latérale.

Il affiche les différentes pages web et contient par défaut « enregistrement.html ».

Explication

L’élément <section> représente la zone d’affichage des pages web et contient par défaut « enregistrement.html ». Les liens relèvent de <nav>, tandis que l’image et les coordonnées sont associées à d’autres éléments.

7. À quelles positions l’élément <nav> doit-il être placé dans son conteneur ?

À 20 % du bord droit et à 2 s du bord inférieur.
À 3 px du bord droit et à 6 px du bord inférieur.
À 5 % du bord droit et à 5 % du bord inférieur.
À 5 % du bord gauche et à 5 % du bord supérieur.

À 5 % du bord droit et à 5 % du bord inférieur.

Explication

Le positionnement demandé place <nav> à 5 % du bord droit et à 5 % du bord inférieur de son conteneur. Les autres propositions modifient les côtés ou remplacent les pourcentages par des valeurs qui concernent d’autres règles.

8. Comment l’arrière-plan de l’en-tête doit-il utiliser « logo.png » ?

Il doit remplir l’espace sans déformation ni répétition de l’image.
Il doit étirer l’image verticalement, même si elle est déformée.
Il doit répéter l’image horizontalement pour couvrir l’en-tête.
Il doit afficher l’image dans sa taille originale sans couvrir l’espace.

Il doit remplir l’espace sans déformation ni répétition de l’image.

Explication

L’en-tête doit utiliser « logo.png » en remplissant correctement son espace, tout en évitant la déformation et la répétition. La répétition ou l’étirement non proportionnel ne respecte pas cette contrainte visuelle.

9. Quel comportement est attendu pour l’image de <aside> lorsqu’elle est survolée ?

Elle change de couleur au survol pendant une durée de 20 secondes.
Elle reste déformée de 20 degrés après le chargement pendant 2 secondes.
Elle se déplace horizontalement de 20 pixels après un délai de 2 secondes.
Elle subit une déformation horizontale de 20 degrés pendant 2 secondes.

Elle subit une déformation horizontale de 20 degrés pendant 2 secondes.

Explication

La déformation horizontale de 20 degrés se déclenche au survol de l’image et dure 2 secondes. La durée décrit le temps de l’animation, tandis que le déclenchement dépend de l’état de survol.

10. Quelle ombre doit être appliquée à la zone de groupe des formulaires ?

Une ombre grise avec des décalages de 3 px et un flou de 6 px.
Une ombre grise avec des décalages de 20 px et un flou de 2 s.
Une ombre noire avec des décalages de 6 px et un flou de 3 px.
Une ombre verte avec des décalages de 5 % et un flou de 5 %.

Une ombre grise avec des décalages de 3 px et un flou de 6 px.

Explication

La zone de groupe doit recevoir une ombre grise avec un décalage horizontal et vertical de 3 px et un flou de 6 px. Inverser les valeurs ou modifier la couleur et les unités change la règle demandée.

11. Quelle page doit être utilisée pour enregistrer un livreur en vue de son recrutement ?

La page « gestion.html »
La page « enregistrement.html »
La page « recrutement.html »
La page « validation.html »

La page « enregistrement.html »

Explication

La page « enregistrement.html » est destinée à l’enregistrement d’un livreur avant son recrutement. La page « gestion.html » concerne plutôt la gestion des missions, et non l’inscription du livreur.

12. Que doit-il se produire lorsqu’un utilisateur clique sur le bouton « Enregistrer » du formulaire du livreur ?

La page « gestion.html » s’ouvre et affiche les missions disponibles comme titre de deuxième niveau.
La page « enregistrement.html » se recharge et affiche un message de confirmation comme paragraphe.
La page d’accueil s’ouvre et présente les informations du livreur sous forme de tableau.
La page « validation.html » s’ouvre et affiche « bienvenue dans notre équipe » comme titre de deuxième niveau.

La page « validation.html » s’ouvre et affiche « bienvenue dans notre équipe » comme titre de deuxième niveau.

Explication

Le bouton « Enregistrer » doit rediriger vers « validation.html », où le message d’accueil apparaît comme titre de deuxième niveau. La page « gestion.html » est réservée aux missions et ne constitue pas la page de validation.

13. Quels choix sont proposés dans la page « gestion.html » ?

« Tunis », « Sousse » et « Nabeul »
« Mateur », « Bizerte » et « Gabès »
« Menzel Bourguiba », « Sfax » et « Tunis »
« Mateur », « Menzel Bourguiba » et « Bizerte »

« Mateur », « Menzel Bourguiba » et « Bizerte »

Explication

La page « gestion.html » contient les choix « Mateur », « Menzel Bourguiba » et « Bizerte ». Les autres combinaisons remplacent au moins une de ces localités par une ville qui ne figure pas dans les choix indiqués.

14. Quelle combinaison décrit correctement le comportement prévu dans la page « gestion.html » ?

Une saisie est obligatoire et une option reste vide par défaut.
Une saisie est facultative et toutes les options restent vides par défaut.
Une saisie est facultative et une option est cochée par défaut.
Une saisie est obligatoire et une option est cochée par défaut.

Une saisie est obligatoire et une option est cochée par défaut.

Explication

La page impose une saisie obligatoire tout en prévoyant une option cochée par défaut. Une saisie obligatoire et une sélection par défaut sont deux règles différentes, qui ne s’excluent pas.

Révisez avec les flashcards

Mémorisez les réponses avec 26 flashcards sur Création de pages HTML et CSS.

Quel dossier doit contenir le projet sous le lecteur C: ?

Un dossier nommé « Devoir_Nom ».

Dans quel fichier doit être enregistré le code CSS ?

Dans le fichier « mesStyles.css ».

Comment la page Accueil.html applique-t-elle sa mise en forme ?

Elle est reliée au fichier mesStyles.css.

Voir les flashcards →

Approfondir avec la fiche

Consultez la fiche de révision complète sur Création de pages HTML et CSS.

Voir la fiche →

Cours similaires

Modèle OSI et communication réseau

Réseaux

Spécification et algorithmique en C++

Programmation

Révision de programmation Java

Programmation

Données structurées et cloud

Habitudes d’écriture et tests unitaires

Programmation

Programmation en Python

Programmation

Crée tes propres QCM

Importe ton cours et l'IA génère des QCM avec corrections en 30 secondes.

Générateur de QCM