1 of 8

Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2) Office 2007 Summary: This article provides detailed instructions about how to install and use the Outlook 2007 Tool: HTML and CSS Validator. Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2) provides reference documentation related to supported and unsupported HTML elements, attributes, and cascading style sheets properties. (6 printed pages) Zeyad Rajabi, Microsoft Corporation Erika Ehrli, Microsoft Corporation August 2006 Applies to: 2007 Microsoft Office System, Microsoft Expression Web, Microsoft Office Outlook 2007, Microsoft Office SharePoint Designer 2007, Microsoft Office Word 2007, Microsoft Visual Studio 2005 Download Outlook 2007 Tool: HTML and CSS Validator. Contents Introduction to HTML and Cascading Style Sheet Capabilities in Outlook Validating HTML and Cascading Style Sheet Grammar Using HTML Editors Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Visual Studio 2005 Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Office SharePoint Designer 2007 Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Expression Web Designer 2007 Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Dreamweaver MX 2004 or Dreamweaver 8 Conclusion Additional Resources

Introduction to HTML and Cascading Style Sheet Capabilities in Outlook Microsoft Office Outlook 2007 uses the HTML parsing and rendering engine from Microsoft Office Word 2007 to display HTML message bodies. The same HTML and cascading style sheets (CSS) support available in Word 2007 is available in Outlook 2007. Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2) provides reference documentation related to supported and unsupported HTML elements, attributes, and cascading style sheets properties. This article provides detailed instructions about how to install and use the Outlook 2007 HTML and CSS Validator tool. The Outlook 2007 HTML and CSS Validator tool helps you to validate HTML and cascading style sheet grammar using some of the most popular Web development tools, such as Microsoft Office SharePoint Designer 2007, Microsoft Expression Web Designer 2007, Microsoft Visual Studio 2005, Macromedia Dreamweaver MX 2004, and Macromedia Dreamweaver 8. These articles and accompanying tools are provided for your use and can help you to understand the new capabilities offered with the switch to the Word 2007 HTML parsing and rendering engine. This information can help you understand how to create e-mail newsletters or other complex HTML documents that render in Outlook 2007.

Validating HTML and Cascading Style Sheet Grammar Using HTML Editors Some HTML editors enable you to validate HTML and cascading style sheets grammar. The Outlook 2007 HTML and CSS Validator tool helps you to determine if your Web (HTML and cascading style sheet) files will render correctly in Outlook 2007 using some of the most popular Web development tools. The Outlook 2007 HTML and CSS Validator tool installs and configures the following schema, XML, or text files to your computer depending on which Web development tool you are using: WordHTML.xsd Schema used to validate whether the specified HTML file will render correctly in Outlook 2007. This file is used by SharePoint Designer 2007, Expression Web Designer 2007, and Visual Studio 2005. WordCSS.xml XML file used to validate whether the specified cascading style sheets file will render correctly in Outlook 2007. This file is used by SharePoint Designer 2007, Expression Web Designer 2007, and Visual Studio 2005. Word2007.txt Text file used to validate whether the specified HTML file will render correctly in Outlook 2007. The file is used by Dreamweaver MX 2004 and Dreamweaver 8. Word2007_CSS.xml XML file used to validate whether the specified cascading style sheets file will render correctly in Outlook 2007. The file is used by Dreamweaver MX 2004 and Dreamweaver 8. During setup of the Outlook 2007 HTML and CSS Validator tool, you can choose among five different Web development tools. Download and install Word2007MailHTMLandCSS.exe if you work with: Microsoft Office SharePoint Designer 2007 Microsoft Expression Web Designer 2007 Microsoft Visual Studio 2005 Download and install Word2007MailHTMLandCSSMacromedia.exe if you work with: Macromedia Dreamweaver MX 2004 Macromedia Dreamweaver 8 Based on your selection, the Outlook 2007 HTML and CSS Validator tool deploys the appropriate schemas and configures your computer. To download and install the Outlook 2007 HTML and CSS Validator tool 1. In your browser, go to Outlook 2007 Tool: HTML and CSS Validator. 2. Download and save the file to a folder on your computer. 3. Run the Word2007Support.msi or Word2007SupportMacromedia.msi file from the location where you saved it. This launches the installation wizard.

12.08.2011 11:21

2 of 8

Figure 1. Outlook 2007 HTML and CSS Validator Setup Wizard

4. Click Next and then accept the license agreement. 5. Click Next again. If you are running Word2007MailHTMLandCSS.exe, select one or more Microsoft HTML/cascading style sheet editors.

Figure 2. Select among the Microsoft HTML/cascading style sheet editors

If you are running Word2007MailHTMLandCSSMacromedia.exe, select the installation folder for the Outlook 2007 HTML and CSS Validator files.

Figure 3. Select the installation folder

6. Click Next, and then click Next again to finish the installation. 7. Click Close to exit the wizard. After installing the tool, you can start validating HTML and cascading style sheet files using your HTML editor.

Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Visual Studio 2005

