Advanced Adobe Dreamweaver CS6

Advanced Adobe Dreamweaver CS6

Bascom Bridge’s Advanced Adobe Dreamweaver CS6 training teaches attendees how to create more sophisticated web pages and manage their web sites. Students will master using Dreamweaver Behaviors, adding Flash objects, working with forms, and creating mobile sites using Dreamweaver CS6.



  • Customize the Dreamweaver CS6 work area
  • Work with Flash animation in Dreamweaver CS6
  • Create reusable page elements and templates
  • Use the code editing features
  • Create forms
  • Use the Spry Framework to add interactivity
  • Work with dynamic data and XML
  • Create layouts optimized for mobile devices
  • Manage your website
  • Publish a site created in Dreamweaver CS6 to the web
  • Understand advanced new features unique to Dreamweaver CS6


All attendees must have taken Bascom Bridge’s  Introduction to Adobe Dreamweaver CS6 or have equivalent experience.


All students will receive a copy of Wiley’s Dreamweaver CS6 Digital Classroom.


  • Adobe Dreamweaver CS6 or later (for Windows or Mac)
  • A recent version of Chrome, Firefox, Internet Explorer, or Safari web browser
  • Related lab files that Accelebrate will provide
  • For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor’s screen simultaneously with working on their own.


  • Introduction
  • Review of Dreamweaver CS6 basics
  • Fine-Tuning Your Workflow
    • Customizing panels and panel groups
    • Using the Favorites tab on the Insert bar
    • Resizing the document window
    • Changing the Zoom level
    • Using guides
    • Using grids
    • The tag selector
    • Tiling documents
  • Adding Flash, Video, and Sound Content
    • Making web content interesting
    • Inserting Flash movies
    • Adding video
    • Flash Video
    • QuickTime video and Windows Media
    • Inserting sound
  • Maximizing Site Design
    • Creating modular page elements
    • Introducing snippets
    • The Snippets panel
    • Creating new snippets
    • Introducing library items
    • Modifying and updating library items
    • Introducing templates
    • Creating a new template
    • Working with editable regions
    • Creating new pages from templates
    • Modifying templates
    • Repeating regions
    • Putting repeating regions into action
    • Detach from Template command
  • Working with Code-editing Features
    • Working with code 296
    • Accessing code with the Quick Tag editor
    • Inserting tags with the Tag Chooser
    • Inserting and editing comments
    • Using HTML5 Code-hinting
    • Working in the Code view
    • Modifying the Code view workspace
    • The Coding toolbar
    • Collapsing and expanding tags and code blocks
    • Validating your code
    • Highlighting and correcting invalid code
    • Running a Report
    • Formatting code
    • Indenting
  • Building Web Forms
    • The basics of HTML forms
    • How forms work
    • Building a contact form
    • Inserting the form tag
    • Setting form properties
    • Adding form elements
    • Adding text fields
    • Adding checkboxes
    • Adding radio buttons
    • Adding radio groups
    • Adding lists and menus
    • Adding a text area
    • Adding a File Upload field
    • Creating Submit and Reset buttons
    • Styling forms with CSS
    • Attaching external styles
    • Setting a background color
    • Styling form elements
    • Form processing and validation
    • Adding form validation
    • A look at the Behaviors panel
    • Setting an event or trigger
    • Validating form fields
    • Changing a form field’s behavior order
    • Verifying field contents
  • Adding Interactivity with the Spry Framework
    • Introducing the Spry Widgets
    • The Spry framework for AJAX
    • What is AJAX?
    • A look at the project
    • The Spry Menu bar
    • Customizing Spry Widgets with CSS
    • The Spry Tabbed panel
    • The Spry Accordion panel
    • The Spry Collapsible panel
    • Working with Spry Data Widgets
    • What is XML?
    • Creating a Spry XML data set
    • Adding a Spry Data Widget: The Spry Repeat List
    • Styling and fine-tuning data widgets
  • Mobile Design and Layout
    • The rise of the mobile web
    • Dreamweaver tools for mobile layout
    • Mobile website features in Dreamweaver
    • Viewing your web page with the Multiscreen feature
    • Media Queries defined
    • Creating a site-wide media query file
    • Organizing your style sheets
    • Creating a layout optimized for mobile
    • Creating styles for navigation and a single-column layout
    • The basics of Fluid Grid Layout
    • Creating your mobile layout
    • Creating a tablet layout
    • Creating a three-column fluid layout for the desktop
    • Styling elements in your fluid grid layout
  • Managing your Website: Reports, Optimization, and Maintenance
    • Working with the Files panel
    • Creating a remote connection
    • Viewing files on a remote web server
    • Transferring files to and from a remote server with Get and Put
    • Using Check In/Check Out and Design Notes
    • Check In and Check Out
    • Checking files in and out
    • Using Design Notes
    • Sharing Design Notes
    • Displaying Design Notes in the Files panel
    • Testing site integrity
    • Using Check Links
    • Checking links sitewide
    • Generating site reports
    • Understanding report results
    • Addressing a listed item
    • The Browser Compatibility Check
    • Optimizing pages for launch
    • Search engine visibility and Search Engine Optimization
    • Titling your documents with the <title> tag
    • Adding meta keywords and descriptions
    • Launching your site
    • Site Launch Checklist
    • Uploading your site
    • Getting help and using the reference guides
    • The Reference panel
    • Suggested next steps
    • Website design resources
  • Advanced Features Unique to CS6
    • Fluid Grid Layout
    • CSS transitions
    • Web fonts
    • jQuery Mobile Swatches
    • PhoneGap Build Service
    • New Features in Dreamweaver CS5.5
    • CSS3 and HTML5 authoring support
    • jQuery Mobile integration
    • Support for building native mobile apps for iOS and Android with PhoneGap
    • W3C Validation
  • Conclusion

Send a Comment

Your email address will not be published.


+91 9376007676  



Advanced Adobe Dreamweaver CS6

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
  • Course No : DW-109
  •  Theory : 40%
  •  Lab : 60%
  • Duration : 12 hours
Scroll Up
Skip to toolbar