Overview
-
Discover how to build web sites, web applications, and prototypes in Dreamweaver CS6.
Syllabus
-
Adobe Dreamweaver
- What is Dreamweaver?
- Welcome
- Using the exercise files
- Learning web design
- 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
- 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
- Creating new documents
- Setting up new document preferences
- Setting accessibility preferences
- Working with starter pages
- Managing starter pages
- Getting text into Dreamweaver
- Importing Word documents
- Adding structure to text
- Creating lists
- Creating definition lists
- Using the Quick Tag Editor
- Exploring the Code toolbar
- Setting code preferences
- Using code hints
- Wrapping tags
- Adding comments
- Using snippets
- Formatting source code
- 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
- 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
- Link basics
- Setting site linking preferences
- Creating links in Dreamweaver
- Using absolute links
- Using named anchors
- Creating an email link
- Creating CSS-based rollovers
- Reviewing table structure
- Importing tabular data
- Creating accessible tables
- Exploring basic table styling
- Styling alternate rows
- Creating custom table borders
- 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
- Adding CSS3 transitions
- Spry overview
- Using Spry widgets
- Adding Spry effects
- Using the Widget Browser
- Extending Dreamweaver
- Additional resources
