Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player
Book an Introductory Adobe Dreamweaver Course

css course logo Advanced Dreamweaver & CSS Training: $895

Course Description

This Intermediate/ Advanced web design course is aimed at people who have attended the 2 day Dreamweaver Essentials course or for people who have been using Dreamweaver CS5 and CSS for 12 months or more.

This course will benefit anybody who needs to create professional, consistent looking web sites using Dreamweaver's CSS tools. There is a strong emphasis on creating standards compliant and accessible pages which render consistently within all popular browsers as well as tips on how to position your pages higher in the Search Engine Results pages.

What you will learn

The focus of the 2 day Advanced Dreamweaver course is on formatting and laying out your site using CSS instead of tables. It examines advanced design techniques such as positioning and floating structural elements, CSS based navigation and creating rounded corners and faux columns.

Other subjects include the following: Creating a favicon for your URL display, Creating print style sheets and designing for mobile devices, Using the coding interface, Creating and styling user accessible forms, Creating and styling interactive elements such as tabbed panels with Spry. See outline below for more in depth detail:

Training Course Benefits

Dreamweaver & CSS Course Outline

XHTML & CSS Concepts

  • Overview of Best Practices
  • Content vs Design
  • Web Standards: Separate content, presentation & behaviour
  • Design for accessibility
  • The XHTML document
  • Quirks vs standards mode
  • Doctype encodings: strict, transitional & frameset
  • Namespace declaration
  • Character Encoding
  • Natural flow of an XHTML document
  • Inline vs block level elements
  • The CSS document
  • CSS syntax breakdown
  • Syntax notes
  • Selector types: Element, Class, ID, Pseudo class, Grouped, Contextual/ Compound
  • Understanding the cascade
  • Understanding inheritance
  • Understanding specificity
  • Browser anomalies: IECC, Externalising IECC, Has Layout
  • Troubleshooting bugs
  • The CSS styles panel in detail
  • All mode
  • Current mode
  • View buttons: Category, List, Show only set properties

Beginning to Build

  • Applying divs and spans
  • Reset default browser padding and margin
  • Naming selectors
  • The CSS box object model
  • Interpretation of the CSS box object model
  • Understanding floating elements
  • Floats problems & solutions
  • Contextual selectors
  • Centreing a div and using a hack
  • Absolute positioning (AP)
  • Relative positioning

Background Layout Graphics

  • About background graphics
  • Creating faux columns
  • Creating rounded corners

 

CSS Styled Navigation

  • CSS styled horizontal navigation
  • CSS styled vertical navigation

Designing for Non Screen Media

  • Media types
  • Designing for print services
  • Create and link to a print style sheet
  • Print friendly design considerations
  • Designing for handheld devices
  • Device central
  • Handheld design considerations

Favicons for URL Display

  • Favicon overview
  • Favicons with online generators
  • Favicons with Photoshop plug-ins
  • Troubleshooting browser issues

Advanced Forms

  • Form accessibility
  • Form labels
  • Access keys
  • The tab index
  • Grouping fields with fieldset
  • CSS form layout
  • Styling fieldsets and fields
  • Aligning checkboxes and radio fields
  • Form validation: client side and server side
  • Spry form validation

 

Adobe Dreamweaver
COURSE OUTLINES

dreamweaver training logo Dreamweaver Essentials
2 day course: $795

dynamic dreamweaver training logo Dynamic Dreamweaver*
2 day course: $895

* Prerequisite quiz required.

MELBOURNE January February March April May June
Dreamweaver Essentials 17 & 18 14 & 15 20 & 21 — 15 & 16 19 & 20
CSS / Adv Dreamweaver — — 22 & 23 — 21 & 22 —
Dynamic Dreamweaver
& Web Development 		— — 1 & 2 — — 21 & 22

 

 

BRISBANE January February March April May June
Dreamweaver Essentials — 23 & 24 — — — 5 & 6 July
Dreamweaver Advanced Currently not available as a public course in Brisbane. Private training can be organised onsite.