Advanced Adobe Dreamweaver CS6 Training

This 2 day advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver’s more advanced features. After this advanced Dreamweaver CS6 class, you’ll be able to efficiently create sophisticated websites.


  • Learn to layout pages with CSS.
  • Learn to make better use of the Dreamweaver CS6 interface.
  • Learn to insert Flash video and sound.
  • Learn to create and reuse Dreamweaver CS6 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.


  1. Creating Page Layouts with CSS
    1. Starting Up
    2. The SS Box Model
    3. The Basics of CSS Margins, Padding, and Borders
    4. Reviewing the <div> Element
    5. Reviewing the ID Selector
    6. Creating a Centered Container for Your Page
    7. Making Layouts Cross-browser Compatible
    8. Absolute versus Relative Positioning
    9. Positioning Content with AP Divs
    10. Creating a Header Section with the Draw AP Div
    11. Adding an Introduction Section to Your Page
    12. Adding Images to Your Layout
    13. Photoshop Integration
    14. Adding Main and Sidebar Content Areas
    15. Adding Additional content and Styles
    16. Setting Margins and Borders
    17. Overriding Default Margins in CSS
    18. Adding Borders to Elements
    19. Future Proofing Your Layout
    20. The Pros and Cons of Absolutely Positioned
    21. CSS Layouts
  2. Advance Page Layout
    1. Starting Up
    2. Layout with AP divs versus Layout with Floats
    3. Creating a Floated Image
    4. Creating Columns with HTML and CSS
    5. Creating the HTML Structure with div Elements
    6. Setting the Width and Floating the Columns
    7. Using the Clear Property
    8. Creating a List-based Navigation Bar
    9. Changing Column Layout and Size
    10. Creating the Appearance of Equal Height Columns
    11. Browser Compatibility
    12. Adding Code for IE 6
    13. Applying Finishing Touches
    14. Creating More Sophisticated Layouts
    15. Dreamweaver Fluid Grid Layout
  3. CSS Transitions and Web Fonts
    1. Starting Up
    2. Understanding the Role of CSS3
    3. Adding a CSS Transition
    4. Modifying a CSS Transition
    5. Adding CSS Transitions to a Navigation Menu
    6. The Basics of Web Fonts
    7. Adding Web Fonts to Your Site
    8. Styling Your Heading with a Web Font
  4. Fine-tuning Your Workflow
    1. Starting Up
    2. Customizing Panels and Panel Groups
    3. Using the Favorites Tab on the Insert Bar
    4. Resizing the Document Window
    5. Changing the Zoom Level
    6. Using Guides
    7. Using Grids
    8. The Tag Selector
    9. Tiling Documents
  5. Adding Flash, Video, and Sound Content
    1. Starting Up
    2. Making Web Content Interesting
    3. Inserting Flash Movies
    4. Adding Video
    5. Flash Video
    6. QuickTime Video and Windows Media
    7. Inserting Sound
  6. Maximizing Site Design
    1. Starting Up
    2. Creating Modular Page Elements
    3. Introducing Snippets
    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
  7. Working with Code-editing Features
    1. Starting Up
    2. Working with Code
    3. Accessing code with the Quick Tag Editor
    4. Inserting Tags with the Tag Chooser
    5. Inserting and Editing Comments
    6. Using HTML5 Code-hinting
    7. Working in the Code View
    8. Modifying the Code View Workspaces
    9. The Coding Toolbar
    10. Collapsing ad Expanding Tags and Code Blocks
    11. Validating Your Code
    12. Highlighting and Correcting Invalid Code
    13. Running a Report
    14. Formatting Code
    15. Indenting
  8. Building Web Forms
    1. The Basics of HTML Forms
    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. Creating Submit and Reset Buttons
    18. Styling Forms with CSS
    19. Attaching External Styles
    20. Setting a Background Color
    21. Styling form Elements
    22. Form Processing and Validation
    23. Adding Form Validation
    24. A Look at the Behaviors Panel
    25. Setting and Event or Trigger
    26. Validating Form Fields
    27. Changing a Form Field’s Behavior Order
    28. Verifying Field Contents
  9. Adding Interactivity with the Spry Framework
    1. Starting Up
    2. Introducing the Spry Widgets
    3. The Spry Framework for AJAX
    4. What is AJAX?
    5. A Look at the Project
    6. The Spry Menu Bar
    7. Customizing Spry Widgets with CSS
    8. The Spry Tabbed Panel
    9. The Spry Accordion Panel
    10. The Spry Collapsible Panel
    11. Working with Spry Data Widgets
    12. What Is XML?
    13. Creating a Spry XML Data Set
    14. Adding a Spry Data Widget: The Spry Repeat List
    15. Styling and Fine-tuning Data Widgets
  10. Mobile Design and Layout
    1. Starting Up
    2. The Rise of the Mobile Web
    3. Dreamweaver Tools for Mobile Layout
    4. Mobile Website Features in Dreamweaver
    5. Viewing Your web Page with the Multiscreen Feature
    6. Media Queries Defined
    7. Creating a Site-wide Media Query File
    8. Organizing Your Style Sheets
    9. Creating a layout Optimized for Mobile
    10. Creating Styles for Navigation and Single-column Layout
    11. The Basics of Fluid Grid Layout
    12. Creating Your Mobile Layout
    13. Creating a Tablet Layout
    14. Creating a Three-column Fluid Layout for the Desktop
    15. Styling Element in Your fluid Grid Layout
  11. Managing Your Website: 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. Checking Files in and out
    8. Using Design Notes
    9. Sharing Design Notes
    10. Displaying Design Notes in the Files Panel
    11. Testing Site Integrity
    12. Using Check Links
    13. Checking Links Sitewide
    14. Generating Site Reports
    15. Understanding Report Results
    16. Addressing a Listed Item
    17. The Browser Compatibility Check
    18. Optimizing Pages for Launch
    19. Search Engine Visibility and Search Engine Optimization
    20. Tiling Your Documents with the <title> Tag
    21. Adding Meta Keywords and Descriptions
    22. Launching Your Site
    23. Site Launch Checklist
    24. Uploading Your Site
    25. Getting Help and Using the Reference Guides
    26. The Reference Panel
    27. Suggested Next Steps
  12. Dreamweaver CS6 New Features
    1. What’s New in Dreamweaver CS6?
    2. Fluid Grid Layout
    3. CSS Transitions
    4. Web Fonts
    5. jQuery Mobile Swatches
    6. PhoneGap Build Service
    7. New Features in Dreamweaver CS5.5
    8. CSS3 and HTML5 Authoring Support
    9. jQuery Mobile Integration
    10. Support for Building Native Mobile Apps for iOS and Android with PhoneGap
    11. W3C Validation

To Hire a proven Adobe Dreamweaver CS6 Subject Matter Expert and Instructor who also teaches this class, call 800-798-3901 today!

Leave a Reply