Creation d'un modele HTML original

1. Creation d'un modele HTML original

Vous pouvez creer un modele HTML original a l'aide d'un logiciel de creation 
HTML specialise ou d'un simple editeur de texte (le Bloc-notes sous Windows, 
Simple Text sur Macintosh, etc.). Toutefois, une certaine connaissance du 
langage HTML est necessaire.

2. Balises HTML propres a l'appareil photo RDC-i700

Les balises HTML standard peuvent etre utilisees sans probleme dans un modele 
destine a etre place dans le RDC-i700. En dehors de la zone utilisee pour 
specifier le titre de l'image dans le modele HTML et la zone dans laquelle 
doit etre collee une image, procedez de la meme maniere que pour creer une page 
Web normale ; placez ensuite les balises speciales destinees au RDC-i700.

Remarque :
 Si vous utilisez un logiciel de creation de pages Web de type WYSIWYG 
(qui permet de voir directement l'aspect de la page Web creee), demandez 
l'affichage du code HTML source avant d'inserer les balises du RDC-i700.


* Balise de definition du nom du modele HTML

<TEMPLATE>########</TEMPLATE>

Placez toujours cette balise en premiere ligne du modele HTML. Si, par exemple, 
vous voulez que le nom du modele HTML soit << Photos de vacances >>, placez le 
code suivant en premiere ligne :

<TEMPLATE>Photos de vacances</TEMPLATE>

* Balise de collage d'image

<PASTEIMAGE SHOT="###" WIDTH="xxx" HEIGHT="yyy"></PASTEIMAGE>

A la place de ###, utilisez une des options suivantes :

ALLINFO	: Coller toutes les photos selectionnees avec informations detaillees

SINGLEINFO: Coller une seule image avec informations detaillees

ALL	: Coller toutes les images selectionnees sans les informations 
detaillees

SINGLE	: Coller une seule image sans les informations detaillees

INDEX	: Coller toutes les images selectionnees sous forme de rangees de cinq 
vignettes miniatures.

Indiquez la taille d'image (WIDTH pour la largeur et HEIGHT pour la hauteur) 
exprimee en pixels a la place de xxx et de yyy. Si ces parametres sont omis, 
c'est la taille par defaut de 160 x 120 pixels qui est utilisee.

Exemple 1
Pour coller dans le modele toutes les images selectionnees avec des informations
detaillees et a la taille de 320 x 240 points, ecrivez le code suivant :

<PASTEIMAGE SHOT="ALLINFO" WIDTH="320" HEIGHT="240"></PASTEIMAGE>

Les images seront affichees sous la forme illustree ci-dessous a la position de 
la balise.

+------------------------------------+
|  Nom du fichier image              |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Image.....  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
|  Nom du fichier image              |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Image.....  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
|  Nom du fichier image            |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Image.....  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
+------------------------------------+




Exemple 2
Pour coller dans le modele une seule image sans informations detaillees et a la 
taille de 640 x 480 points, ecrivez le code suivant :

<PASTEIMAGE SHOT="SINGLE" WIDTH="640" HEIGHT="480"></PASTEIMAGE>



L'image sera affichee sous la forme illustree ci-dessous a la position de la 
balise.

+------------------------------------+
|  Nom du fichier image              |
| +--------------640--------------+  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| 480                             |  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| +-------------------------------+  |
+------------------------------------+



Exemple 3
Si vous utilisez l'option INDEX, le format de la page HTML resultant du code 
suivant sera celui illustre ci-dessous (lorsque des images de plusieurs dossiers
sont selectionnees) :

<PASTEIMAGE SHOT="INDEX" WIDTH="160" HEIGHT="240"></PASTEIMAGE>


+------------------------------------+
| Nom du dossier                     |
| +----+ +----+ +----+ +----+ +----+ |
| |    | |    | |    | |    | |    | |
| +----+ +----+ +----+ +----+ +----+ |
| ..... ...... ...... ....... ...... |
|                                    |
| Nom du dossier                     |
| +----+ +----+ +----+ +----+ +----+ |
| |    | |    | |    | |    | |    | |
| +----+ +----+ +----+ +----+ +----+ |
| ....... ....... ......... ........ |
+------------------------------------+

3. Transfert d'un modele HTML vers l'appareil photo

Enregistrez de facon temporaire le modele cree dans un fichier Texte, sur le 
disque dur du micro-ordinateur. Ajoutez toujours l'extension << .htm >> au nom 
du fichier. Exemple : << hello.htm >>.
Utilisez ensuite l'extension RDC-i700 Explorer Plug-In (sous Windows) ou le 
tableau de bord RDC-7/i700 Mounter (sur Macintosh) pour transferer le fichier 
vers le dossier TEMPLATE qui se trouve dans la memoire de l'appareil photo. 
Votre modele HTML peut maintenant etre utilise.

Lorsqu'une carte CF est reliee au micro-ordinateur, il est egalement possible de
copier le fichier dans le dossier TEMPLATE de la carte.

4. Utilisation du modele HTML

Lorsque vous utilisez un modele HTML pour creer un fichier HTML dans l'appareil 
photo, les operations suivante ont successivement lieu :

Tout d'abord, un dossier nomme << XXXRHTML >> (XXX representant un nombre de 3 
chiffres) est cree dans le dossier << HTML >> de la memoire.
Ensuite, un fichier HTML contenant les balises permettant d'afficher les images 
et les informations correspondantes conformement a vos balises <PASTEIMAGE> est 
cree dans le dossier << XXXRHTML >>.
En outre, un fichier image (au format JPEG et a la taille specifiee par la 
balise <PASTEIMAGE>) destine a etre incorpore au fichier HTML est egalement cree
dans le meme dossier. Le nom de fichier attribue a cette image est de la forme 
<< XXXYYYY.JPG >> (XXX etant le numero du dossier contenant et YYYY le numero 
du fichier image dans ce dossier).

