Introduction to Adobe Dreamweaver CS3 Training (3 days)

Introduction to Adobe Dreamweaver CS3 Overview

In this Adobe Dreamweaver training class, students receive a comprehensive introduction to using Dreamweaver 8 to create web sites. Students will also learn learn how to use Dreamweaver Templates, Library Items, and Snippets. Students will also master all of the "Behaviors" Dreamweaver offers that insert client-side JavaScript on your site.

Introduction to Adobe Dreamweaver CS3 Course Goals

• Understand how web pages work
• Learn to create and manage web sites with Dreamweaver
• Learn to add graphics and links to pages
• Learn to create tables
• Learn how to design with Cascading Style Sheets (CSS) within Dreamweaver
• Learn to create rollover images
• Learn to layout pages with tables in Dreamweaver
• Learn to use library Items in Dreamweaver
• Learn to use code snippets in Dreamweaver
• Learn to use Dreamweaver templates
• Master Dreamweaver behaviors
• Learn to edit pages in Dreamweaver's code view

Introduction to Adobe Dreamweaver CS3 Course Prerequisites

Experience in the following areas is required:

• Experience with basic software programs such as Microsoft Word
• Experience browsing the Web

Experience in the following areas would be beneficial.

• HTML

Introduction to Adobe Dreamweaver CS3 Course Outline

1. What Is Dreamweaver CS3?
   1. HTML vs. XHTML
   2. Roundtrip XHTML
   3. Do You Need to Learn XHTML to Use Dreamweaver?
   4. What Does XHTML Do?
   5. What Does XHTML Look Like?
   6. File-Naming Conventions
   7. File Name Extensions
   8. What Is CSS?
   9. What Does CSS Look Like?
   10. What Is XML?
   11. What Is DHTML?
   12. What Is JavaScript?
   13. What Is a Web Application?
   14. Extending Dreamweaver
2. Exploring the Interface
   1. Touring the Interface
   2. Setting a Default Workspace
   3. Saving Workspace Layouts
   4. Defining a Default Browser
   5. Using Shortcut Keys
3. Managing Your Sites
   1. What Is a Local Root Folder?
   2. Defining a Site
   3. Understanding Relative and Absolute URLs
   4. Observing Links to Relative and Absolute URLs
   5. Managing Files and Folders
   6. Understanding Path Structure
   7. Understanding Site Root and Document Relative Links
   8. Creating a Site Map
   9. Creating a Site from Scratch
   10. Deleting a Site Definition
4. Learning the Basics
   1. Creating and Saving a New Document
   2. Understanding the Significance of Default Documents
   3. Setting Page Titles
   4. Inserting Images
   5. Inserting Text
   6. Aligning Text and Images
   7. Creating Links with Images and Text
   8. Inserting <meta> Tags
5. Linking
   1. Linking with Point to File
   2. Linking to New Source Files
   3. Creating E-mail Links
   4. Creating Named Anchors
   5. Linking to Files
6. Working with Cascading Style Sheets
   1. Understanding the CSS Specifications
   2. Understanding the Cascading Part of Style Sheets
   3. Exploring the Anatomy of a Style Sheet
   4. Understanding CSS and Page Properties
   5. Using the Page Properties Dialog Box
   6. Understanding the Types of Style Sheets
   7. Exporting and Linking External CSS Files
   8. Using the CSS Styles Panel
   9. Understanding CSS Selectors
   10. Understanding Type Selectors
   11. Creating Type Selectors
   12. Understanding ID Selectors
   13. Creating ID Selectors
   14. Understanding Class Selectors
   15. Creating Class Selectors
   16. Creating CSS Rollovers with Pseudo-Classes
7. Working with Typography
   1. Leaving the <font> Tag Behind
   2. Using Valid XHTML Typographic Elements
   3. Formatting Text with the Property Inspector
   4. What Measurement Should You Use?
   5. Managing White Space with Margins, Padding, and Line Height
   6. Using Font Lists
   7. Aligning Text
   8. Using Ordered, Unordered, and Definition Lists
   9. What Is Flash Text?
   10. Creating Flash Text
8. Working with Tables
   1. What Is a Table?
   2. Creating and Adding Content to a Table
   3. Changing the Border of a Table with XHTML
   4. Changing the Border of a Table with CSS
   5. Adding Color to Tables
   6. Aligning Table Content
   7. Sorting a Table
   8. Setting Table Widths
   9. Creating Rounded-Corner Tables
9. Using Layout Tools
   1. Using Tracing Images, AP Divs, and Tables for Layout
   2. Applying a Tracing Image
   3. Adding AP Divs
   4. What Makes an AP <div> Absolutely Positioned?
   5. What Is the Layout Mode?
   6. Using Layout Tables and Layout Cells
   7. Working with Layout Table Widths
10. Adding Rollover Images
    1. Following Rollover Rules
    2. Creating a Simple Rollover
    3. Creating Disjointed Rollovers
    4. Creating Navigation Bars with Multiple Rollover States
    5. What Are Flash Buttons?
    6. Creating Flash Buttons
11. Using XHTML
    1. Viewing the Markup
    2. Reviewing Your Options in Code View
    3. Editing in Code View
    4. Using the Code Toolbar
    5. Using Code Collapse
    6. Using the Quick Tag Editor
    7. Using the Tag Editor and Tag Chooser
    8. Working with Snippets
12. Working with Forms
    1. Using the Forms Group of the Insert Bar
    2. Working with Text Fields and Text Areas
    3. Working with Check Boxes and Radio Buttons
    4. Working with Lists and Menus
    5. Adding Submit and Reset Buttons
13. Applying Behaviors
    1. Using the Open Browser Window Behavior
    2. Using the Popup Message Behavior
    3. Using the Validate Form Behavior
    4. Getting More Behaviors
14. Editing Images
    1. Setting External Image Editor Preferences
    2. Editing Images with Built-in Tools
    3. Roundtrip Editing to and from Photoshop or Fireworks
    4. Copying and Pasting from Photoshop into Dreamweaver
15. Using Templates and Library Items
    1. Seeing Templates in Action
    2. Creating a New Template
    3. Applying Templates to Existing Documents
    4. Modifying a Template
    5. Adding Repeating Regions
    6. Working with Repeating Regions
    7. Adding Optional Regions
    8. Modifying Template Properties
    9. Knowing When to Use Library Items
    10. Creating a Library Item
    11. Modifying a Library Item

Introduction to Adobe Dreamweaver CS3 Course Materials

Each student will receive a copy of Adobe Dreamweaver CS3 Hands-On Training by Garrick Chow, which will serve as a guide for the class.

Each student will also receive a one-year subscription to Webucator's online reference library, which contains hundreds of the most current electronic technology books - a $149.95 per student value.

Introduction to Adobe Dreamweaver CS3 Technical Requirements

1. Operating Systems Options
   • Operating System Options
     • Windows Vista
     • Windows XP with Service Pack 2
   • Macintosh
2. Adobe Dreamweaver CS3
   • Download
   • System Requirements
3. Browser Options
   • Internet Explorer 6.0 or later
     • Download
   • Firefox
     • Download
   • Safari
     • Download

Class Files for Introduction to Adobe Dreamweaver CS3

The class files for this course are included on a CD that is shipped with the book.