Lesson 2: Write the Pages

Create the content page

Create a new folder on your computer. Download any pictures you want to use on your site to this area.

Type your text about the band into Notepad and save the file as <bandname>.html. Add the following text in at the top of the file (I'll use the example of Oasis as the band I've chosen):

<HTML>
<HEAD>
<TITLE>Oasis</TITLE>
</HEAD>
<BODY>
<H1>Oasis - The world's greatest band</H1>

At the end of the text add:

</BODY> </HTML>

Any text you have typed will ignore line breaks so wrap your paragraphs breaks in

<P> </P>

Insert a picture by adding this:

<IMG src=picturename.jpg><BR>

Save the document again. Then start your browser and click on File/Open and Browse to the folder on the computer where you have saved everything abd open your bandname.htm

If the page looks stupid just check back over these instructions - check that you have the <P> and </P> in the right places and that there are <BR> around the pictures. Remember to save all filenames as lower case.

That's your content page done so now we need to create the index and navigation pages.

Start Notepad and type in the following text (substitute your filename for oasis.html)

<HTML>
<HEAD>
<TITLE>Oasis</TITLE>
<META name="title" content="Oasis Fan page">
</HEAD>
<frameset cols="230,*">
<frame src="navigate.html" scrolling="NO">
<frame src="oasis.html" name="content">
<noframes>
<BODY>
<A href="oasis.html">My Oasis page</A>
</BODY>
</noframes>
</frameset>
</HTML>

Save the file as index.html

Create a new file in Notepad and type (or copy and paste from here):

<HTML>
<HEAD>
<TITLE>Oasis</TITLE>
</HEAD>
<BODY>
<A href="oasis.html" target="content">Oasis>/A>
<BR><BR>
<A href="http://www.iq451.com/music/oasis.htm" target="content">Reviews>/A>
</BODY>

(where music/oasis.html is the page on iq451) and save this as navigate.html





Lesson 3: Publish It! >>
Hosted by www.Geocities.ws

1