Advanced Dreamweaver CS5 Training

Delivery Options

• Live Online Training - Public Class (2 days): $650.00 (Register)

» Register Now

» Free Demo

» Watch Presentation

» More Info

» Contact Education Consultant

• Customized Onsite Training (2 days): Request a Proposal

Class Date and Time	Price Volume Discounts Students Discounts 2 5% 3-4 10% 5 or more 15% GSA Price: $617.50
Mar 28 - 29, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Apr 25 - 26, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
May 23 - 24, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Jun 20 - 21, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Jul 18 - 19, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Aug 15 - 16, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Sep 12 - 13, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Oct 10 - 11, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Nov 7 - 8, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now
Dec 5 - 6, 2012 10:00 AM - 5:00 PM ET	$650.00 or 2 vouchers vouchers	Register Now

Show More Classes

Class Description

Class Overview

Class Goals

• Learn to layout pages with CSS.
• Learn to make better use of the Dreamweaver CS5 interface.
• Learn to insert Flash video and sound.
• Learn to create and reuse Dreamweaver CS5 templates, library items, and snippets.
• Learn to work in Code View.
• Learn to work with forms.
• Learn to work with Adobe's Spry Framework.
• Learn to manage your website efficiently.
• Learn to use legacy tools.

Class Outline

1. Creating Page Layouts with CSS
   1. The CSS Box model
   2. The basics of CSS margins, padding, and borders
   3. Reviewing the ID selector
   4. Creating a centered container for your page
   5. Making layouts cross-browser compatible
   6. Absolute versus relative positioning
   7. Positioning content with AP Divs
   8. Creating a header section with the Draw AP Div
   9. Adding an introduction section to your page
   10. Adding images to your layout
   11. Photoshop Integration
   12. Adding Main and Sidebar content areas
   13. Adding additional content and styles
   14. Setting margins and borders
   15. Overriding default margins in CSS
   16. Adding borders to elements
   17. Futureproofing your layout
   18. The pros and cons of Absolutely Positioned CSS layouts
2. Advanced Page Layout
   1. Layout with AP divs versus layout with floats
   2. Creating a floated
   3. Creating columns with HTML and CSS
   4. Creating the HTML Structure with div elements
   5. Setting the width and floating the columns
   6. Using the Clear property
   7. Creating a list-based navigation bar
   8. Changing column layout and size
   9. Creating the appearance of equal height columns
   10. Browser compatibility
   11. Adding code for IE 6
   12. Applying finishing touches
   13. Creating more sophisticated layouts
3. 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
4. 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
5. 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
6. Working with Code-editing Features
   1. Working with code
   2. Accessing code with the tag selector
   3. Inserting tags with the Tag Chooser
   4. Inserting and editing comments
   5. Working in the Code view
   6. Modifying the Code View Workspace
   7. The Coding toolbar
   8. Collapsing and expanding tags and code blocks
   9. Validating your code
   10. Highlighting and correcting invalid code
   11. Running a Report
   12. Formatting code
   13. Indenting
7. Building Web Forms
   1. Forms in everyday (web) life
   2. How forms work
   3. Building a contact form
   4. Setting form properties
   5. Adding form elements
   6. Adding text fields
   7. Adding checkboxes
   8. Adding radio buttons
   9. Adding radio groups
   10. Adding lists and menus
   11. Adding a text area
   12. Adding a File Upload field
   13. Creating Submit and Reset buttons
   14. Styling forms with CSS
   15. Attaching external styles
   16. Setting a background color
   17. Styling form elements
   18. Applying the .label style
   19. Form processing and validation
   20. Adding form validation
   21. A look at the Behaviors panel
   22. Setting an event or trigger
   23. Previewing the button behavior
   24. Validating form fields
   25. Changing a form field's behavior order
   26. Verifying field contents
8. 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
9. 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. Adding meta keywords and descriptions
   22. Describing images with alternate text
   23. Launching your site
   24. Site Launch Checklist
   25. Uploading your site
   26. Getting help and using the reference guides
   27. The Reference panel
   28. Suggested next steps
10. Using Legacy Tools: Frames and Tables
    1. Starting up
    2. Legacy sites
    3. How frames work
    4. Advantages and disadvantages of frames
    5. Common frame usage
    6. Creating framesets
    7. Selecting frames
    8. Selecting framesets
    9. The Frames panel
    10. Setting frameset properties
    11. Setting frame properties
    12. Splitting a frame
    13. Dragging a frame border
    14. Specifying frame content
    15. Targeting frames
    16. Linking to outside web pages
    17. Using _top to replace a frameset
    18. Using tables for layout
    19. Tables versus CSS
    20. Inserting a table
    21. Selecting tables
    22. Modifying tables
    23. Setting table borders
    24. Merging cells
    25. Nesting a table inside a row.
    26. Specifying column widths
    27. Adding content to tables
    28. Adding another table
    29. Formatting tables

Class Materials

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

Students in private onsite classes will also receive:

• Dreamweaver CS5 Digital Classroom

Class Prerequisites

Experience in the following areas is required:

• Basic Dreamweaver

Experience in the following areas would be beneficial:

• HTML
• CSS
• JavaScript

Courses that can help you meet these prerequisites:

• HTML and CSS Primer for Dreamweaver Students
• Introduction to Dreamweaver CS5 Training

Technical Requirements

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

• Onsite and Instructor-led Online course technical requirements and setup instructions.
• WebEx system requirements for Instructor-led Online delivery option.

Potential Follow-on Classes

• Dreamweaver CS5 Training: Database-Driven Websites