| Simple Web Page | HTML Basics | HTML Editors | Cheat Sheet | Web Style | Web Writing | Uploading | Microsoft Word

A Simple Web Page Using Microsoft Word


"I just want a web page!"

    Microsoft Word ( on a PC )

    Step 1: Create an opening page; we also call this an index.html page.

    • In a blank Microsoft Word page, I've centered the cursor and typed the following text: Webfolio, EST 565 30, Summer 2003, and a student's name. You, of course, would type your name and EST 571.
    • In preparation for additional links I've added the text for the 7 projects Stanley will be doing. I did this by clicking the left box in the upper menu bar and typing each items and pressing return.
    • I also colored the text by highlighting the text in question, and going to the letter A in the top right with the color under it and selecting a color. i did that for each of the items listed.

    See below:

  • I created two links at the bottom of the document: E-mail and Return to Roster.
    • Type the words E-mail and Return to Roster.
    • Highlight the text - E-mail
    • Go to the link icon in your Microsoft Word document window - circled in red at the top of the above picture.
    • At the bottom the new window that opens, the highlighted text will appear in the Text to display window.
      • Click on the E-Mail Address button in the bottom left (circled in red).
      • Either select from the list in the Recently used e-mail addresses window or type in the new address.
      • Click OK.
    • You will be brought back to your document and you will see the text highlight removed and the text now underlined in a color. This indicates that a link has been created.

  • Handle the Return To Roster Text the same way.
    • Highlight the text - Return to Roster
    • Go to the link icon in your Microsoft Word document window

You see the Return to Roster text already inserted in the Text to display window(see above).

      • Click on Existing File or Web Page button circled in red on the left.
      • At the bottom the new window that opens, type your link address (http://www.ic.sunysb.edu/Class/est571go/roster.html).
      • Click OK.
    • You will see the text highlight removed and the text now underlined in a color. This indicates that a link has been created.
    • Future pages will have the e-mail link and a Return to Main link (index.html). The purpose of these links are to facilitate navigation around the site.

    Step 2: Now Go to File in the menu bar along the top of the document window and scroll down to Save As Web Page. The following window will open.

  • In the Save In window make sure you are saving to a location on your computer that is easily accessable. I would suggest that you create a Webfolio folder on your hard drive or floppy.
  • In the illustration above in the File name window, I have named the file index.html. Keep future file names short. This reduces typing mistakes. DON'T USE CAPITALS OR FUNNY CHARACTERS in any file names.
  • In the Save as type window make sure it says Web Page or HTML document. What you see here depends upon the operating system and version of Microsoft Word you are using.

    For future files, PC users will automatically have .htm added to their file names. Thus, if you save a future file named p1, it will automatically be saved as p1.htm. It's just that this first file must be named have the appendix .html added. On a PC there is no need to put htm after the file name. That will be added automatically after you save it.

  • Click on Save.

    You have now created and saved as a web page a file which, once uploaded, can be viewed on the web.

    Future pages can be created by replicating this process. Microsoft Word has lots of bells and whistles yu can utilize. Of course you can become much more sophisticated, stylish and jazzy but that is your choice and often dictated by your content.

    Once saved as an Web Page or HTML document, you are ready to upload using an FTP program.