Accessibility
Sheri German

Sheri German

Community MX

Table of Contents

  1. Introduction
  2. Comparing table-based and CSS-based versions of the design
  3. Getting started
  4. Modifying existing rules
  5. Adding text formatting
  6. Ordering the style sheet
  7. Exporting the styles to an external style sheet
  8. Checking for browser compatibility
  9. Using IECC
  10. Adding the Spry Accordion widget
Created:
30 March 2009
User Level:
Beginner
Products:
Dreamweaver

From table-based to tableless web design with CSS – Part 2: CSS starter pages

In Part 2 of this tutorial, you are going to take a typical table-based layout and turn it to an equivalent CSS based-layout using starter pages in Dreamweaver. In the process, you will see that many things really are easier and more efficient in CSS design.

Part 1 of this mini-tutorial series explores some of the basic CSS techniques that are applied in the starter pages that you will use in this part.

Requirements

In order to make the most of this article, you need the following software and files:

Dreamweaver CS4

Sample files:

Prerequisite knowledge

Basic knowledge of Dreamweaver.

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 10
Next Page

About the author

Sheri German teaches web standards development at the Government Printing Office Federal Institute for Printing and Electronic Publishing. She also teaches web technology and technology education at Montgomery College in Rockville, MD, and provides hands-on tutorials for the Washington Apple Pi MUG. In her own web design work, she concentrates on websites for people in the arts and has created many sites for dancers, musicians, and writers. Sheri is an Adobe Education Leader and Certified Dreamweaver MX 2004 Developer. Along with Kim Cavanaugh, she is the author of The Dreamweaver 8 Visual Encyclopedia (ISBN: 0471751766). Her other writing activities include contributing author to the Washington Apple Pi Journal, training materials for classes, and articles for Community MX, where she is the partner in charge of the JumpStarts (Dreamweaver standards templates) program. Sheri has an MA in Music, and when she is not developing websites or teaching, she listens to classical music or takes ballet classes. She lives in Maryland with her husband, two children, three cats, and a dog.