Styles simples : Les Contes de la Bécasse – Guy de Maupassant TXT48
Cet exercice concerne l’utilisation des styles. Il s’agit de reproduire la mise en forme d’un document modèle en utilisant des styles de paragraphe et des styles de caractère.
Index lexical : Pierre Bourdieu TXT47
Cet exercice consiste à insérer et personnaliser un index lexical dans un document texte.
Document maître : Madame Bovary TXT46
Cet exercice consiste à découper un document long en plusieurs fichiers, de réunir les morceaux dans un document maître puis d’en faire la mise en forme.
Index lexical avec marquage automatique TXT45
Cet exercice concerne exclusivement le marquage automatique d’entrées pour l’insertion d’un index lexical.
Styles et images : Hemingway TXT44
Cet exercice concerne la mise en forme d’un texte en utilisant des styles et en insérant des images.
SmartArt dans Word TXT43
Cet exercice consiste à utiliser les outils SmartArt intégré dans Word afin de créer des graphiques d’illustration
Dessin vectoriel dans un logiciel de traitement de texte TXT42
Cet exercice consiste à manipuler les outils de dessin vectoriel intégré dans les logiciels de traitement de texte.
Création d’une interface fluide 2 CSS26
Cet exercice consiste à créer une interface simple et fluide pour un site internet.
Analyse de la cible, tendances et concurrence WEB03
Cet exercice est un récapitulatif des étapes préparatoires concernant l’analyse de la cible et l’étude de marche lors de la conception d’un nouveau site Internet.
Création d’une interface fluide CSS25
Cet exercice consiste à créer une interface simple et fluide pour un site internet.
Montage : Flamants roses IMG30
Cet exercice consiste à effectuer un montage simple à partir d’une image à détourer.
Les listes en HTML HTML07
Cet exercice consiste à créer et à personnaliser des listes à puces ou des listes numérotées en HTML.
Ma première page web, pas à pas HTML06
Cet exercice consiste à créer pas à pas sa première page web en créant la structure de base puis en utilisant des balises simples.
Mixins et listes Sass CSS24
Consignes de l’exercice Une liste de réseau sociaux : facebook, flickr, linkedin, twitter, vimeo et youtube ; Une couleur pour chaque service : #3b5998, #0063db, #007bb6, #00aced, #aad450, #bb0000.
Interface adaptable (responsive) en CSS CSS23
Cet exercice consiste à rendre adaptable (au sens de responsive web design) une interface web fournie.
Voiture SVG et animations CSS CSS22
Cet exercice consiste à reconstruire un décor avec des éléments fournies au format SVG, puis d’en faire l’animation via CSS.
Cubes animés en CSS CSS21
Cet exercice consiste à créer un cube à l’aide des transformations 3D puis de l’animer et enfin de le personnaliser. Consignes de l’exercice
Manipulations de base avec jQuery jquery03
Cet exercice consiste à essayer certaines fonctionnalités de jQuery permettant de manipuler des éléments du DOM.
Flexbox en CSS CSS21
Cet exercice consiste à explorer les possibilités offertes par les boites flexibles en CSS.
Site Onepage et SCSS CSS20
Cet exercice consiste à construire une interface web de type onepage, puis à convertir les styles CSS créés afin de les présenter en exploitant les avantages de SCSS.
Positionnement relatif, absolu et fixe CSS19
Cet exercice consiste à reproduire des modèles en positionnant des éléments html en absolu ou en relatif.
Montage : Macareux IMG28
Cet exercice consiste à élargir une image. Pour cela, il faut détourez les objets puis les réassembler dans un espace de travail agrandi. Consignes de l’exercice
Tri et filtres : Indicateurs lycées TAB06
Cet exercice tourne autour de l’utilisation des fonctionnalités de tri et de filtrage des données sur un logiciel tableur.
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.