Accessibility

Dreamweaver Article

 

CSS design basics with Dreamweaver – Part 1: Learning about doctype


Adrian Senior

Adrian Senior

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

Table of Contents

  1. Introduction
  2. Document Type Definition
  3. Setting your doctype and avoiding quirks mode
  4. Syntax of CSS and linking an external style sheet
Created:
5 January 2007
User Level:
Beginner

In this article you will learn about the importance of setting a correct doctype and how to prevent your web pages from dropping into quirks mode. Although the doctype is not a part of the CSS specification, it can greatly affect your designs if incorrectly implemented.

With the importance of the doctype understood, you will then move on and discover the syntax of CSS and the different options available to you that the flexibility of the syntax of CSS provides. This will provide you with the ability to make an informed choice on how you want your CSS to be written when setting your preferences within Dreamweaver.

Requirements

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

Dreamweaver 8

Sample files:

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.