From hence forth, Webucator will be my online Educator!!! More Testimonials »

Advanced Adobe Dreamweaver CS4 Training

Although this course is still available as a private class, our Advanced Dreamweaver CS5 Training class is on a later version of the software.

Delivery Options

Upcoming Live eLearning Classes

There are currently no upcoming Live eLearning classes. Please contact us if you would like us to schedule a class.

Class Description

Class Overview

In this Adobe Dreamweaver training class, students will learn how to use Templates, Library Items, and Ajax (with Spry) in Dreamweaver CS4. Students will also master all of the "Behaviors" Dreamweaver offers that insert client-side JavaScript on your site.

Class Goals

  • Learn to use library Items in Dreamweaver
  • Learn to use code snippets in Dreamweaver
  • Learn to use Dreamweaver templates
  • Learn to work with Flash and the Spry Framework
  • Learn to edit pages in Dreamweaver's code view
  • Learn to build forms
  • Learn to create reports and manage workflow

Class Outline

  1. Fine-Tuning Your Workflow
    1. Customizing panels and panel groups
    2. Using the Favorites tab on the Insert bar
    3. Resizing the document window
    4. Using guides
    5. Using grids
    6. The tag selector
    7. Switching between tabs and cascading documents
    8. Zooming
  2. Adding Flash, Video, and Sound Content
    1. Making web content interesting
    2. Inserting Flash movies
    3. Adding video
    4. Flash Video
    5. QuickTime video and Windows Media
    6. Inserting sound
  3. Maximizing Site Design
    1. Creating modular page elements
    2. Introducing snippets
    3. The Snippets panel
    4. Creating new snippets
    5. Introducing library items
    6. Modifying and updating library items
    7. Introducing templates
    8. Creating a new template
    9. Working with editable regions
    10. Creating new pages from templates
    11. Modifying templates
    12. Repeating regions
    13. Putting repeating regions into action
    14. Detach from Template command
  4. Under the Hood: Editing in the Code View
    1. Getting to your code
    2. Accessing code with the tag selector
    3. Editing an HTML tag with the Quick Tag Editor
    4. Inserting tags with the Tag Chooser
    5. Inserting and editing comments
    6. Working in the Code view
    7. The Coding toolbar
    8. Collapsing and expanding tags and code blocks
    9. Validating your code
    10. Highlighting and correcting invalid code
    11. Using the Check Page menu
    12. The Validate Markup option
    13. Formatting code
    14. Indenting
  5. Building Web Forms
    1. Forms in everyday (web) life
    2. How forms work
    3. Building a contact form
    4. Inserting the <form> tag
    5. Setting form properties
    6. Adding form elements
    7. Adding text fields
    8. Adding checkboxes
    9. Adding radio buttons
    10. Adding radio groups
    11. Adding lists and menus
    12. Adding a text area
    13. Adding a File Upload field
    14. Creating Submit and Reset buttons
    15. Styling forms with CSS
    16. Attaching external styles
    17. Setting a background color
    18. Styling form elements
    19. Applying the .label style
    20. Form processing and validation
    21. Adding form validation
    22. A look at the Behaviors panel
    23. Setting an event or trigger
    24. Previewing the button behavior
    25. Validating form fields
    26. Changing a form field's behavior order
    27. Verifying field contents
  6. Working with the Spry Framework
    1. Introducing the Spry Widgets
    2. The Spry framework for AJAX
    3. What is AJAX?
    4. A look at the project
    5. The Spry Menu bar
    6. Customizing Spry Widgets with CSS
    7. The Spry Tabbed panel
    8. The Spry Accordion panel
    9. The Spry Collapsible panel
    10. Working with Spry Data Widgets
    11. What is XML?
    12. Creating a Spry XML data set
    13. Adding a Spry Data Widget: The Spry Repeat List
    14. Styling and fine-tuning data widgets
  7. Managing Your Web Site: Reports, Optimization, and Maintenance
    1. Working with the Files panel
    2. Creating a remote connection
    3. Viewing files on a remote web server
    4. Transferring files to and from a remote server with Get and Put
    5. Using Check In/Check Out and Design Notes
    6. Check In and Check Out
    7. Using Design Notes
    8. Sharing Design Notes
    9. Displaying Design Notes in the Files panel
    10. Testing site integrity
    11. Using Check Links
    12. Checking links sitewide
    13. Generating site reports
    14. Understanding report results
    15. Addressing a listed item
    16. Saving reports
    17. The Browser Compatibility Check
    18. The CSS Advisor
    19. Optimizing pages for launch
    20. Search engine visibility and Search Engine Optimization
    21. Titling your documents with the <title> tag
    22. Adding meta keywords and descriptions
    23. Describing images with alternate text
    24. Launching your site
    25. Site Launch Checklist
    26. Uploading your site
    27. Getting help and using the reference guides
    28. The Reference panel
    29. Suggested next steps

Class Materials

All students receive a course manual or book and all the class examples.

Students in private onsite classes will also receive:

  • Dreamweaver CS4 Digital Classroom

Class Prerequisites

Experience in the following areas is required:

  • Experience with Dreamweaver as taught in our Introduction to Dreamweaver course.

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
Compare Us
Watch 3-minute Demo Video
of Live Online Training:
Learn the benefits of online training with Webucator
Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.

Recent Blog Articles

Dreamweaver Tutorial For Beginners: Recorded Webinar

Posted on Oct 27, 2011 by akenien

If you want to learn Dreamweaver, this recorded webinar will get you started! This 30-minute webinar introduces Adobe Dreamweaver to beginners. We will ...


Dreamweaver CS5.5 Still Produces Invalid Tables

Posted on Jul 29, 2011 by Nat Dunn

Dreamweaver is a great tool, but I wish that it would be stricter about following standards. The video below shows how it allows you to insert an invalid ...


Converting a Nested List to a Table

Posted on Jul 05, 2011 by Nat Dunn

Often list data could also be represented as a table. I am in the middle of writing our new Dreamweaver CS5.5 classes and thought it would be cool if Dreamweaver ...


Define a Site using Dreamweaver CS5

Posted on Jan 17, 2011 by Connie

When you are about to create a website using Dreamweaver CS5, the first step is to Define a Site. By defining a site, you will have access to all of the ...


Dreamweaver Tag Indenting

Posted on Oct 06, 2010 by Nat Dunn

When I have to work on HTML files that I’ve gotten from other sources, I often find it useful to format the code by selecting Apply Source Formatting ...

© Webucator, Inc. All rights reserved. | Toll Free: 1-877-932-8228 | From outside the USA: 315-849-2724| Fax: 315-849-2723