Accessibility

Dreamweaver Article

 

Applying CSS from Screen to Print to Handheld – Part 4: Navigation and Main Content


Adrian Senior

Adrian Senior

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

Table of Contents

  1. Introduction
  2. Building the Navigation Bar
  3. Styling the Main Content Area
Created:
16 January 2006
User Level:
Beginner

In Part 3 of this tutorial, you completed the transformation of your design's structure from a table layout to a CSS layout. In this part, you will add content to your design, using CSS to style elements within the page. You will do this by treating each element within the design as a separate entity, and you'll target each of these elements directly from the CSS file by writing our selectors in such a way that they map to specific elements in specific containers.

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 3
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.