English French German Italian Portuguese Russian Spanish


  • Adobe Training

    adobeInterSource offers live instructor-led courses on all Adobe technologies, including Acrobat, ActionScript, AfterEffects, Captivate, ColdFusion, Contribute, Dreamweaver, Fireworks, Flash, Flex, FrameMaker, Illustrator, InDesign,Photoshop, Premiere Pro, and RoboHelp.

    Please refer to our detailed course outlines below.

  • About Adobe

    Following the acquisition of its former arch-rival Macromedia, Adobe Inc. has assumed a place of unrivalled dominance in the fields of multimedia, graphic and print production. In many of these domains, Adobe products are the technology-defining industry standards. These include:

    • Photoshop, InDesign, Fireworks and Illustrator to create and manipulate documents and images;
    • ColdFusion and Content Server for database management and server requirements;
    • Flash and Flex and for more interactive, dynamic sites and rich internet applications;
    • FrameMaker for authoring documents and creating efficient, reusable templates;
    • Acrobat, for creation of Portable Document Format (PDF), the industry standard for portable content;
    • Dreamweaver and Adobe Contribute for Web design;
    • Premiere Pro and Adobe After Effects for Video editing and visual effects.
    • RoboHelp for providing context-sensitive Help internal to the application;
    • and finally Adobe Captivate for the creation of eLearning software.

    Extensive product descriptions, video demonstrations, and trial downloads are available for each application at the Adobe website.

    Read More
  • Course Details Adobe

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

Comprehensive Dreamweaver CS6 Training

 PDF PrintEmail

Course duration

  • 4 Days

Course Outline

In this Dreamweaver training class, students receive a comprehensive introduction to using Dreamweaver CS6 to create websites based on HTML, CSS and JavaScript. The class starts with the basics of creating a simple web page, but by the end of class students will be able to efficiently create dynamic and accessible web sites using Dreamweaver Templates, Library Items, Code Snippets.

We can also add a day at the beginning of class to cover HTML and CSS basics or a day at the end to teach how to create a dynamic database-driven website with Dreamweaver CS6 using ColdFusion, PHP or ASP Classic.

  • Learn to define a site in Dreamweaver.
  • Learn to format text with Dreamweaver.
  • Learn to work with lists and nested lists.
  • Learn to add images, image maps, and rollover images.
  • Learn to work with tables.
  • Learn to format pages with CSS.
  • 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.
  • HTML
  • CSS
  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Dynamic HTML
      5. Ajax
      6. Adobe Flash
    2. Server-side Programming
      1. Perl
      2. ColdFusion
      3. Active Server Pages
      4. Java EE
      5. ASP.NET
      6. PHP
      7. Ruby on Rails
  2. Getting Started with Dreamweaver
    1. The Role of Dreamweaver
    2. Welcome Screen
    3. Dreamweaver Workspaces
    4. Creating HTML Pages
    5. Code View vs. Design View
    6. The Dreamweaver Interface
      1. Panels
      2. Insert Panel
      3. Properties Inspector
      4. CSS Styles Panel
      5. Files Panel
    7. Dreamweaver CC Setup of Deprecated Data Tools
    8. Previewing Your Page in the Browser
      1. Preview in Browser
      2. Live View
    9. Setting up a Web Site
    10. Edit Preferences
  3. Creating HTML Pages
    1. Understanding HTML Doctypes
    2. Adding a Title to Your Page
    3. Paragraphs, Headings and Blockquotes
      1. Paragraphs
      2. Headings
      3. Blockquotes
    4. Breaks and Horizontal Rules
    5. Special Characters
  4. Links
    1. Adding Links
    2. Absolute vs. Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Anchors
    6. Quick Tricks for Adding Links in Dreamweaver
      1. Point to File
      2. Browse for File
      3. Drag File from Files Panel
  5. Images
    1. Inserting Images
      1. Accessibility Attributes
      2. Image Properties
    2. Image Links
    3. Rollover Images
    4. Image Maps
    5. Inserting Photoshop .psd documents directly - Photoshop Smart Objects
  6. Lists
    1. Ordered and Unordered Lists
      1. Nesting Lists
      2. Converting Lists
    2. Definition Lists
    3. Converting Existing Content to Lists
  7. Tables
    1. Adding a Table to your Page
    2. Sorting Tables
    3. Modifying Tables
      1. Inserting Rows
      2. Inserting Columns
      3. Inserting Multiple Rows or Columns at One Time
      4. Merging Cells
      5. Splitting Cells
    4. Importing Data into Tables
    5. Dreamweaver and Styling Tables
  8. Styling Content
    1. HTML Structure
      1. HTML Elements
      2. Attributes
      3. Blocks and Inline Elements
    2. CSS Rules
    3. Selectors
      1. Type Selectors
      2. Descendant Selectors
      3. Class Selectors
      4. ID Selectors
      5. ID vs. Class
    4. Modifying the Rule
      1. Making Sure the CSS File Saves
    5. CSS Properties
      1. Type
      2. Background
      3. Block
      4. Box
      5. Border
      6. List
    6. The Cascade
      1. Embedded Style Sheets
      2. Inline Styles
    7. Units of Measurement
  9. Creating Page Layouts with CSS
    1. Starting Up
    2. The CSS 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. 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
  19. 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
  20. 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 CS6
    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

Adobe Dreamweaver CS6 Digital Classroom [Paperback]

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).

InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)

For an overall view of our offerings, please visit us at www.intersource.ch.