Project Management

Spotlight: Microsoft Expression Web 3 HTML editor

By // September 1, 2009, 12:53 AM PST // justin_m_james

Image 1 of 6

  • Default screen

    This is the default look of Expression Web 3, immediately after starting it. The Expression series of applications chooses to mute the UI a bit in greys and blacks, presumably to allow the eye to focus on the work itself.

    For the full review check out the TechRepublic Product Spotlight.

    Images by Justin James for TechRepublic

  • SuperPreview

    This is a SuperPreview of the TechRepublic blogs page. Here, I am using the overlay mode to compare IE8 to Firefox 3.5. As you can see, the two pages are nearly identical in layout (other than the different headlines pulled up).

    Images by Justin James for TechRepublic

  • Side-by-side comparison

    SuperPreview with a side-by-side comparison of IE8 and Firefox 3.5. I am using the box highlighting mode and selected the headline element, so you can see in each browser where that element lies. The way it works is to put the box on one screen in the same place it is on the other, so you can see the positioning differences.

    Images by Justin James for TechRepublic

  • Lightbox highlight

    I am doing the same thing with SuperPreview here as well. This time, I am using the lightbox highlight mode. Note the informational display in each browser window showing the dimensions and position of the element being highlighted.

    Images by Justin James for TechRepublic

  • Code

    This screenshot shows what it is like to edit actual HTML. In the WYSIWYG display, the element currently being editing will have an “earmark” and highlight box around it, and like Visual Studio, a contextual menu with a dropdown of potential actions appears on the bottom-right of the element. In the code view, the element is highlighted so that you can see your changes reflected in the code at-a-glance.

    Images by Justin James for TechRepublic

  • CSS editor

    This is the CSS editor creating a new CSS selector. You may note that it is very similar to the CSS tool in Visual Studio.

    Images by Justin James for TechRepublic

Default screen

This is the default look of Expression Web 3, immediately after starting it. The Expression series of applications chooses to mute the UI a bit in greys and blacks, presumably to allow the eye to focus on the work itself.

For the full review check out the TechRepublic Product Spotlight.

Images by Justin James for TechRepublic

Related Topics:

Project Management CXO Software Tech & Work Smart Persons Guides

By Justin James

Justin James is an OutSystems MVP, architect, and developer with expertise in SaaS applications and enterprise applications.