12.08.2011 11:21

3 of 8

To optimize performance, Visual Studio uses the Microsoft Windows registry to specify which schemas to load. You must configure Visual Studio to load this file.

Important: Incorrectly editing the registry may severely damage your system. Before making changes to the registry, you should back up any valued data on the computer.

12.08.2011 11:21

4 of 8

To configure the registry 1. Start Registry Editor (Regedit.exe). 2. Locate and click the following key in the registry:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\8.0\Packages\{1B437D20-F8FE-11D2-A6AE-00104BCC7269}\Schemas 3. Create a subkey with the next number in sequence. For example, if the highest schema number listed is Schema 20, create a subkey named Schema 21. 4. Create additional registry keys in the folder with the keys, as shown in the following figure.

Figure 4. New registry keys for the HTML schema file

5. Locate and click the following key in the registry:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\8.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas 6. Create a subkey with the next number in sequence. For example, if the highest schema number listed is Schema 4, create a subkey named Schema 5. 7. Create additional registry keys in the folder with the keys, as shown in the following figure.

Figure 5. New registry keys for the cascading style sheet schema file

8. Exit the Registry Editor. To validate schemas using Visual Studio 2005 1. Start Visual Studio 2005. 2. Open an HTML file to validate against the Word 2007 schema or create an HTML file. 3. From the validation schema list, select Word 2007, as shown in the following figure.

Figure 6. Choosing the validation schema

12.08.2011 11:21

5 of 8

After selecting the schema, any invalid HTML or cascading style sheet (as defined in your schema) is marked with a red underline. In addition, Microsoft IntelliSense context help displays when you type.

Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Office SharePoint Designer 2007 1. Start SharePoint Designer 2007. 2. On the Tools menu, click Page Options. 3. On the Authoring tab, under Document Type Declaration and Secondary Schema, in the DocType list, choose None. 4. In the Secondary Schema list, choose HTML for Word 2007. 5. Under CSS Version, in the Schema Version list, choose CSS for Word 2007, as shown in the following figure.

Figure 7. Validation schema in SharePoint Designer 2007

After selecting the schema, any invalid HTML or cascading style sheet (as defined in your schema) is marked with a red underline. In addition, IntelliSense context help displays when you type. By specifying no primary schema and specifying the secondary schema as Word 2007, you can validate your Web files to render correctly in Outlook 2007.

Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Expression Web Designer 2007 1. Start Expression Web Designer 2007. 2. On the Tools menu, click Page Options. 3. On the Authoring tab, under Document Type and Secondary Schema, in the DocType list, choose None. 4. In the Secondary Schema list, choose HTML for Word 2007. 5. Under CSS Version, in the Schema Version list, choose CSS for Word 2007, as shown in the following figure.

Figure 8. Validation schema in Expression Web Designer 2007

12.08.2011 11:21

6 of 8

After selecting the schema, any invalid HTML or cascading style sheet (as defined in your schema) is marked with a red underline. In addition, IntelliSense context help displays when you type. By specifying no primary schema and specifying the secondary schema as Word 2007, you can validate your Web files to render correctly in Outlook 2007.

Walkthrough: Validating HTML and Cascading Style Sheet Grammar Using Dreamweaver MX 2004 or Dreamweaver 8 1. Start Dreamweaver MX 2004 or Dreamweaver 8. 2. Click No Browser Check Errors.

Figure 9. No Browser Check Errors in Dreamweaver

3. Click Settings…. 4. Verify that Word 2007 is checked, as shown in the following figure.

Figure 10. Validation schema in Dreamweaver

5. Open an HTML file or create an HTML file to validate. 6. Click No Browser Check Errors and select Check Browser Support. After selecting the schema, any invalid HTML or cascading style sheet (as defined in your schema) is marked with a red underline.

Outlook 2007 Security Concerns The following tags are reported as valid by the Outlook 2007 HTML and CSS Validator tool but are not actually permitted in Outlook 2007 e-mail because of security concerns: Frameset Frame These tags are valid for Word 2007 content, but are intentionally blocked when it is used by Outlook 2007 because of security implications. Microsoft reserves the right to block certain tags that might compromise the privacy of users or the security of the e-mail content in which the content is displayed.

12.08.2011 11:21

7 of 8

Conclusion This series of articles is intended to help you to create e-mail newsletters and other complex HTML documents that render in Outlook 2007. The Outlook 2007 Tool: HTML and CSS Validator validates HTML and cascading style sheets grammar using some of the most popular Web development tools. This material provides the most up-to-date and accurate information at the time of publication, but it is not a comprehensive reference guide. Report any technical inaccuracies that you find to the Discussions in Word Mail newsgroup. Acknowledgments Thanks to Rob Little, Matt Scott, Dan Costenaro, and Terry Crowley for their contributions to this article.