Les images d'origine (avant reduction pour inclusion dans la page HTML) peuvent 
etre affichees en ouvrant le fichier HTML cree a l'aide d'un navigateur Web et 
en cliquant sur les images affichees.

5. Modeles HTML fournis sur le CD-Rom

Le code source des modeles HTML exemples est propose sur le CD-Rom fourni.

----------------------------------------------------------------
Fichier (Exemple 1)
----------------------------------------------------------------

<TEMPLATE>Modele 1</TEMPLATE>
<HTML>
<HEAD>
<TITLE>Modele HTML exemple No. 1</TITLE>
</HEAD>
<BODY BGCOLOR="#d1d1d1" LINK="#000000" VLINK="#ffffff">

<P><FONT SIZE="5">Appareil de capture d'images RICOH RDC-i700</FONT>
<P><HR>

<TABLE WIDTH="540" BORDER="2" CELLSPACING="0" CELLPADDING="0">

<PASTEIMAGE SHOT="INDEX" WIDTH="160" HEIGHT="120">
</PASTEIMAGE>

</TABLE>
</BODY>
</HTML>





----------------------------------------------------------------
Fichier (Exemple 2)
----------------------------------------------------------------

<TEMPLATE>Modele 2</TEMPLATE>
<HTML>
<HEAD>
<TITLE>Modele HTML exemple No. 2</TITLE>
</HEAD>
<BODY BGCOLOR="#d1d1d1" LINK="#000000" VLINK="#ffffff">

<P><FONT SIZE="5">Appareil de capture d'images RICOH RDC-i700</FONT>
<P><HR>

<TABLE WIDTH="540" BORDER="0" CELLSPACING="0" CELLPADDING="0">

<PASTEIMAGE SHOT="ALL" WIDTH="160" HEIGHT="120">
</PASTEIMAGE>

</TABLE>
</BODY>
</HTML>




