| 1. Introduction |
|
|
| 2. Getting Started |
|
|
- Basic Site Structure
- What is an Index Page?
- Current Web Design Practices
- What is XHTML?
- What is JavaScript?
- What is CSS?
- File Naming Convention
|
|
|
|
3. The Dreamweaver Interface
|
|
|
- The Welcome Screen
- Windows and Mac Interface Differences
- The Application Toolbar
- The Document Toolbar
- Arranging Panels
- Managing Workspaces
- The Properties Inspector
|
|
|
|
4. Site Control
|
|
|
- Defining a New Site
- Managing Sites
- Managing Files and Folders
- Setting a Default Browser
|
|
|
|
5. Creating New Documents
|
|
|
- Creating New Documents
- DOCTYPE Declarations
- New Document Preferences
- Working with Starter Pages
|
|
|
| 6. Adding Text and Structure |
|
|
- XHTML Structure
- Structuring Content
- Creating Lists
- Getting Text into Dreamweaver
- Importing Word documents
|
|
|
| 7. CSS Foundations |
|
|
- Understanding style sheets
- Anatomy of a CSS rule
- Setting CSS preferences
- The CSS Styles panel
- Controlling CSS through the Properties Inspector
- Using the Code Navigator
- Understanding Element Selectors
- Understanding Class Selectors
- Understanding ID Selectors
- Understanding Descendent Selectors
- Attaching external style sheets
|
|
|
| 8. Controlling Typgraphy |
|
|
- Working with units of measurement
- Declaring font families
- Controlling font sizing
- Controlling weight and style
- Controlling line height
- Controlling vertical spacing with margins
- Controlling spacing with padding
- Aligning text
- Transforming text
- Using the cascade to control styling
|
|
|
| 9. Working with Images |
|
|
- Understanding image types
- Managing assets in Dreamweaver
- Setting image accessibility preferences
- Placing images on the page
- Modifying image properties
- Customizing images through CSS
- Photoshop integration
- Setting external image editing preferences
- Modifying Smart Objects
- Alternate Photoshop workflows
- Using background graphics
|
|
|
| 10. Creating Links |
|
|
- Link basics
- Setting site linking preferences
- Creating links in Dreamweaver
- Absolute links
- Using named anchors
- Linking to named anchors in external files
- Creating an email link
- Creating CSS-based rollovers
|
|
|
| 11. Controlling Layout with CSS |
|
|
- CSS structuring basics
- Structuring with DIV tags
- The Box Model
- Understanding floats
- Clearing and containing floats
- Using relative positioning
- Using absolute positioning
- Using fixed positioning
|
|
|
| 12. Working with Tables |
|
|
- Reviewing table structure
- Importing tabular data
- Creating accessible tables
- Using thread and body tags
- Basic table styling
- Styling table headers
- Styling column groups
- Creating custom table borders
- Adding user interactivity to tables
- Styling table captions
|
|
|
| 13. Working with Forms |
|
|
- How forms work
- Reviewing form design
- Creating accessible forms
- Setting form properties
- The fieldset and legend tags
- Inserting text fields
- Inserting list menu items
- Inserting radio button groups
- Inserting checkboxes
- Inserting text areas
- Inserting submit buttons
- Styling form elements
- Adding form interactivity
- Using Spry validation widgets
|
|
|
| 14. Building Templates |
|
|
- Planning for templates
- Creating a new template
- Creating editable attributes
- Creating new pages from a template
- Applying templates to existing pages
- Working with nested templates
- Working with repeating regions
- Modifying templates
|
|
|
| 15. Adding User Interactivity |
|
|
- Behaviors overview
- Getting more behaviors
- Creating disjointed rollovers
- Hiding and showing elements
- Spry overview
- Using Spry widgets
- Adding Spry widgets
- Using Live View and Related Files
|
|
|
| 16. Working with Flash and Video |
|
|
- Inserting Flash files
- Setting properties for Flash
- Dreamweaver and Flash integration
- Encoding Flash video
- Adding Flash video
|
|
|
| 17. Automating Efficient Workflows |
|
|
- Using the History palette
- Saving history steps with commands
- Creating library items
- Updating library items
- Using Find and Replace
|
|
|
| 18. Coding in Dreamweaver |
|
|
- The Code toolbar
- Setting code preferences
- Using code hints
- Adding comments
- Finding syntax errors
|
|
|
| 19. Managing Sites |
|
|
- Running sitewide reports
- Checking for broken links
- Validating markup
- Checking for browser compatibility
- Entering remote information
- Synchronizing sites
- Updating and publishing files
|
|
|
| 20. Conclusion |
|
|
| 21. Questions |
|
|
| 22. Resources for Additional Skill Development |
|
|
| 23. Where do you go from here? |
|
|