Positionnement relatif, absolu et fixe CSS19
Cet exercice consiste à reproduire des modèles en positionnant des éléments html en absolu ou en relatif.
Transitions CSS : Boutons CSS18
Cet exercice consiste à reproduire à partir d’un modèle des boutons en respectant des effets de transitions CSS
Affichage en onglets avec jQuery jquery02
Cet exercice consiste à créer un système d’affichage sous la forme d’onglets en utilisant le framework jQuery.
Fenêtre modale avec jQuery jquery01
L’objectif de cet exercice est de créer une fenêtre modale en HTML et CSS dont l’affichage sera contrôlé avec jQuery, le fameux framework javascript.
Transitions CSS : Birds Gallery CSS17
Cet exercice consiste à utiliser des transitions css pour gérer l’affichage d’une galerie d’images. Dans un second temps, la galerie doit être rendue totalement fonctionnelle avec javascript.
Inspecteur de code HTML05
Cet exercice propose d’utiliser les outils de développement et fonctionnalités offertes par les navigateurs pour récupérer des données présentes sur une page web afin d’en construire une autre.
Animation CSS : Pacman CSS16
Cet exercice consiste à utiliser des animations css pour animer un tableau de pacman.
Animation CSS : Solo Lyon CSS15
Cet exercice consiste créer une animation en CSS. L’exercice a plusieurs niveaux de difficultés, il peut être effectué à partir de fichiers .png ou .svg.
Créer une palette de couleur CSS14
Cet exercice consiste à générer une palette de couleurs avec des outils en ligne puis à la présenter proprement en HTML et CSS.
Flexbox : Mise en forme d’une page 2 CSS13
Cet exercice consiste a définir une maquette de page pas à pas en utilisant un positionnement flexible pour disposer les éléments HTML.
Flexbox : Mise en forme d’une page CSS12
Cet exercice consiste à définir une maquette de page pas à pas, à partir d’une page HTML fournie, en utilisant un positionnement flexible.
Positionnement flexbox : Création d’une grille CSS11
Cet exercice consiste à créer une grille de mise en forme en utilisant les propriétés des flexbox en CSS.
WordPress : Mise en forme de blocs WP06
Cet exercice consiste à mettre en forme des blocs de contenu dans un article WordPress en utilisant des styles CSS personnalisés.
WordPress : Créer une page de contact complète WP04
Cet exercice consiste à créer une page de contact complète pour une installation de WordPress en utilisant les extensions adaptées.
WordPress : Création de contenu en HTML WP03
Cet exercice concerne la création de contenu sans utiliser l’éditeur WYSIWYG de WordPress mais en saisissant directement du code HTML.
WordPress : Thème WP02
Cet exercice consiste à installer un thème, créer un thème enfant, gérer ses options et le personnaliser.
Mise en forme d’un tableau en CSS CSS10
Cet exercice consiste à construire un tableau en HTML et à le mettre en forme en CSS.
Page complète en CSS : À partir d’un modèle 01 CSS09
Cet exercice consiste à mettre en forme une page HTML complète à partir d’un modèle.
Animations CSS : Chien CSS08
Cet exercice consiste à utiliser des animations CSS pour faire vivre un “chien” dessiné en HTML et CSS.
WordPress : Création de contenu WP01
Cet exercice concerne la création d’article et de page sur WordPress. Il s’agit de construire du contenu en utilisant les options de l’éditeur Gutenberg.