Jan's Illustrated Computer Literacy 101 Logo:Jegsworks Jan's Illustrated Computer Literacy 101
Home > Jan's CompLit 101 > Working with the Web > HTML & CSS Basics > Convert >
Doc to HTML
Icon: Arrow - Previous pagePrevious    NextIcon: Arrow - Next page

Jan's Working with the Web

   Convert: Doc to HTML

Now it is time to practice converting an existing document to an HTML document.

The document you will start with is a simplified version of a brochure about New Zealand. The original brochure is shown on the previous page. I deleted the parts that are useless on the Web. We don't really need the address label, for example. The result is not particularly good as a printed document! Too much wasted space.

NZinfo.doc

NZinfo.doc

Icon Step-by-Step

Step-by-Step: Convert to HTML

  Icon Step-by-Step
What you will learn: to convert a Word doc to HTML
to compare to the original to see some of the problems in converting 

 Start with:   Icon: Class USB , resource files, Microsoft Word

In this exercise you will convert a Word document to HTML using Word.

It is important to carefully check a converted document. There will be changes from the original. 

Convert .doc to HTML

  1. In Word open the document NZinfo.doc from your resource files. 

    Where to find the file -
        On your hard disk in the installed resource files in the NZ folder- 
         web project2\NZ\NZinfo.doc 

        Online -    http://www.jegsworks.com/Lessons/resources/web%20resources/HTML/NZ/NZinfo.doc 
        On your Class disk -
          [drive letter for your Class disk]:\class\web project2\NZ\NZinfo.doc

  2. Print Preview: NZinfo.docView Print Preview in Word.
    Word97 Word2000 Icon: Word 2002Icon: Word 2003 Word 97, 2000, 2003:
     File  >  Print Preview
    Icon: Word 2007 Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Word 2007, 2010, 2013, 2016:
     File > Print
  3. Make a list of features that you think may change or vanish when the document is saved as HTML.
  4. From the menu select-
     Word97 Word 97:  File  >  Save as HTML…  with file type HTML document (*.htm; *.html; *.htx)
    Word2000 Word 2000/2003: File  >  Save as Web page…  with file type Web page (*.htm; *.html)
     Icon: Word 2007 Icon: Word 2010 Icon: Word 2010 Icon: Word 2016 Word 2007, 2010, 2013, 2016: File > Save As > with file type Web page (*.htm; *.html)
  5. NZinfo as web page (Word 2013)Icon: Class USB Save the document as NZinfo-Lastname-Firstname.htm to your Class disk in the subfolder NZ of the web project2 folder. The images will be saved to a subfolder of NZ named NZfinfo-Lastname-Firstname_files.

    You may see one or more message boxes.

    The web page shows in Word now in Web Layout view instead of Print Layout.

  6. Open the Header/Footer.
    Old versions: View  >  Header/Footer  
    Icon: Word 2007 Icon: Word 2010 Icon: Word 2010 Icon: Word 2016 Word 2007, 2010, 2013, 2016: Insert >   Header  > Edit Header
  7. Type your name, tab once, insert the date, tab again, type  Web Project 2 . Close the header.
  8. Icon: Class USB Save.
    [NZinfo-Lastname-Firstname.htm]
  9. View Print Preview and check the number of pages.
    If more than 3, change the page margins to 0.5" on all sides so that it fits on 3 sheets.
  10. Print Print the HTML document from Word.

Compare to Original

  1. Inspect the original document Word document in Print Layout and the web page you just printed. 
  2. Find any differences. Some may be subtle. Some may not be so subtle! It depends on what version of Word you used. How accurate were the guesses you made earlier?