Adobe Dreamweaver CS3 Website Development

Duration: 3 days
Time: 10am - 6pm. Breaks are scheduled throughout the day and lunch is typically scheduled between 12-1pm
Course Materials: Vendor Authorized Courseware provided
Locations: Reston, VA / On-Site
Related Courses:
Cost: $1495
Registration: Click Here to Register

Course Synopsis

Adobe Dreamweaver Website Development is a 3-day course that provides web designers with the knowledge and hands-on practice they need to build and manage professional web sites using industry standard for professional web development and design. This class introduces the student to the fundamentals of Dreamweaver with an emphasis on best practices and current web standards.

Who Should Attend

This course is for people new to web design and development and would like to use Dreamweaver to build intuitive, attractive and accessible web sites. This class will cover design techniques as well as best practices for CSS and design standards.

Prerequisites

Because of the amount of material we cover in class, we do require students to be comfortable using a mouse, opening and saving files, and the general operations of computers. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What You Will Learn

Dreamweaver Interface Basics
Getting started with web design and layout
Working with text and images
Creating links and anchors
Designing for devices with CS3
Building Successful Site Navigation
Building forms in Dreamweaver
Fireworks CS3 integration
Accessibility and Standards
Site maintenance

LESSON PLANS

Web Basics
HTML vs. XHTML
What is CSS?
What is XML?
What is DHTML?
What is JavaScript?
File Naming Conventions
What is an Index Page?

Exploring the Interface
Touring the Interface
Setting a Default Workspace
Saving Workspace Layouts
Defining a Default Browser Using Shortcut Keys

Managing Your Sites
What Is a Local Root Folder?
Defining a Site
Understanding Relative and Absolute URLs
Managing Files and Folders
Understanding Path Structure
Understanding Site Root and Document Relative Links
Creating Site Maps
Creating a Site From Scratch
Deleting a Site Definition

Learning The Basics
Creating and Saving a New Document
Understanding the Significance of Default Documents
Setting Page Titles
Inserting Images
Inserting Text
Aligning Text and Images
Creating Links With Images and Text
Inserting <meta> Tags

Linking Linking With Point To File
Linking To New Source Files
Creating E-mail Links
Creating Named Anchors
Linking To Files

Working with Cascading Style Sheets
Understanding the CSS Specifications
Understanding the Cascading Part of Style Sheets
The Anatomy of a Style Sheet
Understanding Page Properties
Using the Page Properties Dialog Box
Types of Style Sheets
Exporting and Linking CSS Files
Using the CSS Style Panel
Understanding CSS Selectors
Understanding Type Selectors
Creating Type Selectors
Understanding ID Selectors
Creating ID Selectors
Understanding Class Selectors
Creating Class Selectors
Creating CSS Rollovers with Pseudo-Classes

Working With Typography
Leaving the <font> Tag Behind
Using Valid XHTML Typographic Elements
Formatting With The Property Inspector
What Measurement Should You Use?
Managing White Space With Margins, Padding, and Line Height
Using Font Lists
Aligning Text Using Ordered, Unordered, and Defi nition Lists
What is Flash Text
Creating Flash Text

Tables
About Tables
Tables in Code view
Creating and Adding Content to Tables
Changing Table Borders with XHTML
Coloring Tables with XHTML and CSS
Aligning Table Content
Sorting Tables
Setting Table Widths
Creating Rounded-Corner Tables

Web Page Layout
Dreamweaver’s Layout Tools
Tracing Images
Adding AP Div Tags
Modifying AP Div Tags
Adjusting Table Widths and Nesting Tables

Designing for Devices
What is a Device?
Attaching a Printer-Friendly Style Sheet Styling for Print
Adobe Device Central 2

Rollovers
Rollover Rules
Creating Simple Rollovers
Creating Disjointed Rollovers
Creating Navigation Bars with Multiple States
Creating Flash Buttons

XHTML
Viewing the Code
Editing in Code View
The Code Toolbar
Working with Code Collapse
The Quick Tag Editor
Working with snippets

Building Forms
About Forms
Adding Text Fields
Adding Checkboxes and Radio Buttons
Adding Lists and Menus
Submitting Form Results
Styling Form Elements with CSS

Essential Behaviors
Opening a New Browser Window
Creating a Popup Message
Validating Text Fields
Getting More Behaviors
Removing Extensions

