HTML Design

HTML Design

The HTML authoring can be made by popular tools. e.g. FrontPage of Microsoft Office. When designing the HTML, for most file system, including JFFS2, have low storage efficiency for small files. Remember not to put too many small GIF buttons or pictures in your web pages.

Frame Layout

A standard 3-window frames is presented as web interface when users open "index.htm" at web root (/flash/www). The frame consists of (1) banner window, (2) menu window and (3) main window. The first two windows are fixed in contents once they are opened and only the main window has dynamic contents which are controlled by CGI programs.

Window	HTML file	Background Image	Contents
Banner	banner.htm	banner.jpg	logo, product name
Menu	menu.htm	menu.jpg	user menu
Main	various	backgnd.jpg	CGI controlled

Fast Customization

In order to customize the web appearance easier, we don't use GIF buttons which takes more efforts for users to build them. For users who are not familiar with web authoring or don't want to spend too much time on it, the followings are the fastest way to change the web appearance without the need of using web authoring tools:

Replace the 3 background images: banner.jpg, menu.jpg, backgnd.jpg.

Edit banner.htm to change the banner text.

<html>

<head>

<title>Configuration</title>

</head>

<h2 align="center"><font face="Arial">MyProduct-A1 Configuration</font></h2>

</body>

</html>

Menu

The user menu in "menu.htm" consists of several HTML hyperlink <a href> </a> tags. Users can easily edit these lines to make their own menu.

<html>

<head>

</style>

</head>

<p><a href="cgi?s+status">Status</a></p>

<p><a href="cgi?s+network">Network</a></p>

<p><a href="cgi?s+system">System</a></p>

</body>

</html>

Experienced users are not limited to above simple menus. Modern DHTML popup menus can also be created with efforts but they are far beyond our scopes.