La boîte à outilsEssayer un métier
Changer d’outil
← Toutes les mini-missions
MISSION 06 · Intégration web

Une page à rendre utilisable.
À vous de décider.

Une action cachée, une image informative et une page qui déborde. Examinez une interface et choisissez des corrections.

≈ 15 minutes4 étapes + votre bilanSans prérequis
Illustration générée : deux adultes échangent devant un ordinateur et un carnet dans un espace d’apprentissageUN DOSSIER FICTIF.
DES CHOIX CONCRETS.
VOTRE PARCOURSÀ votre rythme · Sans inscription
  1. 01
    Votre dossier

    Prenez connaissance de la situation fictive.

  2. 02
    Vos décisions

    Quatre étapes, avec une correction expliquée.

  3. 03
    Votre bilan

    Observez vos réactions et préparez la suite.

VOTRE POINT DE DÉPART

Voici la situation.

Une association fictive prépare une page présentant un atelier. Les visiteurs doivent comprendre le programme et ouvrir un panneau de détails. Trois défauts ont été relevés : une action peu identifiable, une image sans alternative et un visuel trop large sur mobile.

  • L’action« Voir le programme » ouvre un panneau dans la page ; ce n’est pas un changement d’adresse.
  • L’imageUn schéma montre les trois phases de l’atelier.
  • Le testLe visuel mesure 900 px et le téléphone de test affiche 360 px.
DERRIÈRE L’EXERCICE

Un aperçu.
Pas tout le métier.

L’intégration web transforme une maquette en pages utilisables avec HTML et CSS. Cette découverte porte sur des décisions d’interface ; elle ne valide pas une maîtrise du code.

Pour aller plus loin

La fiche ci-dessous décrit le métier. Le scénario, les montants, les personnages et les corrections sont des créations éditoriales de travailler.fr ; ils ne sont pas fournis ou validés par l’organisme cité.

Onisep · Intégration web

Repères techniques : MDN · bouton HTML · MDN · max-width · W3C · images informatives. Consultés le 1er octobre 2026.

Source consultée le 1er octobre 2026.Préparer un échange avec un professionnel
LE BON ARTICLE. AU BON MOMENT.