Quel réseau des années 1960-1970 est le précurseur d'Internet ?
ARPANET
Qui a proposé le système qui deviendra le World Wide Web ?
Tim Berners-Lee
Dans quelle décennie Tim Berners-Lee a-t-il proposé le système du Web ?
Les années 1980
Quels phénomènes marquent le Web depuis les années 2000 ?
Le Web 2.0, les smartphones, l'intelligence artificielle, l'Internet des objets et les logiciels SaaS
Quel rôle joue un navigateur Web comme Firefox ?
Il interprète le code HTML, CSS et JavaScript
Quels serveurs Web sont couramment utilisés ?
Apache2 et Nginx
Qu'est-ce que le HTML ?
Un langage de balisage créé en 1991 pour encadrer le contenu avec des balises.
En quelle année le CSS a-t-il été créé ?
En 1996.
Que décrit le CSS ?
La présentation des documents HTML ou XML.
Quels aspects le CSS contrôle-t-il sur une page Web ?
L’agencement, le positionnement, la décoration, les couleurs et la taille du texte.
Quels éléments composent une page HTML fondamentale dans l'ordre ?
DOCTYPE, html, head, puis body.
Qu'est-ce que l'imbrication HTML ?
Placer des éléments à l’intérieur d’autres éléments.
Que représentent les balises h1 à h6 en HTML ?
Des titres classés de la plus grande à la moindre importance.
Quelle balise HTML représente un paragraphe ?
La balise p.
Qu'est-ce qu'un hyperlien HTML ?
Une balise a avec l’attribut href qui crée un lien.
Quel attribut de la balise img indique le chemin de l'image ?
L’attribut src.
Quel attribut de la balise img fournit une description de l'image ?
L’attribut alt.
Quelle balise crée une liste non ordonnée en HTML ?
La balise ul.
Quelle balise crée une liste ordonnée en HTML ?
La balise ol.
Quelles balises définissent un tableau HTML ?
table pour le tableau, tr pour une ligne, td pour une cellule, th pour une cellule d’en-tête.
Quelles balises structurent l’en-tête, la navigation et le contenu principal ?
Les balises header, nav et main.
Quelle balise HTML est un conteneur générique de niveau bloc ?
La balise div.
Quelle balise HTML est un conteneur en ligne sans saut de ligne ?
La balise span.
Qu'est-ce qu'un formulaire HTML ?
Une balise form servant à collecter des données utilisateur.
Quels sont les principaux types de champs dans un formulaire HTML ?
Texte, mot de passe, radio, case à cocher, bouton, soumission, réinitialisation, liste déroulante, zone de texte.
Que sont les WCAG ?
Ce sont des directives pratiques et techniques pour rendre le contenu Web accessible.
Quelles versions des WCAG sont citées ?
WCAG 2.0 (2008), WCAG 2.1 (2018) et WCAG 2.2 proposée pour 2024.
Quels sont les quatre principes POUR de l’accessibilité ?
Perceptible, Opérable, Compréhensible et Robuste.
Quels sont les niveaux de conformité WCAG ?
A, AA et AAA.
Que signifie le niveau de conformité A ?
Il est obligatoire pour le contenu de base.
Que signifie le niveau de conformité AA ?
Il est recommandé pour les organisations.
Que signifie le niveau de conformité AAA ?
Il correspond à l’accessibilité maximale souvent difficile à atteindre.
Comment calcule-t-on le contraste entre une couleur claire et une couleur sombre ?
Par .
De quoi se compose une règle CSS ?
D'un sélecteur et d'un bloc de déclaration avec des paires propriété-valeur.
Comment ciblent les sélecteurs CSS principaux un élément ?
Par sa balise, sa classe ou son identifiant.
Quels symboles utilisent les sélecteurs de classe et d'identifiant en CSS ?
Le point pour la classe et le dièse pour l'identifiant.
Quelles sont des propriétés CSS de texte courantes ?
color, font-size, font-weight et text-align.
Quelles sont des propriétés CSS de boîte courantes ?
margin, padding, border, width et height.
Quelles unités CSS sont relatives à la police du parent et à la police racine ?
em est relative à la police du parent, rem à la police racine.
Quelle unité CSS est fixe et laquelle est relative à l'élément parent en pourcentage ?
px est fixe, % est relative à l'élément parent.
Quelle est la position par défaut dans le flux normal en CSS ?
La valeur static.
Que permet la position relative en CSS ?
Elle conserve la place de l’élément tout en permettant un décalage visuel.
Comment la position absolute place-t-elle un élément ?
Elle retire l’élément du flux et le positionne par rapport à l’ancêtre positionné le plus proche.
Par rapport à quoi la position fixed place-t-elle un élément ?
Par rapport au viewport.
Comment se comporte la position sticky avant et après un seuil de défilement ?
Comme relative avant et comme fixed dans son conteneur après.
À quoi sert CSS Grid ?
À créer des mises en page en lignes et en colonnes.
Quelles propriétés CSS sont utilisées avec CSS Grid ?
grid-template-columns, grid-template-rows, grid-column, grid-row et gap.
Quel est l’objectif du design responsive ?
Rendre une page visible et fonctionnelle sur différentes tailles d’écran.
Qu'est-ce que JavaScript dans le contexte du navigateur ?
Un langage de programmation exécuté côté client pour ajouter de l’interactivité.
Quels mots-clés JavaScript utilise-t-il pour déclarer des variables ?
let, var et const.
Quels types d'opérateurs JavaScript utilise-t-il ?
Des opérateurs arithmétiques, de comparaison et logiques.
Quelle est la première étape pour réagir à un clic en JavaScript ?
Sélectionner un élément avec document.getElementById.
Quelle méthode attache un écouteur d'événement à un élément en JavaScript ?
addEventListener.
Qu'est-ce que le DOM ?
Une représentation en arbre de la structure HTML ou XML d’une page.
Que permet de faire le DOM avec JavaScript ?
Manipuler la structure HTML ou XML de la page.
Quelles méthodes le DOM offre-t-il pour sélectionner des éléments ?
getElementById, querySelector, querySelectorAll, getElementsByClassName, getElementsByTagName.
Qu'impose localStorage pour écrire et lire une clé ?
localStorage utilise setItem pour écrire et getItem pour lire une clé.
Quelles méthodes localStorage offre-t-il pour supprimer des données ?
localStorage propose removeItem pour une clé et clear pour toutes les données.
Qu'est-ce que jQuery ?
jQuery est une bibliothèque JavaScript pour simplifier HTML, événements, animation et Ajax.
Quel sélecteur jQuery utilise-t-on pour sélectionner des éléments ?
jQuery utilise le sélecteur $ pour sélectionner des éléments.
Donnez un exemple de sélection d'éléments avec jQuery.
On peut sélectionner $('p'), $('.class'), $('#id') ou $('input[type="text"]').
Quelles méthodes jQuery modifient le contenu d'un élément ?
jQuery propose text, html et val pour modifier le contenu.
Quelle méthode jQuery modifie le style d'un élément ?
La méthode css modifie le style d'un élément.
Quelles méthodes jQuery manipulent les éléments et gèrent les événements ?
append, prepend, remove, empty manipulent les éléments; click, hover, on gèrent les événements.
Teste tes connaissances avec un QCM de 28 questions sur Développement d’interface web.
1. Dans une règle CSS, quel est le rôle du bloc de déclaration associé au sélecteur ?
2. Quelle contribution Tim Berners-Lee propose-t-il dans les années 1980 ?
Révisez le cours complet dans la fiche de révision de Développement d’interface web.
Voir la fiche →Importe ton cours et l'IA génère des flashcards en 30 secondes.
Générateur de flashcards