In Adobe Dreamweaver CS4 - Essential Training, instructor, author, and trainer Zak Ruvalcaba delves into the many powerful features of the latest version of this powerful web design application. This 17 hour DVD covers everything from the simplest basics of using Dreamweaver CS4 to applying it to develop a fully interactive and engaging web site. Zak explains the new interface features, and demonstrates how to create, edit, manage, design, and publish a professional web site with Dreamweaver CS4 and complementary applications.
- Navigate the new Dreamweaver CS4 interface
- Create web pages with basic and advanced formatting
- Upload web pages to a web hosting provider
- Integrate tables for structuring purposes
- Link between web pages
- Work with forms and form objects
- Format web pages using Cascading Style Sheets (CSS)
- Work with structuring techniques using CSS and DIV tags
- Automate workflow's using templates and library items
- Automate tasks using Commands, the Assets panel, and Snippets
- Use team collaborative features like design notes and reports
- Insert and work with Flash movies within your web pages
- Use behaviors and Spry Effects to simplify JavaScript development
- Create engaging and interactive functionality with Spry Widgets
- Incorporate XML data into your web pages using Spry DataSets
Module 1 - The Dreamweaver Interface
What is Dreamweaver?
What are we Building with Dreamweaver?
Navigating the Dreamweaver Workspace
The Document Window
Document Toolbar
Status Bar
The Properties Inspector
Panels and Panel Groups
Customizing your Environment
Creating a Site
Using the FTP Client
Module 2 - Building a Web Page
Setting Up
Creating a New Page
Formatting Text with HTML vs. CSS
Working with Text
Working with Word Documents
Line Breaks versus Paragraph Breaks
Headings and Paragraphs
Working with Font Weights
Working with Lists
Indenting
Spell Checking
Adding a Horizontal Rule
Adding a Date Stamp
Modifying Page Properties
Working with Images / Image Formats
Inserting Images
Setting Image Properties
Module 3 - Tables for Structuring
Tables for Web Page Structuring
Inserting Tables
Modifying Table Properties
Selecting & Modifying Table Cells
Adding & Removing Columns & Rows
Resizing, Splitting, & Merging Table Cells
Adding Content to Tables
Nested Tables
Tracing Images
Module 4 - Working with Hyperlinks
Working with Links
Absolute vs. Relative Links
Text & Image Links
Email Links
Named Anchors
Working with Targets
Image Maps
Changing Link Colors
Changing and Checking Links
Module 5 - Templates and Library Items
Working with Templates and Library Items
Understanding Library Items
Creating a Library Item
Inserting Library Items
Managing Library Items
Editing Library Items and Updating the Site
Understanding Dreamweaver Templates
Creating and Saving Templates
Setting Editable Regions
Deriving a New Page from a Template
Creating an Editable Tag Attribute
Defining Optional Regions
Repeating Regions and the Repeating Table
Managing Templates
Removing Template Markup
Module 6 - Cascading Style Sheets (Part 1)
Why use CSS?
How CSS Works
Defining Styles
Selector Types
Using the CSS Panel
Using the CSS-Based Properties Inspector
The New CSS Rule Dialog
The Style Definition Dialog
Creating and Applying a Class
Creating and Applying a Dependant Selector
Creating and Applying a Pseudo Class
Document-Wide Style Sheets
Module 7 - Cascading Style Sheets (Part 2)
CSS versus Tables for Structure
Setting Up the Style Sheet
Creating the Container Rule
Creating the Header Rule
Creating the Nav Rule
Creating the Content Rule
Creating the Footer Rule
Building the Navigation Menu
Adding and Formatting Content
Using Pre-Designed CSS Layouts
Module 8 - HTML Forms
Forms Overview
Adding a Form
Text Fields / Password Fields / Textarea
Menus / List Boxes / Jump Menu
Checkboxes / Checkbox Group
Radio Buttons / Radio Group
Submit Button, Reset Button, and Image Field
Other Form Elements
Processing the Form Data
Module 9 - Behaviors
Adding Interactivity Using Behaviors
Applying Behaviors with the Behaviors Panel
Call JavaScript
Change Property
Check PlugIn
Effects Behaviors
Go to URL
Jump Menu and Jump Menu Go
Open Browser Window
Creating a Navigation Bar
Set Text Behaviors
Swap Image and Swap Image Restore
Validate Form
Other Behaviors and Deprecated Behaviors
Module 10 - Frames and Framesets
Frames and Framesets for Structure
Creating a Frames-based Layout
Using the Frames Panel
Modifying Properties
Saving Frames and Framesets
Linking to Frames
Module 11 - Workflow and Task Automation
Workflow Enhancement and Task Automation
The Assets Panel
Snippets
Design Notes
Custom File View Columns
The History Panel
The Reference Panel
Site Reports
Site Synchronization
Checking Links Sitewide
Using Find and Replace
Commands
Inserting Flash Files
Creating Custom Keyboard Shortcuts
Module 12 - The Spry Framework for AJAX
Introducing the Spry Framework
Working with Spry Validation
Spry Tabbed Panels
The Spry Accordion
The Spry Tooltip
Working with Spry Data Sets
Instructor: Zak Ruvalcaba
Zak Ruvalcaba has been researching, designing, and developing for the web
since 1995. He holds a Bachelor's Degree from San Diego State University and a Master of Science in
Instructional Technology from National University in San Diego. He served as Creative Director
with EPIC Solutions until 1998. His expertise in developing Web applications led him to a position
as Manager of Web Development at SkyDesk, Inc., where he developed Web applications for such
companies as Gateway, HP, Toshiba, IBM, Intuit, Peachtree, Dell, Covad Communications, and Microsoft.
He's worked for such companies as Wireless Knowledge (a Microsoft / Qualcomm company) as a wireless
software engineer developing web solutions for companies including Mellon Financial, Goldman Saks,
TV Guide, Healthbanks, The Gartner Group, Microsoft, Qualcomm, and Commerce One. His skill set
includes technologies and languages from HTML/XHTML, XML/XSLT/XPATH/XQUERY, JavaScript, CSS,
ASP, ASP.NET, VB, C#, ADO.NET, Web Services, SQL, T-SQL, Flash, ActionScript, and ColdFusion.
Aside from teaching and holding design lectures on various technologies and tools including HTML,
Dreamweaver, Flash, ASP.NET, ADO.NET, and Web Services for the San Diego Community College District,
Palomar College, and Mt. San Jacinto College, Zak Ruvalcaba is the author of the 10 Minute Guide to
Dreamweaver 4 on Que Publishing, Build Your Own ASP.NET Website using C# and VB on SitePoint Press,
Dreamweaver CS4 Unleashed on Sams Publishing, and Beginning Expression Web on Wrox Press.
Zak is a Microsoft Certified Application Developer for .NET (MCAD) and a Microsoft Certified
Solutions Developer for .NET (MCSD). He has also written numerous online articles involving Web
development, specifically ASP.NET technologies for Sitepoint.com as well as a featured cover story
in ASP.NET Pro Magazine's March 2005 issue.