image\overbutt.gifCreating the home page

You can create the home page in an ASCII text editor. Teaching HTML is beyond the scope of this manual; however, some basic tags used in index.html will be explained. You have to create two links in this HTML file. The first link jumps to the "The Ocean page." The second link jumps to the "Islands page."

To create the home page

1. Click Application Starter, Utilities, Text Editor.

2. Create the HTML file.

You can refer to the following HTML file for a reference.

 

<html>

<head>

<title>Welcome to the Home Page</title>

</head>

<body bgcolor="#000000">

<p align="center"><font color="#FF0000"><strong><big><big><big>Welcome to the Nature Home Page

<img src="image.jpg" width="575" height="386" alt="image.jpg (59831 bytes)"> </p>

<div align="center"><center>

 

<table BORDER="0" CELLPADDING="10" CELLSPACING="10" BGCOLOR="lightgrey">

<tr>

<td ALIGN="CENTER"><a HREF="ocean/index.html">The Ocean page</a></td>

<td AlIGN="CENTER"><a HREF="islands/index.html">The Islands Page</a></td>

 

</tr>

</table>

</center></div>

</body>

</html>

HTML explanation

The example displays a graphic file called image.jpg. The HTML tag responsible for inserting the image into the page is <IMG SRC>. The two hyperlinks are used to jump to the other two pages. This is the important point. Notice the first <A HREF> tag. The value of this tag is "ocean/index.html." This informs the HTTP server of the location of the HTML file. In the root directory, you have to create another directory named "ocean." In this directory you have to place the "The Ocean page." The name of this HTML file is index.html.

The value of the second <A HREF> tag is "islands/index.html." This informs the HTTP server where to locate the "The Islands page." You need to create another directory in the root named "islands." You have to place the "The Islands page" in this directory. The name of this HTML file is index.html.

The directory structure for this Web site is:

/var/www index.html

/var/www/ocean/index.html

/var/www/islands/index.html

image\nicon.gif Notes