WorksheetsQuiz sur les Fondations Web
Total questions: 40
Worksheet time: 1hrs 25mins
Que signifie HTML ?
Langage de Marquage Hyper Trainer
Langage de Marquage Hyper Texte
Langage de Machine de Texte Élevé
Langage de Marquage et de Texte Hyperlien
Expliquez la différence entre les éléments <div> et <span>.
Quel est le but de la balise <head>
Quel attribut est utilisé pour ouvrir un lien dans un nouvel onglet ?
href="_blank"
target="_blank"
window="_blank"
link="_blank"
Quel est l'élément HTML correct pour insérer un saut de ligne ?
<pr>
<break>
<br>
<lb>
Quel tag HTML est utilisé pour définir une cellule d'en-tête de tableau ?
<th>
<td>
<tr>
<thead>
Identifiez les éléments sémantiques parmi les suivants :
<section>
<div>
<article>
<header>
Écrivez le code HTML pour créer une liste non ordonnée avec trois éléments : "HTML", "CSS", "JavaScript".
Créez un formulaire simple avec : Un champ pour l'email, Un champ de mot de passe, Un bouton "Soumettre".
Codez une structure de page HTML incluant :
- <!DOCTYPE html>
- <html>, <head>, <body>
- A title: “My First Page”
- A heading and a paragraph inside the body
Que signifie CSS ?
Expliquez la différence entre les sélecteurs de classe et les sélecteurs d'ID.
Quel est le but du box model en CSS ?
Quelle propriété est utilisée pour changer la couleur du texte d'un élément ?
text-color
fgcolor
color
font-color
Quelle est la bonne façon d'appliquer un fichier CSS externe à HTML ?
<style src="style.css">
<link rel="stylesheet" href="style.css">
<stylesheet>style.css</stylesheet>
<css href="style.css">
Lequel des éléments suivants rend un élément invisible mais conserve son espace ?
display: none
visibility: hidden
opacity: 0
position: absolute
Quelle est la différence entre le positionnement relatif et absolu en CSS ?
Écrivez une règle CSS qui change tout le texte <h1> en bleu, centré et en gras.
Codez une classe .button qui :
- Has a background color #4CAF50
- White text
- Rounded corners (5px)
- Padding 10px 20px
Créez une mise en page CSS Grid simple avec 3 colonnes égales.
À quoi sert principalement Figma ?
Quelle est la différence entre un Frame et un Group dans Figma ?
Que permet de faire Auto Layout ?
Quelle fonctionnalité permet à plusieurs designers de travailler sur le même fichier simultanément ?
Contrôle de version
Collaboration en direct
Prototypage
Animation intelligente
Dans Figma, quel raccourci duplique rapidement un objet ?
Ctrl + C → Ctrl + V
Ctrl + D
Alt + Glisser
Les deux Vert et Jaune
Que signifie composant dans Figma ?
Un élément de design réutilisable
Une palette de couleurs
Un plugin
Une section de page
Quel est le but des contraintes dans Figma ?
Expliquez comment créer un composant de bouton avec différents états (Par défaut, Survol, Cliqué).
Décrivez les étapes pour créer un prototype qui lie deux cadres dans Figma.
Comment exporter un design pour les développeurs web (format, actifs, etc.) ?
Qu'est-ce que Git et pourquoi est-il utilisé ?
Quelle est la différence entre Git et GitHub ?
Que signifie le terme "repository" ?
Quelle commande crée un nouveau dépôt Git ?
git init
git start
git create
git new
Quelle commande est utilisée pour vérifier l'état de votre répertoire de travail ?
git check
git log
git status
git list
Que fait git clone ?
Duplique un dépôt de GitHub sur votre machine locale
Crée une nouvelle branche
Commits votre code
Fusionne des branches
Qu'est-ce qu'un message de commit et pourquoi est-il important ?
Écrivez la séquence de commandes pour :
- Initialize a repo
- Add all files
- Commit with message “First commit”
Comment poussez-vous des modifications locales vers un dépôt distant nommé "origin" et la branche "main" ?
Expliquez la différence entre git pull et git fetch.
