Header
Partagez | 

II b - Mise en pratique - Les listes

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Le personnel

Bons Points (BP) : 106
Voir le profil de l'utilisateur

Message Sujet: II b - Mise en pratique - Les listes   Lun 01 Aoû 2016, 10:06


Exercice

Intermédiare

II b - Mise en pratique
Les listes





Comme tu as pu le voir dans le programme, nous te proposons de réaliser 2-3 petits exercices avant de partir sur un TP plus complet.

En route !

Jouons avec les listes

Après un échauffement de mises en page, nous allons nous amuser avec les listes. Notre but va être de réaliser ceci :

C'est-à-dire :
• Une première liste qui servira de navigation (attention à l'entourer de la bonne balise Wink) ;
• Une deuxième liste plus simple, qui, au survol d'un de ces items fait apparaître une sous-liste (pense aux transitions css) ;
• Une troisième liste avec d'autres listes imbriquées.

Des ressources

Pour t'aider à réaliser ces exercices, tu vas avoir besoin des tutoriels suivant :
Faire des listes ;
Réaliser un menu ;
Les balises HTML5 ;
Mises en page css ;
Les sélecteurs CSS.

Autres informations

Pour faire des listes complexes, code chacune d'elles indépendamment, puis, injecte-les dans le bon li.

Concernant la mise en page, tu es libre de tout (couleurs, typo, taille du texte,...). Ici, nous allons surtout nous intéresser à la qualité (et la bonne écriture) du code que tu vas nous rendre.




Une fois les 3 exercices terminés, il te suffit de les poster dans ton sujet de rendu de devoirs. Un membre du personnel encadrant viendra ensuite corriger ta copie.


Revenir en haut Aller en bas
II b - Mise en pratique - Les listes
Page 1 sur 1
 Sujets similaires
-
» Lecture video interrompue avec mise en tampon
» probleme avec les cellules d'excel sur la mise en forme
» Attention : Fausse mise à jour qui cache un cheval de Troie !
» S. Demande de mise en page - Site du forum
» antivir périmé, mise à jour KO
Réponse rapide

School of Progress :: La bibliothèque :: Livret d'exercices :: Codage+