Advanced
Dreamweaver & CSS Training: $995 
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 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 Dreamweaver Intermediate/ Advanced course is on formatting and laying out your site using CSS instead of tables. It examines advanced design techniques such 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 below for detailed course outline.
| Upcoming Adobe Dreamweaver Training |
March | April | May | June | July |
|---|---|---|---|---|---|
| Dreamweaver CS4 / CS3 | |||||
| Dreamweaver Essentials | 11 & 12 | 15 & 16 | 13 & 14 | 17 & 18 | 29 & 30 |
| Dreamweaver Advanced & CSS | - | - | 20 & 21 | - | - |
| HTML | |||||
| HTML & Web Principles | 9 | 9 | 11 | 11 | 27 |
Advanced 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
Need training in the US? - we recommend Training Connection for CSS Training
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
Building AJAX Pages with Spry
- - The Spry framework
- - AJAX, JavaScript & XML
- - Creating Spry widgets
- - Spry collapsible panels
- - Spry tabbed panels
- - Spry accordions
- - Styling a Spry layout widget
- - Modifying Spry behaviours
