Comprehensive Adobe Dreamweaver CS3 Training (5 days)

Comprehensive Adobe Dreamweaver CS3 Training Overview

In this Adobe Dreamweaver training class, students receive a comprehensive introduction to using Dreamweaver CS3 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. At the end of the training class students will be able to build sophisticated database-driven websites using the server-side language of their choice (PHP, ASP, or ColdFusion).

Comprehensive Adobe Dreamweaver CS3 Training 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 the Spry framework to add Ajax techniques
• Learn to use Dreamweaver templates
• Master Dreamweaver behaviors
• Learn to edit pages in Dreamweaver's code view
• Learn to create database-driven web sites with Dreamweaver
• Learn to pass data between pages
• Learn to send email from a web page
• Learn to send build a search interface
• Learn to send build create registration and login pages

Comprehensive Adobe Dreamweaver CS3 Training Course Prerequisites

Experience in the following areas would be beneficial.

• HTML
• SQL

Comprehensive Adobe Dreamweaver CS3 Training 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
16. Dynamic Web Sites
    1. Dynamic Web Site Basics
    2. Developing with a Local Server
    3. Developing with a Remote Server
    4. Defining a Dynamic Site in Dreamweaver
    5. Building a Simple Dynamic Application
17. Passing Data Between Pages
    1. Understanding the HTTP Protocol
    2. Retrieving Data from the URL
    3. Sending Data with Hyperlinks
    4. Setting and Retrieving Cookies
18. Sending Email from a Web Form
    1. Introducing SMTP Email Service
    2. Configuring your System to Send SMTP Email Messages
    3. Configuring your System to Send Email
    4. Writing the Code to Send a Message
    5. Understanding Objects, Methods, and Properties
    6. Creating the Web Form
    7. Emailing Dynamic Form Values
    8. Client-Side Form Validation
19. Building a Tour Price Calculator
    1. Creating the Pages
    2. Building the Form
    3. Collecting, Processing, and Displaying the Data
    4. Adding Server-Side Form Validation
    5. Creating the Conditional Region
    6. Creating and Applying a Custom CSS Class
    7. Databases on the Web
    8. Introduction/Review of Databases
    9. Introduction to the Database Used in Class
    10. Connecting to the Database
    11. Retrieving Recordsets and Displaying Database Information
20. Completing the Price Calculator
    1. Dynamically Populated Drop-Down Menus
    2. Creating Filtered Recordsets
    3. Revising the Calculation Script with Live Data
    4. Documenting Your Code with Comments
21. Filtering and Displaying Data
    1. Preparing the Input Page
    2. Generating URLs Dynamically
    3. Preparing the Output Page
    4. Populating Page Layouts Dynamically
    5. Adding Dynamic Images and Formatting the Population Number
    6. Looking Up Foreign Table Data with SQL
    7. Building the Tour Descriptions
    8. Planning the Application
    9. Creating Recordsets with Joins
    10. Building the Descriptions
    11. Inserting the Images and the ALT Attributes
    12. Implementing the Recordset Paging
    13. Passing Data to Other Applications
22. Building Search Interfaces
    1. Preparing the Search Page and Creating the Search All Link
    2. Searching by Region: Building the Interfaces
    3. Searching by Country: Filtering by Form Variable
    4. Switching SQL Statements According to Environment Variables
23. Authenticating Users
    1. User Authentication as a Web Application
    2. Building the Registration Pages
    3. Building the Log-in Page
    4. About Session Variables
    5. Restricting Access to Pages
    6. Managing Content with Forms
24. Creating the Admin Section
    1. Creating the Form Interface
    2. Using Session Variables and Hidden Fields to Track Users
    3. Inserting the Record
25. Building Update Pages
    1. Preparing the Pages
    2. Planning for the Master-Detail Pages
    3. Making the Detail Page Updateable

Comprehensive Adobe Dreamweaver CS3 Training Course Materials

Each student will receive a copy of Adobe Dreamweaver CS3 with ASP, ColdFusion, and PHP by Jeffrey Bardzell, 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.

Comprehensive Adobe Dreamweaver CS3 Training Technical Requirements

1. Adobe Dreamweaver CS3
   • Download - Note that the trial version is not available for download until July 1, 2008. You may be able to use the Dreamweaver CS4 beta version. If you would like to try this, please email sales@webucator.com.
   • System Requirements
2. Browser Options
   • Internet Explorer 6.0 or later
     • Download
   • Firefox
     • Download
   • Safari
     • Download
3. Operating Systems Options
   • Operating System Options
     • Windows Vista
     • Windows XP with Service Pack 2
   • Macintosh
4. Instead of installing a Web Server, Applications Server, and Database, you can select one of the following:
   • XAMPP (Apache, PHP, MySQL on Windows)
     • Download
   • MAMP (Apache, PHP, MySQL on Macintosh)
     • Download
5. Web Server Options
   • Internet Information Services
     • Instructions
   • Apache HTTP Server
     • Download
     • System Requirements
6. Application Server Options
   • ColdFusion Application Server
     • Download
     • System Requirements
   • PHP 5.2 or later
     • Download
   • If using ASP Classic with IIS, no Application Server is required
7. Database Options
   • Microsoft Access 2000 or later
   • Microsoft SQL Server 2005 Express
     • Download
   • MySQL 4.1 or later
     • Download
   • Oracle 8i or later
     • Download - - Oracle Database 10g Express Edition
     1. The file you want to download is Oracle Database 10g Express Edition (Western European) - OracleXE.exe.
     2. You will need to register for a free account.
     3. Run through the Installer accepting all the defaults. Make sure to write down your password.
     4. Follow steps 1-3 of the Getting Started Guide available at the Oracle Web site

*If you have questions about your specific setup, please contact us.

Class Files for Comprehensive Adobe Dreamweaver CS3 Training

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