Online real-time interactive courses now available! Take advantage of our current special discounts.
Online real-time interactive courses now available! Learn More

Dreamweaver Essentials

City Desktop Training’s Dreamweaver course will introduce the process of building sophisticated, responsive websites using Adobe’s industry standard visual web authoring application. You will learn how to dramatically speed up the process of building websites with cutting edge features – visual editing, multi-device real-time previewing, a visual CSS designer, templates, code shortcuts, automatic link updating, file management, built-in file transfers and much more.

  • Training Modules (Overview only)

    • Introducing Dreamweaver
    • Site Setup
    • Pages, Text, Images & Links
    • Creating Tables, Forms & Fields
    • Styling Page Content
    • CSS Styles for Layout
    • Responsive Layouts
    • Templates & Libraries
    • Site Management
    • Search Engine Optimisation Basics
  • What You Get

    • 12 Months Access to Help Desk
    • No Risk! Money Back Guarantee
    • Choice of Mac or PC
    • Professional Training Environment

This course is provided as custom training only, please call us on 1300 441 891 to schedule your training


Need to get approval or a formal quote - Get a Quote

Course Outline

Introducing Dreamweaver

  • The Interface
  • Setting up your Workspace
  • Preferences

Site Setup

  • Creating a new Site
  • Advanced Site Settings
  • The Files Panel

Building a Page

  • New HTML Document
  • Image Basics
  • Preview in Browser
  • Meta Tags


  • Text Formatting
  • Headings
  • Strong and Emphasis
  • Lists
  • Special Characters
  • Line Breaks


  • Image File Formats
  • Image Properties
  • Editing Images
  • Image Editing within Dreamweaver


  • Links to External Sites
  • Links Within the Site
  • Targeting Links
  • Links Within the Page
  • IDs / Fragments
  • Linking to an ID
  • Adding Links to Graphics
  • Email Links


  • Creating a Table
  • Styling Tables
  • Importing Tabular Data
  • Adding Rows
  • Adding a Caption
  • Table Widths & Borders
  • Column Widths

Forms and Fields

  • Adding a Form to a Page
  • Spry Email Validation
  • Placeholders
  • Spry Number Validation
  • Adding a Radio Button Group
  • Adding a List/Menu
  • Styling the Form

Styling Page Content

  • Understanding Cascading Style Sheets (CSS)
  • Style Rules for Tags
  • Creating a Custom Class
  • Formatting Links
  • Modifying a Style
  • External CSS Stylesheets

CSS Styles for Layout

  • Divs and IDs
  • CSS Layout Basics
  • Floats
  • Clearing Floats
  • Centering the Page
  • CSS Descendant Selectors

Responsive Layouts

  • Adding Content to Remaining Pages
  • Inserting a Google Map
  • Side by Side Layout
  • Using Multiple Classes
  • Using Multi-Screen Preview
  • Media Queries for Different Device Sizes
  • CSS for Mobile Phones
  • Copying CSS Rules
  • CSSfor Flexible Design

Templates & Libraries

  • Creating a Template
  • Adding Editable Regions
  • Making Pages from a Template
  • Modifying a Template
  • Creating a Library Item
  • Using a Library Item
  • Editing a Library Item

Site Management

  • Planning
  • Working with Files and Folders
  • Expanding the Files Panel
  • Cloaking Files and Folders
  • Generating Site Reports
  • Checking for Broken Links
  • Orphaned Files
  • Checking Browser Compatibility
  • Code Validation
  • Defining the Remote Server
  • Uploading & Downloading Files

Search Engine Optimisation Basics

  • SEO Tips
  • Accessibility