Dreamweaver CS6 Essential Training

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

Discover how to build web sites, prototypes, and more in this course on Adobe Dreamweaver CS6. Author James Williamson shows designers how to take control of their site by properly naming and structuring files and folders; how to create new documents and web pages from scratch or with starter pages; and how to add content such as text, images, tables, and links. James also provides a background on the languages that power projects built in Dreamweaver—HTML and CSS—and introduces the programming features in the application, for developers who want to dig right into the code. The last chapter shows how to finesse your project with interactive content such as CSS3 transitions and Spry widgets.

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