Cet outil peut vous permettre de donner des explications sur des codes
ou des manipulations complexes à plusieurs étapes, en
découpant les étapes par blocs de sens ainsi que mettre
des images
Exemple :

Voici le CSS pour les boîtes :
<style type="text/css">
.gallerycontroller{
width: 300px
}
.gallerycontent{
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 300px;
height: 300px;
border: 1px solid black;
background-color: #1E90FF;
display: block;
padding:5px;
}
</style>
Vous pouvez retrouver le code javascript dans le fichier zone.js à
télécharger ci-dessous, et à mettre dans votre page
entre les balises <head> et </head>, dans les habituelles
balises
<script type="text/javascript">
...............
</script>

Avec
les codes suivants pour la vidéo :
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/ activex/controls/mplayer/en/
nsmp2inf.cab#Version=6,0,02,902" type="application/x-oleobject"
width="320" height="240">
<param name="src" value="backflip.wmv"/>
<param name="showControls" value="false"/>
<param name="autostart" value="1"/>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/
windows/mediaplayer/en/download/" src="backflip.wmv"
width="320" height="240" showControls="false"
autostart="0"></embed>
</object>