Adobe Dreamweaver® CS5 is the industry-leading HTML editor for designing, coding, and developing websites, web pages, and web applications. Dreamweaver’s flexible workspaces, clean HTML code and deep feature set have earned it a reputation as the tool of choice for Web designers and developers. In this course, author, James Gonzalez applies his many years of experience teaching Dreamweaver to provide complete but clear, step-by-step demonstrations on how to use Dreamwaver CS5 to efficiently create attractive and effective web pages and sites. Work files are included. To begin learning Adobe Dreamweaver CS5 today, simply click on one of the movie links.
Introduction to Dreamweaver CS5
Course Introduction What is Dreamweaver? Dreamweaver Support for HTML5 New Features pt. 1 New Features pt. 2 New Features pt. 3 Deprecated Features Covered in this Course Site Setup
About Dreamweaver Sites Creating a Dreamweaver Site Project Step 1a: Choosing Site Colors Project Step 1b: Site Setup Tips Project Step 2: Site Setup Dreamweaver Workspace
Views / Workspaces / Toolbars Insert Bar & Tag Selector The Properties Inspector & Files Panel History / CSS / Other Panels Setting Page Properties Customizing the Dreamweaver Workspace
Laying Out Your Pages
Layout Out Pages with AP DIVs & Tables
Laying Out AP DIVs Over a Tracing Image
Working with DIV Tags pt. 1
Working with DIV Tags pt. 2
Inserting Tables
Setting Table Properties in the PI
Setting Cell Properties in the PI
The Modify Tables Menu
Nesting Tables
Project Step 3: Creating Layout Mockups
Project Step 4: Laying Out Pages
Text
Cutting & PastingText
Opening Word Documents in Dreamweaver
Formatting Text
Searching & Replacing Text
Spell Checking Text
Working with Paragraphs
Working with Lists
Adding Special Text Characters
Project Step 5: Adding Text
Inserting Media
Image File Formats
Inserting Images
Setting Image Properties pt. 1
Setting Image Properties pt. 2
Inserting Image Objects
Optimizing Images
Inserting Flash SWF Content
Setting SWF Properties
Inserting Flash Video
Project Step 6: Adding Images
Using Cascading Style Sheets in Dreamweaver
What is CSS & Why Use It?
Style Cascade & Style Inheritance
The Tag Selector
The Class & ID Selectors
Context (Compound) Selectors
When to Use Which Selector
Creating Your First Styles
Applying Styles
Creating & Maintaining External Style Sheets pt. 1
Creating & Maintaining External Style Sheets pt. 2
Survey of CSS Properties pt. 1
Survey of CSS Properties pt. 2
Survey of CSS Properties pt. 3
CSS-Based Page Layouts
The Basics of CSS Layout Structure
The Box Model
CSS Block vs. Inline Display
CSS Containing Blocks
The DIV Tag
Child DIVs
Centering Layouts with Child DIVs
Normal & Absolute Positioning Schemes
Float Positioning Schemes
Positioning Properties
Relavive Positioning
Fixed Width Page Layouts
Liquid Page Layouts
Elastic & Variable Fixed Width Layouts
Project Step 7a: Adding Curved CSS Borders
Project Step 7b: Formatting Content with CSS
Links
About Pathnames
How Relative Paths Work
Document Relative Paths
Site Root Relative Paths
Linking to Files
Linking to Specific Locations in a Document
E-Mail Links
Checking & Testing Links
Updating Links Automatically
Creating Forms
About Client-Side Forms
Creating a Form
Inserting Form Objects
A Survey of Form Objects
Project Step 8a: Adding Titles & Headings
Project Step 8b: Adding a Form
Library Items
About Library Items
Possible Applications of Libraries
Creating Library Items
Inserting & Updating Libraries
Library Management Tips
Behaviors / Spry Widgets / Spry Effects
About Behaviors
The Validate Form Behavior
The Check Plug-in Behavior
THe Open Browser Window Behavior
Show-Hide Elements Behavior
About the Spry Framework & Widgets
About the Spry Menu Bar
Modifying the Appearance of Spry Menus
Inserting a Spry Accordian
Spry Effects
Project Step 9a: Adding Text Navigation
Project Step 9b: Adding a Spry Menu
Manageing Dreamweaver Sites
Setting up the Site Cache
Checking Links
Synchronizing Local & Remote Files
Checking In & Checking Out Files
Project Step 10: Completing the Site
Extending Dreamweaver
About Dreamweaver Extensions
Extensions & the Dreamweaver Exchange Site
Extensions & the Adobe Widget Browser
The Adobe Extension Manager
Conclusion
Course Wrap up
Credits
About Your Instructor