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.

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