Log In

Dreamweaver Fundamentals

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

Upcoming Classes

Saint Paul, MN

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

To conform with social distancing guidelines, we are only offering our classes online at this time.

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