Creating an original HTML template

1. Creating an original HTML template

Original HTML templates can be created with application software used for 
creating Web pages or a text editor (Windows Notepad or Macintosh SimpleText, 
etc.). However, in order to perform this operation, a certain degree of 
knowledge concerning HTML is necessary.

2. HTML tag for the RDC-i700 camera

Basically, an ordinary HTML tag can be used for the RDC-i700 camera without 
problem. Except for the area used to specify an image title in the HTML template
and the area for pasting images, use the same procedure as for creating a Web 
page, then write special tags for the RDC-i700 camera.

Note:
 When using a WYSIWYG type Web page application software (the type with which it
is possible to check progress during HTML editing), display the source (HTML 
text) and then write the tag.


* HTML template name tag

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

Always write this tag on the first line of the HTML template. If the name of the
HTML template is to be "Business Trip Photos," write the following on the first 
line.

<TEMPLATE>Business Trip Photos</TEMPALTE>

* Paste image tag

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

Write one of the following in the ### area.

ALLINFO	: Paste all selected photos with detailed information.

SINGLEINFO: Paste only one image with detailed information.

ALL	: Paste all selected images without detailed information.

SINGLE	: Paste only one image without detailed information.

INDEX	: Paste all selected images as reduced images in rows of five.

Specify the image size (width and height) in dot (pixel) units in 
the xxx and yyy areas. When this is omitted, the default values 
of 160 x 120 dots will be used.

Example 1
To paste all of the selected images with detailed information and 
the size of 320 x 240 dots, write as shown below.

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

The images will be displayed in the format shown below at the position where 
the tag is written.

+------------------------------------+
|  Image file name                   |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Data......  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
|  Image file name                   |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Data......  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
|  Image file name                   |
| +------320------+ ...............  |
| |               | ...............  |
| |               | .....Data......  |
| 240             | ...............  |
| |               | ...............  |
| |               | ...............  |
| +---------------+                  |
+------------------------------------+


Example 2
To paste only one image without detailed information with the size of 640 x 480 
dots, write as shown below.

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



The image will be displayed in the format shown below at the position wher the 
tag is written.

+------------------------------------+
|  Image file name                   |
| +--------------640--------------+  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| 240                             |  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| |                               |  |
| +-------------------------------+  |
+------------------------------------+


Example 3
When INDEX is selected, the display will be as shown below (when images from 
several folders are selected).

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

+------------------------------------+
| Folder name                        |
| +----+ +----+ +----+ +----+ +----+ |
| |    | |    | |    | |    | |    | |
| +----+ +----+ +----+ +----+ +----+ |
| ...... ...... ...... ...... ...... |
|                                    |
| Folder name                        |
| +----+ +----+ +----+ +----+ +----+ |
| |    | |    | |    | |    | |    | |
| +----+ +----+ +----+ +----+ +----+ |
| ...... ...... ...... ...... ...... |
+------------------------------------+

3. Transferring an HTML template to the camera

Temporarily save the created template as a text file on the disk of the personal
computer. Always use the extension ".htm" with the file name. For example, 
"hello.htm."
After that, use the RDC-i700 Explorer Plug-In (Windows) or 
the RDC-7/i700 Mounter (Macintosh) and transfer the file to the TEMPLATE folder
in the camera's storage memory. The HTML template can now be used.

When a CF card is connected to the PC, it is acceptable to also copy the file to
the TEMPLATE folder in the card.

4. Using the HTML template

The following processing is performed when the HTML template is used to create 
an HTML file by operating the camera.

First, a folder with the name "XXXRHTML" (XXX indicates a 3-digit number) is 
created in the memory folder "HTML."
Next, an HTML file with tags to display the actual images and information 
displayed in the HTML template <PASTEIMAGE> tag area is created in the 
"XXXRHTML" folder.
In addition, an image file (a JPEG file with the size adjusted as specified) 
displayed in the HTML files is also created in the same folder. The file name 
for this image file is "XXXYYYY.JPG." (XXX is the original folder number; 
YYYY is the image file number).

The original image files (the original images before reduction) can be displayed
by opening the created HTML file with a browser and clicking on the desired 
images.

5. HTML template sources stored in a CD-ROM

The HTML template sources are stored on the CD-ROM provided for your reference.

----------------------------------------------------------------
File (Sample 1)
----------------------------------------------------------------

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

<P><FONT SIZE="5">RICOH Image Capturing Device 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>



----------------------------------------------------------------
File (Sample 2)
----------------------------------------------------------------

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

<P><FONT SIZE="5">RICOH Image Capturing Device 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>
