In this course, students develop practical skills for Dreamweaver, the HTML editor of choice for professional Web designers.

myAOLCC Hub (Online)
Beginner, Intermediate
Dreamweaver 1: 50 Hours

Dreamweaver 2: 40 Hours

What you'll learn
  • Introduction to Dreamweaver
  • How to Define a Site
  • The Dreamweaver Interface
  • Adding Content
  • Cascading Style Sheets (CSS)
  • CSS Designer
  • Horizontal Lists
  • Fluid Grid Layouts
  • Data Tables
  • Image Editing
  • CSS Positioning
  • jQuery, Multimedia, and Troubleshooting
  • Advanced Fluid Grid Layouts
  • Extending Dreamweaver
  • Behaviors and jQuery
  • Testing and Troubleshooting
  • CSS Transitions
  • Form Page Design
  • Forms and Form Elements
  • HTML5 Form Elements
  • jQuery UI Form Elements
  • HTML Email
  • jQuery Mobile
  • Incorporating Google Maps

Course Introduction

In this course, students develop practical skills for Dreamweaver, the HTML editor of choice for professional Web designers. Dreamweaver integrates a host of design tools in one easy-to-use application. Without any advanced HTML and CSS knowledge, students learn how to design sophisticated sites, create advanced responsive layouts by using Cascading Style Sheets, typography, colors, fluid grids, data tables, jQuery navigation bars, and more. This intensive training course guides students through Adobe’s leading-edge Web editor, taking them from absolute beginner to intermediate level. Practical projects help students build a portfolio of Web pages that demonstrate their skills.

Course Prerequisites

Photoshop Basics course or equivalent experience.

Course Outline

Dreamweaver 1

Lesson 1:

Introduction to Dreamweaver; How to Define a Site; The Dreamweaver Interface; Document Views; Adding Content; Tips for File Management; Tips on File Naming; Tips on Path Structure

Lesson 2:

Cascading Style Sheets (CSS); CSS Selectors; Hierarchy of Styles; CSS Designer: @Media; CSS Designer: Selectors; CSS Designer: Properties; List Based Navigation; Horizontal Lists

Lesson 3:

Fluid Grid Layouts; Designing with Fluid Grid Layouts

Lesson 4:

Data Tables; Tables Defined; Responsive Tables; Obsolete HTML Table Properties; Tips for Tables; Image Editing

Lesson 5:

CSS Positioning; Positioning Schemes; Positioning in Fluid Grid Layouts; AP Roundup

Lesson 6:

jQuery, Multimedia, and Troubleshooting; jQuery Navigation; jQuery Lightbox; Multimedia Effects; Troubleshooting Tips

Dreamweaver 2

Lesson 1:

Advanced Fluid Grid Layouts; Project Set-Up; HTML Structure; CSS Formatting

Lesson 2:

Extending Dreamweaver; Advanced CSS Techniques; Content Formatting; CSS Browser Compatibility; Working in Code View; Working Collaboratively

Lesson 3:

Behaviors and jQuery; Basic Behavior Review; Advanced Image Behaviors; Pop Up Behaviors; jQuery UI; Testing and Troubleshooting

Lesson 4:

CSS Transitions; CSS Transitions Properties; The CSS Transitions Panel; Case Studies

Lesson 5:

Form Page Design; Working with Forms; Forms and Form Elements; Additional Form Elements; HTML5 Form Elements; jQuery UI Form Elements; Form Properties; HTML Email

Lesson 6:

jQuery Mobile; Going Mobile; Mobile Starters; ThemeRoller; Building the Site; Incorporating Google Maps

Course Notes

Evaluation is based solely on an Academy of Learning Career College final exam. Prior to taking the final exam, students must successfully complete all the components of the online course material. Participants who receive 75% or higher on their exam will receive a certificate.

Get Started Today!
Request FREE Information

Have Questions?

Click the button below to schedule an online info session with an Admissions Advisor.

Online Info Session