Step 06: Create A Home Page And Link Splash Page
Now that the splash page has the right colour, has a header and footer comment, and is loaded with keywords and a description, we can turn our attention to the main home page of the web. The home page is the central hub of the web and usually contains links to most other key pages in the web.
Often the home page of a web is the index.html page, but
as the Tarmac Travel web has a splash page, we have to find another name
for the home page. We will use the obvious name home.html.
To start with, the home page will contain just a welcome message. I've
also added a message at the bottom of the page to inform anyone who
finds this demonstration web using a search engine that this is not a
real Travel Agency! Here's the HTML for the main content of the new
home.html file. To see the complete file, refer to the table
at the bottom of this page.
<FONT SIZE="4">
<P>
<BR>
<FONT SIZE="6">Tarmac Travel Home Page</FONT><BR>
<P>Welcome to Tarmac Travel. We have prepared an exciting collection
of package tours to help you explore the world. We hope that after surfing
our web, you'll want to hit the Tarmac soon!
</FONT>
<P>
<FONT COLOR="#336600" SIZE="2">Warning:
This is an <A HREF="../index.html">example web</A>.
Tarmac Travel is a fictional company.</FONT><BR>
Note that the initial FONT tag stretchs all the way across the text to the closing /FONT tag just after the main text. Note also that the FONT tag pair surrounding the title temporarily overrides the enclosing FONT tag pair.
Using the table at the end of the page, take a moment to look at the home.html page and its HTML source code. You'll see that I've copied the general form of the splash page, but that the keywords and description have been omitted.
Now that we have a home page, we can hyperlink the message
on the splash page to the home page. Here's how it's done
(this is in the index.html file:
<A HREF="home.html"><FONT
SIZE="5">Are you ready
to hit the Tarmac?</FONT></A>
Try it! If you go to the index.html file, you'll see that the message which was previously in blue is now in red, because it's a hyperlink, and if you click on it, you'll find yourself at the Tarmac Travel home page.
|
