<html>

Topic:

1. First, yes first, make a file folder on the computer or on a computer disk for your work. Do not skip this step or you will waste lots of time later trying to find pages and images. If you use a Mac, it is obvious how to make a new folder. If you use a PC with Windows, right click on the "Start" button and select "Explore." When the Explore page opens up highlight either the "C:" for your hard drive or "A:" for a floppy disk. Then go to "File" in the top toolbar and select "New> Folder" to create the folder. Give it a name you can remember.

2. Next, follow the instructions that Dave Raggett gives on pages 37, 38 of HTML 4 to use your text editor to write your web page. If you use Windows, you may find that the "Notepad" works for this, while the "Wordpad" will not. (You may run into problems if you try to write your code using a word processing program like "Word" or "Word Perfect." Some versions add html tags when you save with the "html" extension. It will get in the way of your tags.) If you follow Raggett's instructions, your screen will look something like this, with the Notepad on the left and the browser on the right:

screen with notepad and browser

(This graphic shows a computer screen; the Notepad is opened on the left and the browser opened on the right.)

You can type your html on the notepad. You must save it with the extension ".htm" (or ".html" for Mac) to see the results on your browser. By the way, this is one reason you need to create that file folder in step 1—save you file in that folder so you can find it to load in the browser window. When you make changes to your work on the notepad, it will show on the browser once you save the changes.

3. To submit homework, you will post the html page you have done on your web site.

4. If you are used to using an html editor such as Dreamweaver or FrontPage, please attempt using the "html view" to handcode.

Return to Unit 3

Readings	Resources	<head>	<p> etc.	<b> etc.	<li> etc.	<a href>	<img src>
Access	<table>	<frame>	<style>	<form>	<script>	<object>	validate

<html>

How to do your work