Lesson One: Creating Web Pages Using Microsoft Word


One easy way to create a simple web page is to use Microsoft Word. Start by creating a Word document. Any text, graphics, or hyperlinks that you insert into your Word document will be automatically converted to a web-compatible format by Word’s built in HTML translator. When the user saves a Word document as a web page, the program does the following:



Not all versions of Word have this capability. Be sure to check your installation and, if necessary, install this portion of the Word program.


Getting Started


Word offers a variety of options for creating new web pages.  The user can simply open and start a new blank document or a new blank web page, use a template, or use one of the Word wizards. Each option allows the user to add content such as images and text to a document that will be converted to HTML format.


To save the newly created document as a web page, go to File, Save As. Give the new web page a name that does not contain any spaces and is, preferably, eight characters or less in length.  Click the arrow next to Save as Type and change the type from Word document to Web Page (*htm,*html).


Word will automatically save the document in an HTML format and append the file extension .htm to the file name.  It will also create a folder with the same name as the file plus _files and will store an XML instruction file and all image files within this folder.  In other words, if I created a Word document and saved it as a web page, giving it the name jennifer, Word would create a file called jennifer.htm and a folder called jennifer_files.


To publish my new web page to the Internet and have it appear correctly, I would need to make sure the file jennifer.htm and the folder jennifer_files plus its contents were all present in my web server directory.





I will create a very simple web page within Word by opening a blank document and adding my own content, then saving this as a web page. I start by clicking on File, New, Blank Document.




Once I have opened my new blank document, I can start typing in text or adding images. To add text, use the standard text formatting features found within the Word program.

 You can select a font face, size and color. Stick with a common font face such as Times New Roman, Verdana, Arial, Helvetica, etc. If you choose an esoteric font face and visitors to your web page do not have that font installed on their computer, the font face may default to something as plain as Courier.


I will start by adding a Headline to my new web page:




I can also add a text welcome:


From this point on, I can use Word to add and format whatever text I wish.  Once I have finished typing in my text or adding links or >adding images, I can save this Word file as a web page.


Saving Word Documents as Web Pages


To save my Word document as a web page, click on File, Save As, and select Save As Type: Web Page (*.htm, *.html) and give your web page file a short file name, preferably eight characters or less with no spaces or punctuation other than underscores or hyphens within the name. 



Once you save your file as a web page, Word will create a file with a file name extension of .htm and an accompanying folder with the same name as your web page file, appending _files to the folder name.  See the above example.


This folder contains a file with all the formatting instructions for the text and image layout on your new web page.  It also contains all the image files for images you may have inserted within your web page. You will need to move both the htm file and the folder and its contents to your web server space for your new web page to display and function correctly.


Lesson 2 – Lesson 3 – Lesson 4 – Lesson 5 – Lesson 6 – Lesson 7 -  Home


C2004, Jennifer Lagier, Hartnell College, jlagier@hartnell.edu