ProSoft Technology 5201-104S-103M User Manual
Page 19
Web Page Construction
Web Server
ProSoft Technology, Inc.
Page 19 of 35
September 28, 2005
textbook for frame examples. Start with a simple example and create from there.
This will generate success at the start instead of frustration.
During this design stage, the data required for each page can be determined and
mapped to a location on the page. Compile a list of database elements and the
format to display each in a spreadsheet. This will aid in building the insertion data
tags for the page.
After you have designed your system, it is now time to build the Web pages. You
can build each page individually using a tool like Microsoft Word or a Web
authoring tool.
5.3
Adding Hyperlinks to Pages
The basic feature of a Web browser, besides displaying content, is to be able to
move from one Web page to another by selecting a link on a page. This link
could be displayed as a text or image on the page. The home page should
provide links to other pages. Hint: if you do not want users to easily view a page,
do not include a link to it on any of the Web pages. Links are inserted into the
HTML file using the anchor tag <A>. An example is as follows:
<A href=”MYFIRST.HTM”>Show My First File</A>
This code will display “Show My First File” as a link on the Web page in the color
specified for links in your browser. If the user selects the link, the browser will
request the file MYFIRST.HTM from the http server. The only problem with links
is that some Web pages do not have the correct links present to navigate through
the Web-page stack. Careful design of your system will help to alleviate this
problem. Refer to the example in the previous section.
5.4
Adding Images to Pages
Graphic files can be displayed on a Web page to add visual pleasure, attract a
user's attention or to provide company identity. The general format for an image
insertion is as follows:
<IMG src=”MYLOGO.GIF” alt=”My Logo”>
This example will insert the image found in the file MYLOGO.GIF on the Web
page. The location of the image on the page is dependent on the placement of
the <IMG> tag in the HTML code.
Image files used with Web pages on the ProSoft Technology, Inc. modules
should be small. There is limited disk space on the modules and a balance
between the number of Web page files and image files must be met in order to fit
the entire file set on the module.