Tutorials and Sample Sites for Expression Web

Sample Sites & DWTs

Want more training?

Our sponsor Start to Web offers classes in: Introduction to Expression Web, Introduction to CSS, and NEW this session Migrating Frontpage Websites to Expression Web.

Our site members can get 10% off all classes using coupon code: byexp10

You can view thumbnails and longer descriptions on our sample sites page.If the template name is hyperlinked below it will take you to the working site sample.

Tutorials

Basic Website Series

Creating a basic website in Expression Web froms start to finish. If you wish to follow along download the Urban Houston zip file which contains all the assets used and the finished site that looks like:

View or download the full tutorial in Windows Media Format or you can watch online in smaller segments:

View or Download Part 1 (25mb)

Introduction
Setting up a local website
Creating page level default styles
Adding a page title in the masthead
Tweaking the masthead

View or Download Part 2(40mb)

Creating a horizontal menu from an unordered list
Finishing the main menu
Importing content from Word
Adding Images to your web pages

View or Download Part 3 (25mb)

General editing and style tips
Constrain the width of the webpage
Importing a list from Word for a submenu

View or Download Part 4 (37mb)

Workspace
Submenu Part 2
Address Element
Adding a Footer
Basic - Creating a DWT & moving styles to an external stylesheet

Text based Tutorials

NEW! CSS Menus including horizontal and vertical rollovers and a dropdown horizontal menu using Project Seven CSS Express.

UTF-8 Characterset - Do you have strange characters showing on your web page when viewed in a browser? Odds are you have a BOM issue, here areways to fix it.
New From Template - Create a new site from one of the Expression Web templates.
Customizing Your Work Space - Arrange the Task Panes in Expression Web to suit the way you work.
Creating a New Font Family Group - Adding a new font family group to the font dropdown.
CS - Code Snippets Last Updated - Add a list updated date to your web page (note javascript update so this code snippet only works on states sites.)
CS - Design Time Includes - Restoring design time includes in Expression Web version 1.
QB - Reformat Code - Reformat your HTML to make of it easier for you to read and maintain.
QB - strong and em - Applying mark-up to selected text
QB - Tool Tips - Using the title attribute for a tool tip.
QB - Migrating to Expression - this is the short version, a longer more detailed tutorial is a work in progress.
QB - Forum Rank and Poll - How to rate posts in our forum.
QB - Test Your Server - Find out what server side technology your server supports?
QB - Configuring Editors - Adding external editors to ExpressionWeb's context menu.
QB - DWT & Meta Data - Troubleshooting DWTs not updating properly.

Video Tutorials

Font Family Groups (Windows Media) - Create a new font family group in Expression Web.