Cleaning Web page HTML code created in Microsoft Word

By: Staff Date: March 02, 2007 Recommended by: readers | Level: All

In Microsoft Word you have possibility to save your documents as web pages. Web Pages created inside Microsoft Word are very similar to Word Document so you can open and edit HTML file in Word. But there is a problem because Microsoft Word request additional code for web page editing. If you don't need that page to show her in Microsoft Word, than you want to publish her on web, you can use Macromedia Dreamweaver to fix that additional code.

To save your document in Microsoft Word as web page chooses Files --> Save As Web Page. Word will remind you to give web page name and he will add file extension .htm . Pages which are made in this way contain additional code; Dreamweaver "knows" which code is unneeded and he will remove him. You can write code rows numbers before you click on command Clean Up Word HTML.

When you save document as a web page inside Microsoft Word, you must close that document before you start work in Dreamweaver. Dreamweaver can't open and convert HTML document if he is opened in Microsoft Word. Now when you open your document with Dreamweaver choose Commands --> Clean Up Word HTML. After you did choose this option new dialog window will open.

Dreamweaver will automatically recognize version of Microsoft Word which was used in creating of HTML page by reading marks which Word did made inside file. Microsoft Word version you can also choose manually from drop down menu "Clean Up HTML from" in frame for dialog Clean Up Word HTML. This frame for dialog contains two tabs:

1. Basic,
2. Detailed.

Tab Basic contain next options:

• Remove All Word Specific Markups - This option remove all unnecessary Extensible Markup Language (XML) Meta and link marks from head part of code, she also remove Microsoft Word XML marks, empty paragraphs and margins. All this options you can choose separately in tab "Detailed",
• Clean CSS - Remove unneeded CSS styles from document. If you did choose this option all inline CSS routines, styles which are beginnings with "mso", CSS declarations and CSS styles inside cells and table rows will be removed. More additional setups you can choose separately in tab Details,
• Clean up <font> tags - Remove <font> tags,
• Fix invalidly nested tags - Repair marks, especially marks for fonts which are on wrong place,
• Set Background Color - Enables you to setup background color which you want for your web page. Default background color in Dreamweaver is white (#FFFFFF)
• Apply Source Formatting - Apply options Core Formatting,
• Show log on Completion - Show dialog windows after Dreamweaver finish with changes on web page.

Now when you setup all options inside tabs Basic and Detailed click on OK. Dreamweaver will fix web page code. Options which you did setup will be also offered next time when you choose command Clean Up Word HTML. A new file is optimized for showing on web. Go to tab Code in Dreamweaver and take a look how much rows of HTML code are removed from previous Word Document. We Hope this was helpful, for additional information's point to our forums for Adobe Dreamweaver.

Digg this!

Add to del.icio.us

Slashdot it!

Furl it!