HTML / CSS / JavaScript

Tous les cas

Choisissez un cas complet, consultez directement le résultat, modifiez le code source et exécutez-le dans le navigateur.

1046Page 29 / 44
Affichage actuel de 24 cas
0673Formulaires et saisie

Table de configuration du budget d’entrée pour l’événement

Complétez la configuration budgétaire dans le contexte d’un bon d’entrée pour l’événement : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0674Navigation et menus

Panneau de commandes du poste de coordination du campus

Dans le contexte du poste de dispatch du campus, réaliser un panneau de commandes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Navigation et menusPanneau de commandesHTMLCSSJavaScript
Ouvrir et exécuter
0675couches flottantes et retours d’état

Bannière d’état dynamique des livraisons

Dans un scénario de suivi des livraisons, terminez la bannière d’état : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0676Cartes, listes et organisation du contenu

Liste de contenu repliable de la boîte d’archives de l’ambulatoire

Dans le scénario de la boîte d’archives du cabinet, achevez une liste de contenu repliable : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

Cartes, listes et organisation du contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0677Tableaux et affichage des données

Table de modification en ligne des relevés de consommation d’énergie

Dans le scénario des relevés de consommation d’énergie, réaliser un tableau d’édition en ligne : contenu réel, contrôles exploitables, retours d’état clairs et mise en page sur plusieurs tailles d’écran.

Tableaux et affichage des donnéestableau à édition en ligneHTML TableCSSJavaScript
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
0679Pages scénarisées pour le marketing et le contenu

Page de présentation des fonctionnalités pour la semaine de création et de lancement

Dans le cadre de la semaine de lancement de la création, achevez une page de présentation des fonctionnalités : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Pages scénarisées pour le marketing et le contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0680Tableaux de bord et interfaces d’administration

Tableau de rétention par groupe pour la gestion des cours

Dans le scénario de gestion de cours, achevez un tableau de rétention par groupe : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0681Processus commerciaux et de services

Configurateur de devis pour la liste de préparation des soins

Réalisez le configurateur de devis dans le contexte de la liste de préparation des soins : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Processus commerciaux et de servicesConfigurateur de devisHTMLCSSJavaScript
Ouvrir et exécuter
0682Typographie et effets de texte

Mise en page en retrait de la première lettre pour le carnet d’archives

Réaliser une mise en page en lettrine dans un contexte de carnet d’archives : contenu réel, commandes interactives, retour d’état clair et disposition multi-tailles.

Typographie et effets de texteLettrineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0683Animation et micro-interactions

Animation de révélation du contenu des signaux du catalogue

Animer la révélation de contenu dans un scénario de signal de catalogue : inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionsAnimation de révélation du contenuHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0684Effets visuels créatifs

Effet de traversée étoilée du port de Cloudlake

Finalisez un effet de traversée du ciel étoilé dans un contexte de port sur le lac nuageux : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Effets visuels créatifsEffet de traversée du ciel étoiléHTMLCanvasJavaScript
Ouvrir et exécuter
0685Dessin et visualisation de données

Courbe de tendance du poste de surveillance de la qualité de l’air

Un graphique linéaire de tendance pour le scénario du poste de surveillance de l’air, avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0686Capacités des médias et des appareils du navigateur

Indicateur d’état de connexion du pupitre audio à distance

Réalisez un indicateur d’état réseau dans le contexte d’une console audio à distance : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Capacités des médias et des appareils du navigateurIndicateur d’état de connexionHTMLCSSBrowser API
Ouvrir et exécuter
0687Mini-applications et mini-jeux

Calculatrice portable du tableau de planification d’archives

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

Mini-applications et mini-jeuxCalculatrice portableHTMLCSSJavaScript
Ouvrir et exécuter
0688Composants de base et sélecteurs

Sélecteur segmenté de suite d’invités

Boutons à sélection segmentée dans un contexte de suite d’hôte : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Composants de base et sélecteursSélecteur segmentéHTMLCSSJavaScript
Ouvrir et exécuter
0689Formulaires et saisie

Questionnaire conditionnel pour inscription à une exposition

Complétez un questionnaire conditionnel dans le contexte d’une inscription à une exposition : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0690Navigation et menus

Grand menu groupé de la murale d’orientation du campus

Réalisez un méga menu groupé dans un scénario de mur d’orientation du campus : il 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.

Navigation et menusGrand menu de groupeHTMLCSSJavaScript
Ouvrir et exécuter
0691couches flottantes et retours d’état

Boîte de dialogue de confirmation d’action de galerie

Réalisez une boîte de dialogue de confirmation dans un contexte d’opération de galerie : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter
0692Cartes, listes et organisation du contenu

Chronologie des activités du registre de transmission en consultation externe

Réalisez une chronologie des activités dans un contexte de registre de relève en consultation : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

Cartes, listes et organisation du contenuChronologie des activitésHTMLCSSJavaScript
Ouvrir et exécuter
0693Tableaux et affichage des données

Matrice relationnelle du tableau de contrôle des éléments d’exposition

Complétez la matrice relationnelle dans le contexte d’une fiche de contrôle des éléments d’exposition : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Tableaux et affichage des donnéesTableau matrice des relationsHTML TableCSSJavaScript
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
0695Pages scénarisées pour le marketing et le contenu

Récit de saison pour les membres créateurs de la page d’accueil

Dans une scène de saison de création réservée aux membres, réalisez une première section narrative : contenu réel, contrôles actionnables, retour d’état clair et mise en page sur plusieurs tailles.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0696Tableaux de bord et interfaces d’administration

Centre de commandement opérationnel du poste central de cours

Dans le scénario du siège central de cours, réalisez une console de pilotage des opérations : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter