HTML / CSS / JavaScript

Mise en page et adaptivité

Grilles, colonnes, vues maître-détail et mises en page de page adaptées aux différentes tailles d’écran.

85catégorie de cas
85 cas affichés actuellement
0007Mise en page et adaptivité

Grille de cartes responsive

Construisez, avec CSS Grid, des cartes de voyage qui se réorganisent automatiquement.

HTMLCSSGridcartes
Ouvrir et exécuter
0027Mise en page et adaptivité

Mise en page en grille de type bento pour journal d’architecture

Réalisez une mise en page en grille de type bento pour le contexte du journal d’architecture : contenu réel, commandes utilisables, retours d’état clairs et mise en page adaptative à différentes tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0043Mise en page et adaptivité

Mise en page narrative en écran partagé pour journal d’architecture

Dans un contexte de journal d’architecture, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0059Mise en page et adaptivité

Disposition classique à trois colonnes pour architecture d’édition

Dans le scénario de journal d’architecture, finalisez la mise en page classique à trois colonnes : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0075Mise en page et adaptivité

Tableau de bord architectural d’un bâtiment

Réalisez une coque de tableau de bord dans un scénario de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à plusieurs tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0091Mise en page et adaptivité

Grille éditoriale de la revue d’architecture

Réalisez une grille éditoriale de magazine dans un scénario de journal d’architecture : elle comprend du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0107Mise en page et adaptivité

Disposition en cascade responsive pour le journal d’architecture

Créer une mise en page en masonry responsive dans un contexte de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0123Mise en page et adaptivité

Mise en page à barre latérale collante pour le journal d’architecture

Créer une mise en page avec barre latérale collante dans un contexte de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et mise en page responsive.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0139Mise en page et adaptivité

Disposition pleine largeur entrecroisée de journal d’architecture

Réaliser une mise en page pleine largeur avec éléments en chevauchement dans un contexte de revue d’architecture : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0155Mise en page et adaptivité

Galerie adaptative du journal d’architecture

Dans le décor du journal d’architecture, complétez la galerie adaptative : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0171Mise en page et adaptivité

Architecture de contenu maître-esclave pour journal

Réalisez une mise en page de contenu maître-détail dans un contexte de journal d’architecture : elle doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée aux différentes tailles d’écran.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0187Mise en page et adaptivité

Mise en page en grille de type bento pour le portail communautaire

Réalisez une mise en page en grille de type bento dans un scénario de portail communautaire : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0203Mise en page et adaptivité

Mise en page narrative en écran partagé pour le portail communautaire

Dans un scénario de portail communautaire, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0219Mise en page et adaptivité

Mise en page classique à trois colonnes pour portail communautaire

Réalisez la mise en page classique en trois colonnes pour un portail communautaire : inclut du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0235Mise en page et adaptivité

Coque de tableau de bord du portail communautaire

Réalisez une coque de tableau de bord pour le scénario du portail communautaire : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0251Mise en page et adaptivité

Grille éditoriale de magazine pour portail communautaire

Créez une grille éditoriale de type magazine pour un portail communautaire : elle comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0267Mise en page et adaptivité

Mise en page en maçonnerie responsive du portail communautaire

Réalisez une mise en page en cascade responsive dans un scénario de portail communautaire : incluez du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0283Mise en page et adaptivité

Mise en page à barre latérale fixe du portail communautaire

Réalisez une mise en page à barre latérale fixe dans un contexte de portail communautaire : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0299Mise en page et adaptivité

Disposition pleine largeur en éventail pour le portail communautaire

Réalisez une mise en page en pleine largeur, avec des éléments en alternance, dans un contexte de portail communautaire : elle comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une disposition qui s’adapte à différentes tailles d’écran.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0315Mise en page et adaptivité

Galerie adaptative du portail communautaire

Réalisez une galerie adaptative dans un contexte de portail communautaire : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0331Mise en page et adaptivité

Mise en page à contenu principal et contenu secondaire pour portail communautaire

