Course Introduction

Adobe Dreamweaver is a visual development tool that allows the users to create professional and dynamic websites. The Adobe Dreamweaver Masterclass training course is designed to provide essential knowledge and skills required to build, publish and manage professional websites successfully.The course introduces delegates to the basic as well as advanced tasks in the leading web-design program and ultimately become them an efficient Dreamweaver power user. The course enables the delegates to produce and manage professional-grade websites and upload to the server of their choice.

Dreamweaver was first created by Macromedia in 1997 and in 2005, it was acquired by Adobe. Learn the functionality of the Dreamweaver Interface as well as page layout control, including CSS (Cascading Style Sheets) and HTML with our one day Adobe Dreamweaver Masterclass course. During the course, the delegates will learn how to create a fully featured website, insert lists and special characters, build site navigation, use libraries and templates, add video and graphics to a document and Maintain and synchronise existing sites.


What's Included

Find out what's included in the training programme.

Course Content

An Introduction to Adobe Dreamweaver

  • Overview of Dreamweaver
  • Layout and Design tools
  • Mobile design and development features
  • Coding environment
  • Dreamweaver users
  • Workspace features
  • CSS Inspection
  • Live code and Live view
  • Enable or Disable features
  • Code Navigator
  • Photoshop smart objects
  • Content Management System Support
  • HTML5, PHP, CSS3 code hunting
  • How websites work
  • Domain names and IP addresses
  • Web hosts and servers
  • Role of web browsers
  • Introduction to HTML
  • Attributes and Structure
  • Putting images in HTML
  • Colors in HTML
  • HTML document structure
  • Whitespace rules and case sensitive
  • Welcome screen
  • Create, open and save documents

Designing a New Website

  • Create a new website
  • Add papers and save page to site
  • Describing properties of page
  • File panel
  • Work views
  • View local files
  • Select and edit files

Create Page Layouts with the help of CSS

  • Quick start
  • The CSS Box Model
  • Fundamentals of CSS Margins, Borders and Padding
  • Analysing the ID Selector
  • Creating a Centered Container
  • Designing compatible Layout Cross browser
  • Absolute versus Relative Positioning
  • Positioning content with AP Div
  • Creating a Header Section using AP Div
  • Inserting an introduction section to page
  • Inserting images to Layout
  • Adding main and sidebar content areas
  • Setting margins and borders
  • CSS Layouts
  • Overriding default margins in CSS
  • Adding borders to elements
  • Future proofing layout

Working with Advanced Page Layout

  • Study difference between AP Div and Layout with Floats
  • Creating Floated Image
  • Creating columns with HTML and CSS
  • Creating the HTML Structure
  • Clear Property
  • List based Navigation Bar
  • Change Column Layout and Size
  • Modify the appearance of Equal Height Columns
  • Browser Compatibility
  • Adding code for IE6
  • Dreamweaver Fluid Grid Layout

CSS Transitions and Web Fonts

  • Describe CSS Transitions
  • Role of CSS3
  • Adding CSS Transition
  • Changing CSS Transition
  • Inserting CSS Transitions to Navigation menu
  • Web Font Basics
  • Inserting Web Fonts
  • Styling Headings with Web Font

Maximising Site Design

  • Creating Modular Page Elements
  • Using Snippets
  • Using Library Items
  • Changing and Updating Library Items
  • Using Templates
  • New Template creation
  • Working with Editable Regions
  • Creating new pages from templates
  • Editing Templates
  • Repeating Regions
  • Repeating Regions into Action
  • Template Command detaching

Managing Website

  • Working with File Panel
  • Remote Connection creation
  • Remote Web Server files
  • Transferring Files
  • Using Check In/Check Out
  • Design Notes
  • Sharing Design Notes
  • Testing Site Integrity
  • Using Check Links
  • Generating Site reports
  • Understanding results of reports
  • The Browser Compatibility Check
  • Search Engine Visibility
  • Search Engine Optimisation
  • Tiling your documents with the Title Tag
  • Inserting Meta Keywords and Descriptions
  • Launching your site
  • Uploading your site



Delivery Methods


Adobe Dreamweaver Masterclass Enquiry

Enquire Now

----- OR -------

Reach us at 44 161 768 4797 or for more information.

Course Schedule

Select Your Location

Liverpool from £3294
Ipswich from £3294
Cambridge from £3294
Chelmsford from £3294
Norwich from £3294
Plymouth from £3294
Brighton from £3294
Watford from £3294
Reading from £3294
Windsor Town from £3294


Who should attend this course?

The Adobe Dreamweaver Masterclass training course is designed for individuals who want to create, publish and manage websites using Adobe Dreamweaver tools. These include:

  • Web Designers
  • Web Developers
  • Graphic Designers
  • IT Professionals
  • Desktop Publishing Artists

What are the prerequisites for attending the Adobe Dreamweaver Masterclass course?

There are no formal pre-requirements for attending the Adobe Dreamweaver Masterclass training course. However, some basic knowledge of HTML and CSS would be beneficial.

What will you learn after attending the course?

  • Adobe Dreamweaver interface basics
  • Navigate the Dreamweaver environment
  • Create templates and site maintenance
  • Controlling document structure
  • Build successful site navigation

What time shall I arrive at the venue?

Please arrive the venue at 8:45 am as our training sessions are from 9:00 am to 5:00 pm.

How can I get more information about Adobe Dreamweaver Masterclass?

Please send us an e-mail on or contact us on 0800 781 0626 for more information.