Accessibility

Dreamweaver Article

 

Applying CSS from Screen to Print to Handheld – Part 2: Layout and Background Images


Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Creating the Header Background Image
  3. Building the Content Area
  4. Adding the Inner-Wrapper Div
Comments
Created:
2 January 2006
User Level:
Beginner

In Part 2 of this tutorial, you will prepare your design elements for the basic layout of the page. This is necessary before you can complete the CSS work in Part 3. In this part, you will complete the #header div, set a background image against the body element, and create the #innerwrapper div and its background image.

The #innerwrapper div also acts as a containing element for the divs that form the structure of your content area. You will complete the final stages of the content area's development in Part 3, and test your design to handheld and print media in Part 4.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Fireworks 8

Third-Party Software

Sample files:

Prerequisite Knowledge

Page 1 of 4
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.