Dreamweaver Training: Introduction to Adobe Dreamweaver CS3

Course Number: DW-102
GSA/Previous Course Number: 401
Duration: 3 days
view class outline

Looking for Introduction to Adobe Dreamweaver CS4?

Dreamweaver Training Overview

Adobe Dreamweaver CS3 is the leading Web development tool for Web professionals. In just 3 days, this Dreamweaver training class teaches attendees everything they need to know in order to successfully build their first sites with Dreamweaver.

Location and Pricing

Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/?action=category&page=dreamweaver.

Dreamweaver Training Prerequisites

Prior experience using the Web is required. This course does not require knowledge of HTML, but attendees with HTML knowledge will find Dreamweaver much easier to use in both the short- and long-run. Toward this end, we would be delighted to teach a one-day HTML primer immediately prior to this course.

Hands-on/Lecture Ratio

This training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 15 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

Dreamweaver Training Materials

All students will receive a copy of Peachpit Press' Adobe Dreamweaver CS3 Hands-On Training, as well as copies of the instructor's presentation.

Software Needed on Each PC

Adobe Dreamweaver CS3 or later (for Windows or Mac)
Firefox 3 or later or Internet Explorer 7 or later

Note: This class can be taught for Windows or Macintosh audiences

Dreamweaver Training Objectives

To master creating Web pages in Dreamweaver CS3. Attendees learn how to lay out text, position images, create hyperlinks, build tables, and more.
To learn how to manage Web sites and multi-person Web development projects using Dreamweaver CS3.

Dreamweaver Training Outline

What Is Dreamweaver CS3?

HTML vs. XHTML
Roundtrip XHTML
Do You Need to Learn XHTML to Use Dreamweaver?
What Does XHTML Do?
What Does XHTML Look Like?
File-Naming Conventions
File Name Extensions
What Is CSS?
What Does CSS Look Like?
What Is XML?
What Is DHTML?
What Is JavaScript?
What Is a Web Application?
Extending Dreamweaver

Exploring the Interface

Touring the Interface
Setting a Default Workspace
Saving Workspace Layouts
Defining a Default Browser
Using Shortcut Keys

Managing Your Sites

What Is a Local Root Folder?
Defining a Site
Understanding Relative and Absolute URLs
Observing Links to Relative and Absolute URLs
Managing Files and Folders
Understanding Path Structure
Understanding Site Root and Document Relative Links
Creating a Site Map
Creating a Site from Scratch
Deleting a Site Definition

Learning the Basics

Creating and Saving a New Document
Understanding the Significance of Default Documents
Setting Page Titles
Inserting Images
Inserting Text
Aligning Text and Images
Creating Links with Images and Text
Inserting <meta> Tags

Linking

Linking with Point to File
Linking to New Source Files
Creating E-mail Links
Creating Named Anchors
Linking to Files

Working with Cascading Style Sheets

Understanding the CSS Specifications
Understanding the Cascading Part of Style Sheets
Exploring the Anatomy of a Style Sheet
Understanding CSS and Page Properties
Using the Page Properties Dialog Box
Understanding the Types of Style Sheets
Exporting and Linking External CSS Files
Using the CSS Styles Panel
Understanding CSS Selectors
Understanding Type Selectors
Creating Type Selectors
Understanding ID Selectors
Creating ID Selectors
Understanding Class Selectors
Creating Class Selectors
Creating CSS Rollovers with Pseudo-Classes

Working with Typography

Leaving the <font> Tag Behind
Using Valid XHTML Typographic Elements
Formatting Text with the Property Inspector
What Measurement Should You Use?
Managing White Space with Margins, Padding, and Line Height
Using Font Lists
Aligning Text
Using Ordered, Unordered, and Definition Lists
What Is Flash Text?
Creating Flash Text

Working with Tables

What Is a Table?
Creating and Adding Content to a Table
Changing the Border of a Table with XHTML
Changing the Border of a Table with CSS
Adding Color to Tables
Aligning Table Content
Sorting a Table
Setting Table Widths
Creating Rounded-Corner Tables

Using Layout Tools

Using Tracing Images, AP Divs, and Tables for Layout
Applying a Tracing Image
Adding AP Divs
What Makes an AP <div> Absolutely Positioned?
What Is the Layout Mode?
Using Layout Tables and Layout Cells
Working with Layout Table Widths

Designing for Devices

What's a Device?
Attaching a Printer-Friendly Style Sheet
Styling for Print
Accessing Adobe Device Central

Adding Rollover Images

Following Rollover Rules
Creating a Simple Rollover
Creating Disjointed Rollovers
Creating Navigation Bars with Multiple Rollover States
What Are Flash Buttons?
Creating Flash Buttons

Using XHTML

Viewing the Markup
Reviewing Your Options in Code View
Editing in Code View
Using the Code Toolbar
Using Code Collapse
Using the Quick Tag Editor
Using the Tag Editor and Tag Chooser
Working with Snippets

Conclusion