Dans le contexte d’un portail communautaire, réalisez une mise en page maître-détail du contenu : elle doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0347Mise en page et adaptivité

Mise en page en grille façon bento pour récit visuel

Réalisez une mise en page en grille de type bento dans un contexte de récit visuel : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0362Mise en page et adaptivité

Mise en page narrative en diptyque pour récit visuel

Complétez une mise en page narrative en écran partagé dans un contexte de récit visuel : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0377Mise en page et adaptivité

Disposition classique à trois colonnes pour récit visuel

Dans le contexte d’un récit visuel, réalisez une mise en page classique en trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0392Mise en page et adaptivité

Coque de tableau de bord pour récit visuel

Finaliser la coque du tableau de bord dans un contexte de récit photographique : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0407Mise en page et adaptivité

Grille éditoriale de magazine pour récit visuel

Réalisez une grille éditoriale de magazine dans le contexte d’un récit visuel : contenu authentique, contrôles interactifs, retours d’état clairs et disposition adaptée à différentes tailles d’écran.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0420Mise en page et adaptivité

Mise en page responsive en mosaïque d’histoires visuelles

Réaliser une mise en page en cascade responsive dans un contexte de récit visuel : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0433Mise en page et adaptivité

Mise en page avec barre latérale collante pour récit visuel

Réalisez une mise en page à barre latérale fixe dans un contexte de récit visuel : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0446Mise en page et adaptivité

Mise en page pleine largeur en alternance pour récit visuel

Dans un récit visuel, réaliser une mise en page pleine largeur et en incrustation : inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0458Mise en page et adaptivité

Galerie adaptative de récits visuels

Finaliser une galerie adaptative dans un contexte de récit visuel : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée aux différentes tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0468Mise en page et adaptivité

Mise en page responsive maître-détail pour récit photographique

Complétez une mise en page de contenu principal et secondaire dans un contexte de récit visuel : contenus réels, contrôles utilisables, retour d’état clair et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0477Mise en page et adaptivité

Mise en page en grille de type bento pour notes de recherche

Dans un contexte de notes de recherche, réalisez une mise en page en grille de type bento : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0485Mise en page et adaptivité

Mise en page narrative en écran partagé pour les notes de recherche

Réalisez une mise en page narrative en écran partagé pour un scénario de notes de recherche : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0492Mise en page et adaptivité

Mise en page classique à trois colonnes pour notes de recherche

Réaliser une mise en page classique en trois colonnes dans un contexte de notes de recherche : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0497Mise en page et adaptivité

Shell de tableau de bord de notes de recherche

Dans un contexte de carnet de recherche, réaliser le shell du tableau de bord : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0501Mise en page et adaptivité

Grille éditoriale de notes de recherche

Créer une grille éditoriale de magazine dans un scénario de notes de recherche : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0505Mise en page et adaptivité

Mise en page en cascade responsive - notes de recherche

Dans le contexte de notes de recherche, finalisez une mise en page en cascade responsive : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0509Mise en page et adaptivité

Mise en page en barre latérale fixe pour notes de recherche

Complétez une mise en page à barre latérale fixe dans un scénario de notes de recherche : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée aux différentes tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0513Mise en page et adaptivité

Mise en page pleine largeur avec intercalaires pour notes de recherche

Dans le contexte de notes de recherche, réalisez une mise en page pleine largeur en chevauchement : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0515Mise en page et adaptivité

Galerie adaptative de notes de recherche

Dans le contexte des notes de recherche, réalisez une galerie adaptative : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0517Mise en page et adaptivité

Disposition maître-détail pour notes de recherche

Créer une mise en page maître-détail pour un contexte de notes de recherche : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page responsive.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0519Mise en page et adaptivité

Disposition en grille de type bento pour la documentation produit

Réalisez une mise en page en grille bento pour le scénario de documentation produit : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0520Mise en page et adaptivité

