Objectifs

• Rappels - CSS+HTML
• Introduction à JQuery

Ressources utiles pour le TP

• un ensemble de photos avec leurs miniatures
• le fichier Html de départ à mettre en forme

Connaissances utiles pour ce TP - à se remémorer ou à acquérir

• Composition en HTML+CSS. Mémo, pour ceux qui ont oublié les bases de la composition
  • http://learnlayout.com/box-model.html [last accessed 2013]
• Introduction à JQUERY : utilisation de l'accordion

Questions

1. Produire une CSS + un document HTML pour visualiser une liste de photos sous la forme d'une grille de miniatures comme dans la figure 1. Les photos et les miniatures sont données dans les ressources utiles au TP.
2. Produire une CSS pour que le document HTML donné dans les ressources utiles pour le TP se présente sous la forme de la figure 2.
3. Produire une CSS pour que le document HTML donné dans les ressources utiles pour le TP se présente sous la forme de la figure 3.
4. Introduction à JQUERY : utiliser le composant accordion pour afficher le fichier html donné en annexe comme dans la figure 4.

Figure 1

Figure 2

Figure 3

Figure 4