How to Save Microsoft Word Files as Web Pages
Here’s how to save any open file in Microsoft Word (2008 or newer) as a web page. Start by opening the Save As dialog box, with its default web settings.
Choose File→Save as Web Page.
The Save As dialog opens, and with file format is preset to the defaults for a web page. You’ll be prompted to save the file with an .htm filename extension, but you can change the filename to use .html instead. Standardize your web page file naming with .html filename extensions.
Both .htm and .html are acceptable filename extensions for web pages, but you shouldn’t mix the two — browsers get very confused when they see both index.html and index.htm, for example.
Navigate to the appropriate folder for your page and associated files.
You’ll be saving your Word document as an HTML file, but if you have embedded images or artwork, you will also be saving that artwork as image files in a subfolder that Word will create within the folder to which you save the page.
Define Web Options.
At any time during the saving process (until you click the Save button), you can access Web Options by clicking the Web Options button in the Save As dialog. This opens the Web Options dialog. Here are the important available options:
Title: In the Web Page Title field, enter text that will display in the title bar of a browser when the page is opened.
Keywords: In the Web Page Keywords field, enter searchable keywords or phrases, separated by commas. These keywords are important because they are used by search engines to index your page.
Graphics: The Pictures tab of the Web Options dialog box has a couple of useful choices:
PNG: Selecting the Enable PNG as Output format check box saves images to the widely used and effective PNG image format.
Screen size: Use the Screen Size popup to define the media (screen size) that you anticipate most of your visitors using to view your page. Based on your selection, Word will scale down your image sizes to fit in a web browser, maintaining the height-to-width ratio so the images don’t distort.
Files and encoding: The options on the Files and Encoding tabs of the Web Options dialog box are fine with the default settings. Just leave them as-is.
Click OK, and then click Save in the Save As dialog box to save the Word file and associated images.
You can preview any open Word file in a web browser by choosing File→Web Page Preview. Doing so gives you a sense of how the page will look when converted to HTML and displayed in a browser.
It may well be the case that your page layout is significantly distorted — remember, even though Word can generate HTML, you have nowhere near the control over how the HTML you do looks if you create your own HTML.