Fireworks and Photoshop Integration
Inserting Media Objects
External Image Editor Preferences
About media Objects
Built-in Image Editing Tools
Linking to Audio and Video Files
Roundtrip Editing from Dreamweaver to Fireworks or Photoshop
Embedding Audio and Video Files
Setting Parameters
Copying and Pasting
Inserting Flash Content
Inserting Flash Video

Templates and Library Items
Templates in action
Creating a New Template
Applying Templates
Modifying a Template
Adding Repeating Regions
Working with Repeating Regions
Adding Optional Regions
Creating a Library Item
Modifying a Library Item

What is Spry?
Using Spry Tools
Using Spry Widgets
Adding a Spry Table
Adding Spry Detail Regions
Adding an XML Data Source
Adding Spry Form Fields
What is Ajax?

Automation in Dreamweaver CS3
Using the History Panel
Saving History Steps as Commands
Using Find and Replace

Accessibility
W3C Accessibility Guidelines
Accessibility Preferences
Inserting Accessible Images
Inserting Accessible Tables
Inserting Accessible Form Objects

 

 

 

Adobe Dreamweaver CS3: Advanced Development

Duration: 3 days
Time: 10am - 6pm. Breaks are scheduled throughout the day and lunch is typically scheduled between 12-1pm
Course Materials: Vendor Authorized Courseware provided
Locations: Reston, VA / On-Site
Related Courses:
Cost: $1495
Registration: Click Here to Register

Course Synopsis

Adobe Dreamweaver CS3: Application Development provides students with the knowledge and hands-on practice they need to build and manage dynamic websites using Dreamweaver CS3. In this course, you’ll learn how to connect to a database, search and display results, and build a page to update the database. If you’ve always dreamed of building a more advanced, data-powered site, but didn’t know where to start, then this course is for you.

Who Should Attend

This course is for people new to Dreamweaver (or who have used it only to build static web sites) that want to use it to create data-driven web applications. To take this course, you should:

Be comfortable working with the Windows operating system.
Be familiar with web terminology.
Be comfortable with what is required to develop a static web application.
Have completed the Adobe Dreamweaver CS3: Website Development course or have equivalent experience.

Prerequisites

Because of the amount of material we cover in class, we do require students to be comfortable using a mouse, opening and saving files, and the general operations of computers. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What You Will Learn

Database Panel and Application Wizards
Basics of Dynamic App Dev
Working with a Database and Dreamweaver
Basics of Drill-Down Interface • Building Recordsets and Binding Data to a Page
Server Debug Options
SQL - INSERT, UPDATE, SELECT, and DELETE
Security and Login
Creating a Dynamic Search Interface

LESSON PLANS

Introduction
Understanding the course format
Reviewing the course objectives and prerequisites
Looking at the course outlines

Getting Started
Understanding static vs. dynamic pages
Working with sites in Dreamweaver
Learning Dreamweaver interface basics
Developing dynamic pages
Including common code

Using the Database Panel
Using databases on the web
Creating a database connection
Using the Database panel
Using the Bindings panel to create a simple recordset
Creating an advanced recordset using joins

Binding Data to a Page
Binding data to a page
Using Live Data View
Formatting data using the Bindings panel
Inserting a dynamic image

Customizing Recordset Display
Introducing Server Behaviors
Displaying all rows in a recordset using Repeat Region
Introducing Application Objects
Using the Recordset Navigation Bar to page through recordsets
Displaying Recordset Navigation Status
Using the Server Debug View

Creating Drill-down Interfaces
Creating a drill-down interface
Generating dynamic links
Using dynamic filters in SQL
Using the Dynamic Table Application Object
Creating a master-detail page set

Creating a Search Interface
Reviewing HTML Forms
Creating dynamically populated drop-down menus
Creating fi ltered recordsets

Inserting Rows into a Table
Creating a form and using the Insert Record Server Behavior
Validating form data using Behaviors
Creating dynamic form elements
Using the Recordset Insertion Form Application Object

Updating Rows
Creating an interface for updating data
Displaying results in a table using the Dynamic Table Application Object
Creating a pre-filled form for the row to update
Using URL parameters
Using the Record Update Form Application Object
Manually creating a form and applying an Update Record Server Behavior

Deleting Rows
Understanding the delete process
Creating a delete confi rmation page
Passing hidden data in a form
Using a SQL Delete statement
Using the Delete Row Application Object

Authenticating Users
Setting and retrieving cookies
Authenticating users with a web application
Building the registration pages
Building the log-in page
Restricting access to pages