Dreamweaver CS6 Essential Training

Discover how to build web sites, web applications, and prototypes in Dreamweaver CS6.

Adobe Dreamweaver

• What is Dreamweaver?

Introduction

• Welcome
• Using the exercise files
• Learning web design

1. The Dreamweaver Interface

• Looking at the Welcome screen
• Exploring Windows and Mac interface differences
• Arranging panels
• Managing workspaces
• Exploring the Application toolbar
• Exploring the Document toolbar
• Working with the Property inspector
• Using the Insert panel

2. Site Control

• Understanding basic site structure
• Exploring file naming conventions
• Defining a new site
• Managing files and folders
• Adding remote servers
• Uploading files
• Previewing in browsers
• Managing multiple sites

3. Creating New Documents

• Creating new documents
• Setting up new document preferences
• Setting accessibility preferences
• Working with starter pages
• Managing starter pages

4. Adding and Structuring Text

• Getting text into Dreamweaver
• Importing Word documents
• Adding structure to text
• Creating lists
• Creating definition lists
• Using the Quick Tag Editor

5. Coding in Dreamweaver

• Exploring the Code toolbar
• Setting code preferences
• Using code hints
• Wrapping tags
• Adding comments
• Using snippets
• Formatting source code

6. Managing CSS

• Setting CSS preferences
• An overview of the CSS Styles panel
• Creating a new CSS rule
• Using the CSS Rule Definition dialog
• Organizing styles
• Modifying style properties
• Controlling CSS through the Property inspector
• Attaching external style sheets
• Using CSS visual aids
• Using CSS Inspect
• Using the Code Navigator

7. Working with Images

• Managing assets in Dreamweaver
• Setting external image editing preferences
• Placing images on the page
• Exploring Photoshop integration
• Modifying Smart Objects
• Modifying image properties
• Styling images with CSS
• Using background graphics
• Positioning background graphics

8. Creating Links

• Link basics
• Setting site linking preferences
• Creating links in Dreamweaver
• Using absolute links
• Using named anchors
• Creating an email link
• Creating CSS-based rollovers

9. Working with Tables

• Reviewing table structure
• Importing tabular data
• Creating accessible tables
• Exploring basic table styling
• Styling alternate rows
• Creating custom table borders

10. Working with Forms

• Understanding how forms work
• Reviewing form design
• Creating accessible forms
• Setting form properties
• Using the fieldset and legend tags
• Inserting text fields
• Inserting list menu items
• Inserting checkboxes
• Inserting radio button groups
• Inserting submit buttons
• Exploring basic form styling
• Exploring form element styling

11. Adding Interactivity

• Adding CSS3 transitions
• Spry overview
• Using Spry widgets
• Adding Spry effects
• Using the Widget Browser
• Extending Dreamweaver

Conclusion

• Additional resources