The first thing we need to do is create a Layout. We have a few different options available in making a Layout.
1) We can choose one of
Expression Web's Premade CSS Layouts. (to style the various
divs, watch the videos below, "Make a 2 Column Layout Part 1 and 2" and
so on.
It is in these 2 videos you will learn how to style each section of a
layout. Plus, I am making more video tutorials showing you how to
do a few different things.)
2) Or, we can make our own layout from scratch. See the Videos Below.
Every web browser has its own internal style sheet. This style sheet contains default margins and padding, as well as other defaults, that are applied to all web pages.
The problem is that each browser applies a slightly different size defaults. This makes your site look different in different web browsers.
We can override these defaults by specifying zeros for all margins and padding instead of leaving them blank. Leaving margins and padding blank on any page element will cause that element to receive the web browser' specified margins and padding.
Some designers consistently use the Universal Selector to remove default margins and padding from every page element on their site.
You can do the same thing if you'd like. The Universal Selector is indicated with an asterisk *. See below for an example of the CSS style you would create and apply.
* { margin:0px; padding: 0px; }
In Expression Web:
1. Click on "New Style" in the Manage Styles Task Pane (lower
right by default).
2. Make the selector an asterisk, *. No periods, no pound signs,
just an asterisk.
CSS Reset refers to making a style sheet that resets margins, padding, line-height, and other properties that have subtle differences in defaults. Made popular by Eric Meyer, you can find a CSS Reset on meyerweb.com.
Create a New Page by Linking a Style Sheet to a Blanks Web Page -- Part
1
This Expression Web Tutorial teaches you how to insert divs and apply
existing styles to these divs.
I don't necessarily recommend this as a method for creating new web pages. I just want to show you how an External Style Sheet can be re-used so easily. It prevents you from having to create New Styles for every single web page. Instead, a better way to create more web pages is by using a Dynamic Web Template.
Create a
New Page Part 2
Here we finish up the layout by adding graphics/icons and much more.
Save a Web Page as a Dynamic Web Template (.dwt)
This expression web video tutorial will show you how to save your home
page as a dynamic web template. Then, you can easily make new
pages from this template.
I want to emphasize, this is just one way to make a Dynamic Web Template. I've done this for the sake of simplicity and to avoid confusion.
**Note: This video is being updated. The new video will be
posted shortly. Furthermore, new videos are becoming available for
Expression Web 3 . Likewise, there will be videos to show you
the different ways you can set up and use a Dynamic Web Template.
Buy
Expression Web Video