Baby Homepage

Baby Homepage

Now we are going to take our first steps toward putting together a personal homepage for the Web. The language of the Web is called Hypertext, and our homepage will actually be a little program written in Hypertext. We will learn more about Hypertext later, but as you will see, we don't need to know too much about it to begin to do some interesting things.
Constructing a Simple Hypertext Document
If you haven't opened a second browser window already, do so now (by selecting "New Web Browser" from the "File" pulldown menu).

Use your mouse to copy the following text between the horizontal lines:

<html>
<title>
Baby Homepage for ?????
</title>

<BODY BGCOLOR="#000030" TEXT="#ff0000" LINK="#00ffff" 
VLINK="#00ffff" ALINK="#FF0000">

<center>
<hr size=10pt>
<font size="+4">
<b>Local Home Page for ?????</b>
</font>
<hr size=10pt>
</center>
<b>
<h1>Some Favorite Web Sites:</h1>
<ol>
<li>
<a href="http://csep10.phys.utk.edu/mcguffey/mcguffey.html">
McGuffey's Web</a>
<p>
<li>
<a href="http://www.korrnet.org/fis/FIS.html">
Farragut Intermediate School</a>
</ol>
<hr size=5pt>
</b>

</body>
</html>

Open an editor like TeachText or SimpleText and paste the text copied with the mouse into the editing window. Save as a new file under the name index.html in your home directory. Now edit this file, replacing the two instances of "?????" with your name, save the corrections, and hide the editor window.

Use the Browser to open this file in the second browser window by selecting "Open File ..." from the "File" pulldown menu and navigating accordingly. This should display something like the following, but with your name inserted where the questions marks are:

Local Home Page for ?????

Some Favorite Web Sites:

While still displaying this file, use the mouse to copy the URL address appearing in the Location window.

Open the "Appearance" tab in "General Preferences" (under the "Options" menu), check "Home Page Location" for "Browser starts with:", and use the mouse to paste the address into the window for the homepage location (see figure below).

Click "O.K" to exit "Preferences". Now click the "Home" button on the browser; if everything has gone well, your new personalized homepage should come up as the default homepage. Now every time that you launch the Browser your new homepage will come up as the default document.
Congratulations, Budding Webmeister!
You have just constructed a rudimentary homepage! But this is just the beginning. As we proceed through the tutorial we will add additional pieces to this homepage so that when we are through it will be a personalized template for your use in general Web page design. Ya ain't seen nothin' yet!

Next Back Top Home Help