Expression Web Tutorials: Building Web Sites with CSS & HTML ~ One Step at a Time
BookMark This Page
Microsoft Expression Web Video Tutorials
New Videos are coming soon!! Be sure to check back often and please, Refresh your Web Browser when you come back so that you can see the changes.
Getting Started Videos
- 1. Set up an Empty Web Site
- 2. Set the Doctype
- 3. Make a Blank HTML Web Page
- 4. Make an External Style Sheet & Link it
- 5. Set the Style Application to Manual
Sample Videos from the DVDs
Note: To view the Videos in full screen, simply double click on the video.
1. Style the 'body' (background)
When you set up a blank HTML web page in Expression Web, that web page already has some of the basic elements created.
For instance, if you peek into the code view of a new HTML web page, you will see <body> and </body>. When we style the body (as in the video), we are really styling the <body> element of the web page.
Furthermore, everything that we add to our pages is placed between the <body> and </body> tags. Therefore, when we style the body, we are styling the background of the entire page.
**The Tag Selector, body, targets the <body> Element.
Layout & Template Videos
Making a Layout (this tutorial works with any version of Expression Web) (8:35)
Note: I am making New Layout Videos using Expression Web 4, yet you make a layout in EW4 the same way shown in the video.
Miscellaneous How Tos
These Video Tutorials work for any version of Expression Web.
- 1. Remove Default Margins from the Body
- 2. Style Headings & Text
- 3. Center a Div (ie. How to Center a Web Page)
- 3. CSS 3 - Make Rounded Corners without using any images
- 4. Make a Drop Down Menu (opens in a new window)
- 5. Insert a CSS Background Image
Expression Design Videos
1. Expression Design - Set up a new document, add a drop-shadow to a shape. ( learn about effects)
