1. Bring up Word (Go to Start -> Word)
  2. Go to File/New. Then click on Web Pages (way over on the right)
  3. There are abundant layout choices. There's even a Web Page Wizard, that can lead you through many additional choices.

    We're going to keep things simple and straightforward.
  4. Select Left-aligned Column and click OK
    Word has created a Web page structure for you. Once you get used to using this format, you'll be able to switch off and implement additional formats. But we'll just play with this one to get comfortable.

To replace text, just highlight and delete the text that is there and type in your own. You can highlight text and change its size and color, pretty much as you would in Word.

Save the Web page frequently -- Go to File/SaveAs. Use .html (for hypertext markup language) as the extension. (HTML is the formatting language that Word is inserting in the background of what you type so that the page can be read through the browser on your computer, or out on the Web.) You'll be creating a number of Web pages, so it might be convenient to number each. Don't include any spaces in your file name.

TopsyPage1.html is fine -- notice: no spaces between the letters. Topsy Page 1.html doesn't work.

To delete the image that is there, click on the image to select it, and hit the Backspace key to delete it.

To insert an image:

  1. Click on the Web window on the bottom task bar to go back to the Web. Search for and select an image -- Go to Google.com and click to switch over to the Images database. Try searching for an image on your topic. If you can't find the "perfect picture," that's ok. We just want you to practice doing this, if you don't already know how, so any image is fine. Other image sources: there's ditto.com, which we used before. Or, go to topsy.org, and click on Making Web Pages: Resources that Help (over on the right), and scroll down to Image Files/Graphics.
  2. Once you have your image -- put your cursor on the image, do a right click (i.e., click on the right side of the mouse); scroll down to Save Image As (it may say Save Picture As)
  3. Save the image to the Desktop. (If you were at your own computer, you could save to disk or your hard drive. It's just more convenient in the classroom to use the Desktop.) You can rename the image if you want. Save it with a .jpg (for photographs and images with lots of detail), or a .gif (other images) extension
  4. Go back to your Word document. Put your cursor sort of where you want the image to be.
  5. Click on Insert on the toolbar at the top of the screen
  6. Go to Picture. Select From File
  7. Go to the Desktop and click on your image to insert it.
  8. Under (or near) the image, type the word Source and include the title of the Web site where you got the image, and its complete URL.

Your image is there. Word is not PhotoShop (an expensive software program for altering images) -- you can't really "doctor up" your image, but you can do some manipulations.

If you click on a corner, you'll get an arrow and you can try making your image smaller. (If you try making the image larger, it's very likely to look distorted.)

You can write next to and below the image. To put text around the image -- click on the image, go to Format -> Picture. Click on Layout tab, and select the wrapping format you want. You can also, you'll note, change the size and do some other minor alterations.

Another way to position the image just so is to insert a table with more than one column and put the image in one of the columns; you can use the other column(s) for your text. Ask us to show you how to do this, if you want.

Add links to Web resources --

  1. Click where you want your link to be, and type what it will be called.
  2. Highlight the name you gave your link, and go to Insert/Hyperlink (or use the keyboard shortcut -- Ctrl K)
  3. Type in the URL for the Web site you want to link to, then click OK.

Be sure the save your Web page(s) to your floppy in the A: drive frequently. Don't have any spaces in the file name. Use .html as the extension.

Want to add a background? Go to Format on the Menu bar (top), and slide down to Background, then slide over. You can select one of the colors given, or go to More colors or Fill effects. (Fill effects are fun!)

Want to see your page as a Web page? Use the browser to view a Web page you have created in Word.

  1. When you want to view your Web page, go to your Web browserGo to File/Open
  2. Go to your Word document that has been saved with the html extension
  3. Open it.

Web documents are supported by a formatting language called HTML (hypertext markup language). Lots of what you may have learned to do in Word (indenting, for example) may not be supported by HTML. So -- be a bit patient. You can create a very useful Web page using Word -- it may not be as fancy as one you could create using an upscale Web editor (which would cost you $$, take you hours and hours of work besides), but it will be very serviceable.

You can show your friends and neighbors your Web page on your disk by opening it through a browser. For the world to see it, you have to publish it.

Check with your ISP (Internet Service Provider) to see if they offer Web publishing with your account.

There are some free Web publishers out on the Internet. Usually, you'll have to suffer some advertising gimmicks when your page is loaded. To explore getting your Web page(s) published for free, check out

There is lots to explore about using Word to make Web documents. You might like to play around with the Web Page Wizard sometime. There's a pretty good Online Tutorial from Florida Gulf Coast University.

Have fun!!

Topsy N. Smalley last rev. 10/19/03