Mise en page narrative en écran partagé pour la documentation produit

Réalisez une mise en page narrative en panneaux séparés dans le contexte de la documentation produit : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0528Mise en page et adaptivité

Galerie adaptative du lecteur d’archives

Complétez une galerie adaptative dans un scénario de lecture d’archives : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0544Mise en page et adaptivité

Tableau de bord de l’archive audio

Réaliser un shell de tableau de bord dans un contexte d’archives audio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0553Mise en page et adaptivité

Grille éditoriale du magazine du centre de soins

Dans le contexte du centre de soins, complétez une grille éditoriale de magazine : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à plusieurs tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0569Mise en page et adaptivité

Disposition pleine largeur en alternance du journal de soins

Réalisez une mise en page plein format en insertion dans le contexte d’un journal de soins : elle comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0578Mise en page et adaptivité

Disposition classique à trois colonnes de l’atlas des archives

Dans un scénario d’atlas d’archives, réalisez la mise en page classique en trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0594Mise en page et adaptivité

Disposition en cascade responsive du briefing d’archives

Dans le scénario de briefing d’archives, finalisez une mise en page en mosaïque responsive : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0603Mise en page et adaptivité

Disposition de contenu maître-détail pour le manuel d’archives

Réalisez une mise en page de contenu principal et secondaire dans un scénario de manuel d’archives : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles d’écran.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0619Mise en page et adaptivité

Mise en page de la barre latérale collante de l’édition d’archives

Dans le contexte d’un numéro spécial d’archives, réalisez une disposition à barre latérale fixe : contenu réel, contrôles interactifs, retours d’état clairs et disposition multi-tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0628Mise en page et adaptivité

Galerie adaptative du guide d’archives

Galerie adaptative terminée dans le scénario du guide des archives : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0644Mise en page et adaptivité

Mise en page en grille bento pour exposition d’archives

Réalisez une mise en page en grille de type bento pour un contexte de galerie d’archives : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0653Mise en page et adaptivité

Shell de tableau de bord de carnet d’archives

Dans le scénario du carnet d’archives, réalisez une coque de tableau de bord : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0669Mise en page et adaptivité

Mise en page de magazine éditoriale en grille pour page de récapitulatif d’archives

Dans le scénario de la page récapitulative d’archive, réaliser une grille éditoriale de magazine : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0678Mise en page et adaptivité

Disposition à pleine largeur en intercalation de l’atlas de soins

Dans le scénario de l’atlas des soins, réalisez une mise en page pleine largeur en enchaînement : contenu authentique, contrôles actionnables, retour d’état clair et mise en page multi-tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0694Mise en page et adaptivité

Disposition classique à trois colonnes du compte rendu de soins

Dans un scénario de briefing de soins, réalisez la mise en page classique en trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0703Mise en page et adaptivité

Mise en page en mosaïque responsive pour le guide des soins

Achevez une mise en page en mosaïque responsive pour le contexte d’un manuel de soins : elle inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0719Mise en page et adaptivité

Mise en page de contenu maître-détail pour publication de soins

Dans le contexte du cahier spécial de soins, réalisez une mise en page de contenu en maître et détail : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0728Mise en page et adaptivité

Mise en page narrative en écran partagé du guide de soins

Dans le scénario du guide d’accompagnement, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0744Mise en page et adaptivité

Disposition latérale fixe pour l’exposition des soins

Réaliser une mise en page à barre latérale fixe dans un contexte d’exposition de soins : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0753Mise en page et adaptivité

galerie adaptative de carnet de soins

Dans le contexte du carnet de soins, réalisez une galerie adaptative : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative selon la taille.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0769Mise en page et adaptivité

Disposition en grille de type bento pour la page de récapitulatif des soins

Dans le scénario de la page de récapitulatif des soins, réalisez une mise en page en grille de style bento : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0778Mise en page et adaptivité

Shell de tableau de bord Atlas du manuel de classe

