basic steps to making a simple Web page.

Lesson One.

Make A Super Simple Web Page.

First few steps to get you started.

Create a new folder to put your stuff in.

Step 1.	Double click on INTERNET EXPLORER (version 4.0 or higher).
Step 2.	Go up to the top left corner and click on FILE.
Step 3.	Click on OPEN or press "CONTROL O".
Step 4.	A small window appears - Go to the bottom right corner of that window and click on BROWSE.
Step 5.	A new window will then appear with 'LOOK IN' in the top left corner.
	To the right of 'LOOK IN' there is a white bar with a small black down arrow at the end.
	Click on that arrow and a dropdown menu will appear.
Step 6.	Click on C - Also called your hard drive.
Step 7.	Click the right side of your mouse (Your mouse's cursor can be positioned anywhere within the large, white rectangular space that opens up). Choose NEW in the small menu that appears. Then, go across to the next menu that appears and click on FOLDER.
Step 8.	Type your folder name (Call it MY WORK) and double click.
Step 9.	Your new folder's name (MY WORK) will then appear in the white 'LOOK IN' space at the top of the window.

Yay! You have created a new folder.

Open Notepad.
To create a Web page you must first have somewhere to write it. Notepad is what you need to use to start creating your Web pages!

Step 1.	Go to the bottom, left corner of your screen and click on START
Step 2.	From the list of stuff you can see go to the top and click on PROGRAMS.
Step 3.	Another menu will appear. From this choose ACCESSORIES.
Step 4.	From the third and final menu choose NOTEPAD. (Don't confuse this with Wordpad!!!)
	A blank Notepad window will appear all ready for you to boogie down and do your html stuff.

You are now ready to start writing some html.

Form the basic page.

Please follow my example and copy my html code as I have written it.

<HTML>
<HEAD> <TITLE> This is my funky title - groovy hey! </TITLE></HEAD>
<BODY>

Let's pretend this is a very moving poem that you want to show the world.

</BODY>
</HTML>

click here
for a better explanation of what html is
and what these tags mean.

Let's save this baby!!!

Step 1.	Go to the top left corner of your Notepad screen and click on FILE.
Step 2.	Then click on SAVE AS.
Step 3.	Your cursor will be blinking in the white FILE NAME bar.
	Let's give your document the name first.html
	IMPORTANT!!! Don't click on SAVE yet! Before you save your document you need to make sure that my work is in the white 'look in' space at the top of the window, because that is the folder in which you want to save your document. If you can't see 'my work' in the white space, you need to click on 'c' in the look-in menu and find your 'my work' folder. Click on your 'my work' folder so the name appears in the white 'look-in bar'. It is now open and ready for you to save documents in.
Step 4.	But wait!!! You still can't click on SAVE.
	Underneath FILE NAME you should see the SAVE AS TYPE white bar. Can you see "Text Documents" written in the white bar?
	If you can't then click on the black down arrow at the end of the white bar and click on TEXT DOCUMENTS in the menu list.
Step 5.	If you can see "Text Documents" in the SAVE AS TYPE bar then click on SAVE to the right of the FILE NAME bar.

*There you go!
*Your document's saved and waiting for you to work on it again.

Let's close your Notepad Document.

This is easy!

*Just click on FILE in the top left corner of your Notepad screen and then click on EXIT at the bottom of the menu list.

Go away! Have a coffee / Eat some cake.

You need a break, so go away and come back in 5 minutes to see your page.

Open your document - first.html

Step 1.	Click on FILE in the top left corner of your Microsoft Internet Explorer screen
Step 2.	Click on OPEN / then BROWSE / and then on your C drive
Step 3.	Click on your MY WORK folder, and double click to open your first.html file.

Look at your page.
To see your page : CLICK HERE!
Yes, I know this page is as about as interesting as watching grass grow but don't worry 'cos from here on in your learning curve is going to be FAST!!!

Make your own changes.

Step 1.	First, open your new Web page like previously shown in step 7. Click on 'VIEW' (at the top of your page) and then choose 'SOURCE'.
Step 2.	Add some sentences about absolutely anything you like. (Don't forget you must write your text between the two body tags.) i.e. <body>Riveting text!</body>
Step 3.	Now, save your document!
	Hint : Since you have already saved and named your document once, don't use 'SAVE AS' in the FILE menu. Click on 'SAVE' instead.
Step 4.	To see the changes you have made: First, press the 'ALT' and 'TAB' buttons on your computer keyboard to swap to the window showing your Web page. Then, click the 'REFRESH' button at the top of this browser page to see your new changes. *If you don't click 'REFRESH', your changes will not appear on your page!

To the top of this page.

Go to the next lesson.

jumping kangaroo Back to index page.

Thank you for visiting this page
Click to peruse our SpinNet Homepage.

Page created by Kimberly Rigby. / For any comments or questions, click here!