Adobe Course

Outline

Adobe DreamWeaver CS3

Advanced CSS Design

Hands-on training in an instructor-led environment.

Training Method:

Delegates should have attended the Adobe DreamWeaver CS3 Website

Development course or have equivalent experience.

Prerequisites:

Two days

Duration:

This course is for DreamWeaver developers and designers that would like to use DreamWeaver CS3

to build accessible web sites with CSS for design layout. Delegates will learn:

* Web Standards Defined * Planning your Site

* XHTML and Semantics * Constructing the Document

* CSS and DreamWeaver CS3 * Constructing the Layout with CSS

* Accessibility Standards * Building a CSS Based Site

* Forms and Accessessibility * Alternate Style Sheets

Objectives

DreamWeaver Developers and Designers wanting to use CSS for design layout.

Designed for:

Web Standards Defined

Using Web Standards

Creating a Valid XHTML Document

Validating your Document

Using Valid CSS, Validating for Accessibility

Semantic Document Structure

Site Planning and Setup

Structuring your Site, Hosting your Site

Dealing with Common Elements

Setting up a Web Server and DreamWeaver

Building your Workspace

XHTML and Semantics

Building an XHTML Document

Why use XHTML, XTML in DreamWeaver

Creating Clean Markup, Creating New Pages

Converting Existing Pages

Integration with XML

Semantic Markup

Text-only Devices

Constructing the Document

The new XHTML Document

Displaying Browser Statistics

Other Page Elements

The Heading, Main Navigation,The Sidebar

Validating your XHTML

Validation in DreamWeaver

CSS and DreamWeaver

CSS Basics, Basic Toolkit

Setting Preferences for DreamWeaver

The Page Properties Dialog Box, The CSS Panel

The Property Inspector

Editing CSS in Code View, Sample CSS Styles

CSS Page Designs, Design Time Styles Sheets

Style Rendering Toolbar, CSS “Layout Blocks’

Content

Constructing the Layout with CSS

Defining the basic Layout

The Header, the Content, the Navigation Area

Creating CSS Rules, The Body Area

Styling the Header div, The Main Navigation

Styling Navigation Links, The Content Area

Using DreamWeaver Visual Aids

The Headings, Styling Tables, the Side Bar

The Browser Statistics Section

CSS Validation and Browser Testing

Rounding out the Sidebar

Validating the Code, Browser Testing

Accessibility

Exploring the benefits, the Accessibility Guidelines

The WAI Initiative, WACG Checkpoint Priorities

DreamWeaver Accessibility Tools

Accessibility in Practice, Accessibility Validation

Online Validation

Building the Site

Creating the Includes, Creating the Basic Page

Tutorial List Page, Creating Lists, Adding to the CSS

Highlighting the Current Selection

Building a Sitemap

Forms and Third-Party Services

Building a Contact Form, Marking up the Form

Laying out the Form with CSS

Client-side Form Validation, Submitting the Form

Adding a Search Facility & Search Form to your Site

Alternate Style Sheets

Accessibility Controls, Text Resizing

Switching Style Sheets, A ‘Low Graphics’ Layout

Building the registration pages

Media Types, Print Style Sheet

Final Validation

* Public Courses

* Private Courses

* Customised Courses

* On site training available

Tel: 01625 549287 anne@firsttraining.net