Réalisez la coque du tableau de bord dans un contexte de classe Atlas : elle comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0794Mise en page et adaptivité

Grille éditoriale du magazine Brief de cours

Achever une grille éditoriale de type magazine dans un scénario de briefing en classe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0803Mise en page et adaptivité

mise en page pleine largeur pour manuel de classe

Dans le contexte du manuel de classe, réalisez une mise en page pleine largeur en ligne : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0819Mise en page et adaptivité

Disposition classique en trois colonnes pour le numéro spécial de la classe

Réalisez une mise en page classique à trois colonnes dans le scénario de l’édition spéciale de la classe : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0828Mise en page et adaptivité

Mise en page fluide en grille de type magazine pour guide de classe

Réalisez une mise en page en mosaïque réactive dans un contexte de guide de classe : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0844Mise en page et adaptivité

Disposition de contenu principal-détail pour l’exposition en classe

Réalisez une mise en page maître-détail dans un contexte d’exposition en salle de classe : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0853Mise en page et adaptivité

Mise en page narrative en écran partagé pour le guide du cours

Dans le scénario du guide de cours, réaliser une mise en page narrative en écran partagé : elle doit inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0869Mise en page et adaptivité

Disposition latérale fixe pour carnet de classe

Réaliser une disposition à barre latérale fixe dans un contexte de carnet de classe : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0878Mise en page et adaptivité

Galerie adaptative de la page de récapitulation du cours

Dans le scénario de la page récapitulative de la classe, finalisez la galerie adaptative : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0894Mise en page et adaptivité

Mise en page en grille bento pour brochure de clinique ambulatoire

Réalisez une mise en page en grille de type bento pour un contexte de brochure de clinique ambulatoire : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable selon la taille.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0903Mise en page et adaptivité

Shell de tableau de bord pour le récapitulatif des événements

Dans un contexte de récapitulatif d’événement, réaliser une coque de tableau de bord : contenus réalistes, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0919Mise en page et adaptivité

Grille éditoriale du magazine Atlas des champs

Dans le scénario de l’atlas des champs, réalisez une grille éditoriale de magazine : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative selon les tailles d’écran.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0928Mise en page et adaptivité

Mise en page en plein cadre pour le rapport de terrain

Réaliser une mise en page en pleine largeur et en insertion dans un contexte de rapport de terrain : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0944Mise en page et adaptivité

Disposition classique à trois colonnes du manuel de la flotte

Dans un scénario de manuel de flotte, réalisez la mise en page classique à trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0953Mise en page et adaptivité

Mise en page en maçonnerie réactive de l’atlas du jardin

Réalisation d’une mise en page en cascade adaptative dans le contexte d’un atlas de jardin : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon les tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0969Mise en page et adaptivité

Mise en page de contenu maître-détail pour le briefing du jardin

Réalisez une mise en page maître-détail dans le scénario du briefing de jardin : contenu réel, commandes actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0978Mise en page et adaptivité

Mise en page narrative en écran partagé pour le guide du jardin

Complétez une mise en page narrative en écran partagé dans un contexte de brochure de jardin : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0994Mise en page et adaptivité

Mise en page à barre latérale fixe du journal de serre

Réalisez une mise en page à barre latérale fixe pour le scénario du journal de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
1003Mise en page et adaptivité

Galerie adaptative du numéro spécial Jardin

Réaliser une galerie adaptative dans un scénario de dossier spécial sur le jardin : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
1019Mise en page et adaptivité

mise en page en grille de type bento pour le guide du jardin

Dans un contexte de guide de jardin, terminez la mise en page en grille de type bento : elle comprend un contenu réaliste, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
1028Mise en page et adaptivité

Caisson du tableau de bord d’exposition du jardin

Dans le contexte d’un jardin d’exposition, réaliser une coque de tableau de bord : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
1044Mise en page et adaptivité

Grille éditoriale du carnet-journal du jardin

Achever une grille éditoriale de type magazine dans un scénario de carnet de jardin : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter