Dreamweaver 101: Rookie

To gain the most from this class, students should be familiar with the web and its terminology.

In this course, you will examine the basics of Dreamweaver with a focus on best practices and design. You will learn,

*Adobe Dreamweaver interface basics,
*Creating a website,
*Controlling document structure,
*Intro to Cascading Style Sheets,
*Adding graphics,
*Duilding Successful Site Navigation,
*Designing Pages with CSS,
*Fireworks/Dreamweaver integration,
*Creating Templates and Site Maintenance.

Introducing the Course

• Understanding the course
• Reviewing the course objectives and pre-requisites
• Reviewing the course format
• Outlining the course content
• Understanding static page architecture

Dreamweaver Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customising the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding email links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronising files