Tutorials and Online Training Videos

Adobe Dreamweaver CS5 Tutorial


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


Related Books on Adobe Dreamweaver CS5







Save $80 on the
DROID BIONIC
by Motorola with Verizon Wireless service for less than from Verizon Wireless directly.
Save $80 on DROID BIONIC
More Cell Phone Discounts