Exercise 2: Creating Page Layouts with Layers
Scenario: Now that you have set up your site and your first page, you are ready to start
adding content. Let’s begin by creating the layout for this page using the Layers option.
Layers are containers that hold elements on your Web site, but are invisible when the
page is viewed in the browser. Layers are found in the Toolbox and dragged onto the
Layers in Expression Web are created using div tags with CSS so you can place them
anywhere on the page. This is called absolute positioning. Once you have inserted a
layer into your page, you can insert any element, such as an image or text, into the
Layers are a popular choice among designers because they provide precise layout
control, but you should know that this is only one of many ways to create layout
designs using CSS in Expression Web.
Task 1: Create a layer and add an image
Create a layer using the toolbox and then insert the header image into the layer.
In the Toolbox, click Layer and drag it onto the page. The layer will automatically appear
in the top left of the page.