<HTML>

<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 4.0">
<META NAME="ProgId" CONTENT="FrontPage.Editor.Document">
<TITLE>The Application User Interface</TITLE>
<BASE TARGET="_self">
</HEAD>

<BODY>

<P><B><FONT FACE="Verdana"><I><U><FONT SIZE="4" COLOR="#000080">The Application
User Interface</FONT></U><FONT SIZE="4" COLOR="#000080"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></I></FONT></B></P>
<BLOCKQUOTE>
  <P><FONT FACE="Verdana" SIZE="2"><I>JPGallery</I> consists of a simple-to-use,
  intuitive graphical user interface.&nbsp; The main functionality is accessible
  via the <B>toolbar</B> that contains six buttons, and a <B>tab-strip</B>
  consisting of seven tabs:</FONT></P>
  <P><IMG BORDER="0" SRC="../graphics/menu.gif" WIDTH="569" HEIGHT="127"></P>
  <A NAME="TOOLBAR"></A>
  <P><FONT FACE="Verdana" SIZE="4" COLOR="#000080"><I><U>Toolbar
  Functions&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></I></FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">The toolbar gives you access to the file and
  gallery creation functionality.&nbsp; (Note that each of these functions can
  also be invoked by using the corresponding item in the JPGallery menu bar.)</FONT></P>
  <BLOCKQUOTE>
    <TABLE BORDER="0" WIDTH="69%" CELLPADDING="0">
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">New</FONT></I></B></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">starts
          a new (empty) Gallery Project</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Open</FONT></I></B></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">opens
          a previously saved Gallery Project from disk</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Save</FONT></I></B></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">saves
          the current Gallery Project to disk</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2"><B><I>View</I></B></FONT></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">creates
          a preview of the current Gallery Project in your web browser</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Create</FONT></I></B></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">creates
          the actual gallery that consists of HTML and JPG files</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="14%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2"><B><I>Publish</I></B></FONT></TD>
        <TD WIDTH="86%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">publishes
          the current Gallery Project on your web server via FTP</FONT></TD>
      </TR>
    </TABLE>
  </BLOCKQUOTE>
  <A NAME="TABSTRIP"></A>
  <P><FONT COLOR="#000080"><FONT SIZE="4" FACE="Verdana"><I><U><BR>
  Tab Strip Functions</U></I></FONT><I><FONT FACE="Verdana" SIZE="4"><U>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</U></FONT></I></FONT></P>
  <P><FONT FACE="Verdana" SIZE="2">To access the various parameter settings for
  a Gallery, use the tabs right underneath the toolbar, namely:</FONT></P>
  <BLOCKQUOTE>
    <TABLE BORDER="0" WIDTH="69%" CELLPADDING="0">
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2"><B><I>Images</I></B></FONT></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          add, preview, remove, sort and rename images, as well as add image
          descriptions</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Thumbnails</FONT></I></B></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          modify settings concerning thumbnail size, quality and arrangement</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2"><B><I>Captions</I></B></FONT></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          change settings regarding image and thumbnail captions</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Frame
          Layout</FONT></I></B></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          layout the gallery frames</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><I><B><FONT FACE="Verdana" SIZE="2">Thumbnail
          Page HTML</FONT></B></I></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          include color settings as well as additional HTML code for the
          thumbnail pages</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><I><B><FONT FACE="Verdana" SIZE="2">Image
          Page HTML</FONT></B></I></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          include color and image settings as well as additional HTML code for
          the image pages</FONT></TD>
      </TR>
      <TR>
        <TD WIDTH="25%" BGCOLOR="#EEEEEE" VALIGN="top"><B><I><FONT FACE="Verdana" SIZE="2">Page
          Links</FONT></I></B></TD>
        <TD WIDTH="75%" BGCOLOR="#EEEEEE" VALIGN="top"><FONT FACE="Verdana" SIZE="2">to
          manage links between gallery pages</FONT></TD>
      </TR>
    </TABLE>
  </BLOCKQUOTE>
</BLOCKQUOTE>

</BODY>

</HTML>
