Skip to Content

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

expand or collapse the menu Accessibility

expand or collapse the menu Web Development

expand or collapse the menu Adobe / Macromedia Web

expand or collapse the menu Programming

expand or collapse the menu Databases

expand or collapse the menu Professional Courses

expand or collapse the menu Adobe

expand or collapse the menu Microsoft SharePoint

expand or collapse the menu Technical

expand or collapse the menu Geographic (GIS)

expand or collapse the menu Microsoft Office

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

Dreamweaver - Level 1

2 day course

View Detailed Outline in PDF format

Get Adobe Reader

In this course, students develop the Dreamweaver and HTML skills needed to build attractive, dynamic and accessible websites. Web accessibility and standards compliance are ingrained in the content and exercises. DreamWeaver combines an easy-to-use WYSIWYG ("what you see is what you get") development environment with the capability to edit HTML code, either directly or through panels and dialog boxes. Students will create page layouts, images, tables and forms, apply color, create JavaScript behaviors and incorporate Flash. This course combines lecture and demonstration with plenty of hands-on exercises.

Course Topics:

(for a full detailed outline, visit our PDF link above)

Introduction

  • About XHTML, Web Content and Standards
  • The Basic Structure of a Web Document
  • Our Case Study Website

Building a Web Page in Dreamweaver

  • Dreamweaver's Interface, Panels & Panel Groups
  • Creating a New Web Page
  • Why the Title Element Matters
  • Adding and Formatting Text – Hey, what are styles?
  • Inline vs. Block-level elements
  • Bulleted & Enumerated Lists and Horizontal Rules

Images, Colors, and Backgrounds

  • Inserting and Working with Images
  • The Web Safe Color Palette
  • Colors and Backgrounds– Again, what are styles?
  • Adding Images and Color to your Site

Hyperlinks

  • Linking to Other Websites
  • Linking Among Pages on Your Website
  • Linking Within One Page and "Back to Top"
  • About Email Links
  • Using Buttons and Images as Links

Using Tables to Organize Data

  • Inserting and Formatting Tables in Web Pages
  • Dreamweaver's "Expanded View" for Tables
  • Table Resizing, Adding Rows and Columns
  • Joining/Splitting Cells, CellPadding and CellSpacing
  • Importing Table Data from Other Applications
  • Using Dreamweaver’s Preformatted Tables

Advanced Page Layout

  • Working in Layout View
  • What are Layers?
  • About Divs and Stylesheets for Positioning

Cascading Style Sheets & Dreamweaver

  • Some Background about CSS and the Web
  • Creating Dreamweaver Styles–Consciously or Not
  • Controlling Internal and External Style Sheets
  • Cascading and Inheritance
  • Editing Styles, and the CSS Properties Panel

ImageMaps in Dreamweaver

  • The Anatomy of an ImageMap
  • Working with ImageMaps in Dreamweaver

Meta Elements and Splash Pages

  • What is a Meta? What are Meta Tags Used For?
  • Search Engine Positioning / Create Splash Pages

Creating Web Forms

  • Anatomy of Web Forms–Requests and Responses
  • All Kinds of Form Elements - How They Work
  • Where Does the Data Go? – Server Stuff
  • Form Validation in Dreamweaver

Designing Dynamic Effects

  • Dynamic Behaviors and JavaScript
  • Creating RollOver Buttons and MouseOver Effects
  • Creating and Modifying Navigation Bars
  • Creating an Animation with Layers and Timelines

Working with Flash in Dreamweaver

  • What is Flash? What can it do?
  • Inserting and Controlling a Flash Movie
  • Working with Flash Text and Flash Buttons

Web Accessibility & Dreamweaver

  • Web Accessibility, Section 508, and the WCAG
  • Dreamweaver‘s Accessibility Settings and Options
  • Creating Accessible Tables and Forms
  • Ensuring Compliance - Validating for Accessibility
  • Built In Reference Resources for Accessibility