Tous les exercices

Premier exercice sur les grilles css : html5 css 1, 2

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement (css1 et 2)

L'exercie consiste simplement à correctement structurer votre code html (header, footer, article, div ...) et à reproduire une grille de 12 colonnes que j'ai épurée pour une meilleur compréhension...

Grille flexible : html5 css 1, 2 et 3

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement (css1 et 2).

L'exercie consiste simplement à reproduire le comportement lors d'un changement de largeur du navigateur (colonnes et images fluides)...

Grille responsive : html5 css 1, 2 et 3

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement (css1 et 2) et les Média Query (css 3).

L'exercie consiste simplement à reproduire le comportement lors d'un changement de largeur du navigateur (colonnes et images fluides et adaptabtion spécifique en fonction de la largeur du device)...

Responsive web design : html5 css 1, 2 et 3

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement (css1 et 2) et les Média Query (css 3).

L'exercie consiste simplement à reproduire le comportement lors d'un changement de largeur du navigateur (colonnes et images fluides)...

Responsive web design avec bootstrap

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement (css1 et 2) et les Média Query (css 3).

L'exercie consiste à adapter le précédent exercice en utilisant bootstrap.Il peut être intéressant de refaire cet exercice avec LESS

Sprite : technique css pour alléger vos pages

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés de dimensionnement et d'arrière plan (css1 et 2).

L'exercie consiste simplement à reproduire les boutons en utilisant non pas 4 mais une seule image de fond.

Une fois que vous aurez calculé vous même la position de l'image de fond, je vous invite à utiliser ce petit outil (STITCHES) qui vous fera gagner beaucoup de temps ...

Mise en page en deux colonnes fixes

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés depostionnement (float,clear content) et d'arrière plan (css1 et 2).

Mise en page en deux colonnes flexibles

Pour cet exercice, vous aurez besoin de connaître les balises de base du html, les propriétés de boîte (css1), les propriétés depostionnement (float,clear content) et d'arrière plan (css1 et 2).