Tutorials

Tutorials currently available:

Expression Web 4 (paid and free versions)

• EW 4: Configuring an Image Editor using Application Options 
• EW 4: Page Editor Options
• EW 4: Creating a Font Family Group

Video Based tutorials

• Basic Website using Expression Web 2, this tutorial is available for download so you can work along with it using the asset.zip file. There are a few interface changes between version 1/2 and version 3/4 of Expression Web. Other than the need to use the Site > New Site menu option to create your new site the process is the same in Expression Web 3 & 4.
• Using External Styelsheets in this tutorial we show you how to move your head section styles to an external stylesheet for use on all your site's pages.
• Creating a Font Family Group while this tutorial uses Expression Web 2 the process is the same in all versions of Expression Web.
• Creating a New Site from MS Template this is an Expression Web 1-2 video tutorial. If you are using Expression Web 3 or 4 you must start with Site > New Site instead of File > New > Web site

CSS

• CSS Horizontal Menus Horizontal Menu buttons without images
• Responsive CSS Horizontal Menu buttons made turned responsive for small screens
• CSS Express Dropdown menu
• CSS Simple Menu Bar a single horizontal bar menu
• Replacing FP Hover Buttons with CSS based image rollovers

All Versions of Expression Web

• Troubleshooting a DWT - steps to try if pages attached to your DWT do not update correctly.
• Using Reformat HTML to help clean up messy or unreadable code.
• Creating a New Website from Expression Web Templates using the built-in DWT based sites shipped with Expression Web.
• Migrating from FrontPage to Expression Web, this is the short version of how to remove non-standard, depreciated <font> and other out dated code from your existing FrontPage website.
• Adding Page Specific Metas to DWT Created Pages How to make sure that each page has its own unique keywords and other head section elements.

Earlier Versions of Expression Web

• EW1 & 2 Customizing the Workpace while this tutorial uses Expression Web 1 the process is the same in all versions.
• EW 1 Fixing the Funny Characters - how to remove the three Greek looking characters that may appear in some browsers and on php pages created with Expression Web 1.
• EW 1: Using Design Time Includes while Expression Web 1 supported Design Time Includes there was no button or menu item that would allow you to use them easily. This tutorial shows you how to create a code snippet to trigger the dialog box for adding using Design Time Includes. While you can use the code snippet method in all version of Expression Web you MUST use it in version 1.
• EW 1-3: Creating a Code Snippet remained the same in versions 1-3 but version 4 improved the experience by adding a code snippet panel for ease of organization and use.
• EW 1 & 2 Configuring a Default Editor for opening a file from Folder List

Other Web Related Tutorials

• Test Your Server to discover what server side processing for forms is available to you.
• Screen Tips using the Title Attribute - simple cross browser tool tips.