Additional Resources For more information, see the following resources. HTML 4.01 Specification Cascading Style Sheets, Level 1 Specification Cascading Style Sheets, Level 2 Revision 1 Specification What's New for Developers in Outlook 2007 (Part 2 of 2) What's New for Developers in Word 2007 For more information, see Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2).

Community Content Now how can I display "Input" control in the HTML page I have installed the Outlook2007 HTML and CSS Validator tool. But if I need to display "Input" control in the HTML page. What Can I do ? 3/29/2011 丫头小静Cathy

Visual Studio 2008 The walkthrough for Visual Studio 2005 also works for Visual Studio 2008 if you change: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\8.0\Packages\{1B437D20-F8FE-11D2-A6AE-00104BCC7269}\Schemas to: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\9.0\Packages\{1B437D20-F8FE-11D2-A6AE-00104BCC7269}\Schemas and HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\8.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas to: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\9.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas and copy: C:\Program Files\Microsoft Visual Studio 8\Common7\Packages\1033\schemas\CSS\WordCSS.xml to C:\Program Files\Microsoft Visual Studio 9.0\Common7\Packages\1033\schemas\CSS\WordCSS.xml and copy: C:\Program Files\Microsoft Visual Studio 8\Common7\Packages\schemas\html\WordHTML.XSD to C:\Program Files\Microsoft Visual Studio 9.0\Common7\Packages\schemas\html\WordHTML.XSD If you are running under a 64-bit OS, change "HKEY_LOCAL_MACHINE\SOFTWARE\" to "HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\" and "C:\Program Files\" to "C:\Program Files (x86)\". 2/1/2010 xs4free

Does not work with MS Expresionweb 3 Does anyone know of any bugs in this and is there a working version of it somewhere?

[tfl - 27 11 09] Visual Studio : SQL Server : .NET Framework : PowerShell : All Public :

Hi - and thanks for your post. You should post questions like this to the MSDN Forums at http://forums.microsoft.com/msdn or the MSDN Newsgroups at http://www.micr http://groups.google.com/groups/dir?sel=usenet%3Dmicrosoft.public.vstudio%2C& http://groups.google.com/groups/dir?sel=usenet%3Dmicrosoft.public.sqlserver%2C& http://groups.google.com/groups/dir?sel=usenet%3Dmicrosoft.public.dotnet.framework http://groups.google.com/group/microsoft.public.windows.powershell/topics?pli=1 http://groups.google.com/groups/dir?sel=usenet%3Dmicrosoft.public%2C&

11/27/2009 Thomas Lee

11/10/2009 Drama11

Solution to Outlook 2007 - DW8 plugin The default install path needs to be changed from: C:\Program Files\Macromedia\Dreamweaver MX 2004\Configuration\BrowserProfiles\ TO C:\Program Files\Macromedia\Dreamweaver 8\Configuration\BrowserProfiles\ 11/16/2007 PNM

12.08.2011 11:21

8 of 8

4/29/2009 Thomas Lee

Outlook 2007 plugin for Dreamweaver not working I have tried installing the Word 2007 plugin for Dreamweaver MX on my machine, the plugin icon isn't visible. I even tried changing the install path from C:\Program Files\Macromedia\Dreamweaver MX 2004\Configuration\BrowserProfiles\ TO C:\Program Files\Macromedia\Dreamweaver MX\Configuration\BrowserProfiles\ as that is where my .exe file is still nothing.

4/18/2009 Stanley Roark

6/16/2008 webmarket

Dreamweaver CS4 C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\BrowserProfiles 12/9/2008 kfur77

Dreamweaver CS3 Installed it under Adobe Dreamweaver CS3 (which has not changed significantly from Dreamweaver 8) and it works. The installation path would be: C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\BrowserProfiles 7/2/2008 Bryne

Does not work with MS Expresionweb Beta Any chance of getting this to work with the new MS Expression 2 Web Beta? I installed Word2007MailHTMLandCSS.msi and followed the instructions, to no avail. 5/5/2008 Jeannien

Bug in WordCSS.XML for Visual Studio 2005? To get the CSS validation working in VS 2005 (it was rejecting every tag) I had to hack the WordCSS.Xml file (installed by the above procedure to "C:\Program Files\Microsoft Visual Studio 8\Common7\Packages\1033\schemas\CSS"). The change was in line 2 where the contents of the xmlns:cssmd attribute of the cssmd:cssmd tag needed to be changed from "x-schema:css.xsd" to "http://schemas.microsoft.com/Visual-Studio-Intellisense/css".

4/25/2008 Ratty Atkins

Outlook 2007 plugin for Dreamweaver not working I have tried installing the Word 2007 plugin for Dreamweaver 8 on 3 machines in our office and on ALL of them, the plugin does not work as per the instructions of this article. Does anyone know of any bugs in this and is there a working version of it somewhere? 11/16/2007 PNM

11/16/2007 PNM

© 2011 Microsoft. All rights reserved.

12.08.2011 11:21