Training and Consultancy

Select by Category

Course Schedules

Search by Keywords

Partner Login



Enquiry Form

Duration: 2 Days

ADOBE DREAMWEAVER ADVANCED CSS DESIGN

 

Objectives

This course is for DreamWeaver developers and designers who would like to use DreamWeaver to build accessible web sites with CSS for design layout.

Module 1: Web Standards Defined

  • Using Web Standards
  • Creating a Valid XHTML Document
  • Validating your Document
  • Using Valid CSS
  • Validating for Accessibility

 

Module 2: Site Planning and Setup

  • Structuring your Site
  • Hosting your Site
  • Dealing with Common Elements
  • Setting up a Web Server and DreamWeaver
  • Building your Workspace

Module 3: 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

Module 4: 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

Module 5: 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

Module 6: 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
  • 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

Module 7: Accessibility

  • Exploring the benefits
  • Accessibility Guidelines
  • The WAI Initiative, WACG Checkpoint Priorities
  • DreamWeaver Accessibility Tools
  • Accessibility in Practice
  • Accessibility Validation
  • Online Validation

Module 8: 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

Module 9: 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

Module 10: 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