Quiz du niveau 1 — Débutant : construire une page

Quiz — Niveau 1 · Débutant : construire une page

5 questions, une seule bonne réponse par question.
Répondez à tout, puis cliquez sur Corriger mes réponses : score et explications s'affichent.

1. Qu'apportent les conteneurs Flexbox pour la mise en page ?

Rien de plus que du texte Un contrôle SOUPLE et PUISSANT de la disposition : direction (rangée/colonne), alignement, répartition (gap) et enveloppement — pour aligner et espacer les éléments facilement, et faciliter le responsive Ils compliquent tout Ils remplacent les widgets

Les conteneurs Flexbox (qui ont remplacé l'ancien système sections/colonnes) donnent un code plus léger et une grande souplesse de disposition : changer la DIRECTION (rangée → colonne) permet notamment d'adapter au mobile.

2. Comment ajoute-t-on du contenu de base (titre, texte, image) à une page ?

En écrivant du HTML En GLISSANT les WIDGETS correspondants (Titre, Éditeur de texte, Image, Bouton…) depuis le panneau vers un conteneur, puis en les réglant — sans coder En important un fichier Word Ce n'est pas possible en Free

Les widgets de base (Titre, Texte, Image, Bouton) couvrent l'essentiel d'une page. On les glisse dans les conteneurs et on les personnalise via le panneau — la construction visuelle par excellence.

3. À quoi servent les trois onglets Contenu, Style et Avancé d'un widget ?

Ils font la même chose CONTENU = ce que le widget affiche (texte, image, lien) ; STYLE = son apparence (couleurs, typographie, espacements) ; AVANCÉ = réglages fins (marges, positionnement, responsive, CSS, animations) — une organisation systématique Contenu = code, Style = aperçu Seul l'onglet Contenu est utile

Cette structure en 3 onglets est IDENTIQUE pour tous les widgets : une fois comprise, on sait régler n'importe quel widget. CONTENU (quoi), STYLE (apparence), AVANCÉ (réglages fins).

4. Comment garantir la cohérence de la typographie et des espacements ?

Régler chaque élément indépendamment au hasard En choisissant des styles COHÉRENTS et RÉPÉTÉS (mêmes polices/tailles pour les mêmes rôles, espacements réguliers) — idéalement via les couleurs/polices GLOBALES (niveau 2-3) plutôt qu'au cas par cas En variant les polices partout La cohérence n'a pas d'importance

La cohérence (typographie, couleurs, espacements réguliers) fait le professionnalisme. Régler au cas par cas mène à l'incohérence et complique la maintenance ; les GLOBALES centralisent l'identité visuelle.

5. Comment adapter une page aux mobiles et tablettes dans Elementor ?

Elementor le fait parfaitement tout seul En utilisant les VUES responsive (bureau/tablette/mobile) pour VÉRIFIER et AJUSTER par appareil (tailles, espacements, direction des conteneurs rangée → colonne, visibilité) — et en TESTANT sur les trois vues En créant trois sites séparés En ignorant le mobile

Le responsive n'est pas automatique : Elementor propose des SURCHARGES par appareil (on ajuste sans tout refaire). Le mobile étant majoritaire, il faut le penser et le TESTER (empiler les éléments, réduire les tailles, adapter la direction).

Passer au niveau 2Retour au sommaire du guide