Log In

Dreamweaver Fundamentals

Learn how to use Dreamweaver to create modern websites, responsive websites.

Upcoming Classes

Saint Paul, MN

  • Nov 07 - Nov 088:30am - 4:30pm$995Register
  • Dec 16 - Dec 178:30am - 4:30pm$995Register
  • Jan 13 - Jan 148:30am - 4:30pm$995Register

This course is also offered as a Private Training. Please contact us to customize and schedule your individual or group event.

Course Outline

Customizing Your Workspace

  • Touring the workspace
  • Setting interface preferences
  • Switching and splitting views
  • Selecting a workspace layout
  • Working with panels
  • Using the Property inspector
  • Using the Related Files interface
  • Using the CSS Designer
  • Using the Visual Media Query (VMQ) interface
  • Using the DOM Viewer

HTML Basics

  • What is HTML?
  • Frequently used HTML elements
  • What’s new in HTML5
  • Writing your own HTML code

CSS Basics

  • What is CSS?
  • HTML vs. CSS formatting
  • HTML defaults
  • CSS box model
  • Applying CSS styling
  • Formatting text

Web Design Basics

  • Developing a new website
  • Working with thumbnails and wireframes
  • Creating Web Assets Using Photoshop Generator

Creating a Page Layout

  • Evaluating page design options
  • Working with predefined layouts
  • Styling an existing layout
  • Extracting from a Photoshop mockup
  • Adding CSS background effects in code

Working with Templates

  • Creating a template from an existing layout
  • Inserting editable regions
  • Producing child pages
  • Moving CSS styles to a linked file
  • Updating a template

Working with Text, Lists, and Tables

  • Creating and styling text
  • Creating lists
  • Creating and styling tables

Working with Images

  • Web image basics
  • Inserting an image
  • Controlling image positions with CSS classes
  • Optimizing images with the Property inspector

Working with Navigation

  • Hyperlink basics
  • Setting up email links
  • Creating an image-based link
  • Targeting page elements
  • Styling a navigation menu

Adding Interactivity

  • Learning about Dreamweaver behaviors
  • Working with Dreamweaver behaviors
  • Working with jQuery accordion widgets
  • Styling a jQuery accordion

Publishing to the Web

  • Defining a remote site
  • Putting your site online
  • Synchronizing local and remote sites

Working with Code

  • Creating HTML code
  • Working with multicursor support
  • Commenting your code
  • Accessing Split Code view
  • Previewing assets in Code view

Designing for Mobile Devices

Responsive design Media type properties Media queries Media query syntax Introducing web frameworks Creating a responsive template