- Adobe Dreamweaver CS3 Website Development
- Adobe Dreamweaver CS3: Advanced Development
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