ProSoft Technology 5201-104S-103M - Manual (Page 20)

Web Server Web Page Construction
Page 20 of 35 ProSoft Technology, Inc.
September 28, 2005
5.5 Using Frames and Tables to Lay Out Pages
Two commonly used HTML components are tables and frames to format a page
into a more readable or presentable format.
Tables display sections of a file in a user-defined grid similar to a spreadsheet.
The <Table> tag starts a table, and the </Table> tag is used to end a table. Each
row in the table is started with the <TR> tag and ends with a </TR> tag. Within
each row are cells. These are denoted with the tags <TD> and </TD>. Example
code for a table is as follows:
<Table>
<CAPTION align=top | bottom>Test Table</CAPTION>
<TR>
<TD>Cell One, Row One</TD>
<TD>Cell Two, Row One</TD>
</TR>
<TR>
<TD>Cell One, Row Two</TD>
<TD>Cell Two, Row Two</TD>
</TR>
</Table>
Tables can have tables nested inside of them. An example of nested tables is
shown graphically below:
Company Logo
Contact Information
Instrument Status Data
Pic of Inst Manf Info
Menu
Real Time Data of Process
Each cell in the table above has its own specific content. They can contain static
text, data from the module's database, a static graphic image or a dynamic
graphic or text element determined by the status of a binary point in the module's
database. Using tables in this manner makes the layout of a Web page much
easier. It is better to divide the page into tables and display your content in the
cells, rather than struggle to get things lined up.
Frames divide a browser window into two or more document windows each
displaying their own HTML file or different parts of the same file. Refer to an
HTML text or try developing them using the <IFRAME>, <FRAMESET> and
<FRAME> tags. Look these up in the index of your HTML book for help. This
simple document does not contain the discussion because of the level of
complexity and power offered by the use of frames.
The http server in the ProSoft Technology, Inc. module also supports style
sheets. Refer to your HTML text on the use and construction of this powerful
formatting feature. Other html features are supported but may be dependent on
the browser being used. Always start with a simple example and expand from it.