Composition du Fichier config.xml <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<widget xmlns="http://www.w3.org/ns/widgets" height="560" width="450" id="Simpson">
<title>Les Simpsons</title>
<icon src="icon_homer.png"/>
<content src="index.htm"/>
<author>Frere Loup</author>
</widget>
Creation de la page Web index.htm <html>
<head>
<title>Les Simpsons</title>
</head>
<body>
<p align="center">
<a name="1"></a>
<a href="#2"><img src="simpson.jpg"></a>
<a name="2"></a>
<a href="#3"><img src="homer.jpg" ></a>
<a name="3"></a>
<a href="#4"><img src="marge.jpg" ></a>
<a name="4"></a>
<a href="#5"><img src="bart.jpg" ></a>
<a name="5"></a>
<a href="#6"><img src="lisa.jpg" ></a>
<a name="6"></a>
<a href="#1"><img src="maggie.jpg" ></a>
</p>
</body>
</html>
Dans une page Web HTML, il y a 2 parties : L'entete et le corps de la page
L'entete est décrit avec les balises <head> </head> (head voulant dire tete)
L'entete sert a décrire la page, la nommer, donner des options de configuration
Le corps de la page est décrit avec les balises <body> </body> (body voulant dire corps)
Le corps de la page contient le descriptif de la page
Alors on débute la page en annonçant que cela sera une page html avec la balise <html>
<html>
<head>
<title>Les Simpsons</title>
</head>
C'est pour nommer la page avec la balise <title> mais cela n'est pas indispensable et on peut tres bien mettre l'entete vide pour le widget avec les balises <head></head>
<p align="center">
<a name="1"></a>
<a href="#2"><img src="simpson.jpg"></a>
<a name="2"></a>
<a href="#3"><img src="homer.jpg" ></a>
<a name="3"></a>
la balise <p est pour annoncer l'alignement. P pour position
Donc avec cette balise, on va centrer les images <p align="center">
<a name="1"></a>
C'est pour indiquer un point de lien, un signet
<a href="#2"><img src="simpson.jpg"></a>
<a href="#2"> est pour créer un lien
<img src="simpson.jpg"> affichera l'image simpson.jpg
et la balise <a href="#2">.....</a> sera pour créer un lien sur l'image homer
Ainsi, lorsqu'on cliquera sur l'image homer, cela dira d'aller au signet 2
et ainsi de suite
Le but de cette page est de faire un diaporama des images des Simpsons
A vous de créer un diaporama avec vos photos ou autre image avec une hauteur de 560 pixels (la largeur n'a pas d'importance, aucune précision)
Voilà le Widget ainsi créé pour le diaporama des Simpsons
Version WGT http://samsungwave.free.fr/widget/homer.wgtVersion Compressé en ZIP http://samsungwave.free.fr/widget/homer.zip