Use Adobe’s flagship web application to build sophisticated, responsive websites

This two day 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.

Prerequisites: To attend this course, you will need to be competent with HTML and CSS as covered in our Intro to HTML & CSS course.

Why train with The Web School

Expert instructors with proven teaching skills

Free tech support for 12 months following your course

Free course refreshers for public courses

Professional training environment with Macs and PCs

Book a Course

  • Price: $ 995.00
    Time: 9:00am – 4:30pm
  • Price: From $995 +GST per day
  • This course is provided as a custom training session only, please call us on 1300 441 891 or make an enquiry below to schedule your training

Course outline - WHAT you’ll learn

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
  • CSS for 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

  • Contact Us