Adobe Dreamweaver Course

Lesson 1 • Creating Your First Web Document

Guides creation of a new HTML file and introduces document properties. Connects interface knowledge to tangible file output.

Lesson 2 • Dreamweaver Interface Overview

Introduces panels, toolbars, and workspace layouts. Builds spatial awareness of the IDE before any file creation begins.

Lesson 3 • Creating and Managing Sites

Defines local and remote site structures using the Site Setup dialog. Establishes the project foundation all subsequent work depends on.

Lesson 1 • Inserting and Managing Images

Covers image insertion, alt text, and basic image properties. Connects media management to accessible, optimised HTML output.

Lesson 2 • Tables and Data Presentation

Introduces HTML tables for tabular data with proper header markup. Distinguishes data tables from layout tables for accessibility.

Lesson 3 • Understanding Code and Design Views

Explains Split, Code, and Design view modes and their use cases. Grounds learners in how visual edits translate to markup.

Lesson 4 • Structuring Pages with Semantic HTML

Covers heading hierarchy, paragraphs, lists, and semantic container elements. Reinforces accessible, standards-compliant page structure.

Lesson 1 • Introduction to CSS in Dreamweaver

Explains inline, internal, and external CSS and how Dreamweaver manages each. Establishes the relationship between HTML structure and CSS presentation.

Lesson 2 • Typography and Colour Styling

Applies font families, sizes, weights, and colour values through CSS Designer. Produces visually consistent typographic hierarchies.

Lesson 3 • Styling Links and Pseudo-Classes

Creates hover, visited, and active link states using CSS pseudo-classes. Reinforces interactive styling patterns used across all web projects.

Lesson 4 • Box Model and Spacing

Teaches margin, padding, border, and width properties using visual controls. Connects box model theory to precise layout spacing.

Lesson 1 • Building a Multi-Column Page Layout

Applies Flexbox and Grid to construct a header, sidebar, content, and footer layout. Synthesises CSS layout skills into a complete page template.

Lesson 2 • CSS Grid Layout Essentials

Covers grid-template-columns, rows, and area placement for two-dimensional layouts. Enables complex page structures with precise control.

Lesson 3 • Flexbox Layout Fundamentals

Introduces flex container and flex item properties for one-dimensional layouts. Provides the layout foundation for navigation bars and card rows.

Lesson 1 • Creating Dreamweaver Templates

Defines editable and locked regions within a DWT template file. Establishes reusable page structures that propagate changes site-wide.

Lesson 2 • Using Library Items

Creates reusable HTML snippets as Library Items for repeated elements. Enables single-point updates to navigation, footers, and banners.

Lesson 3 • Applying Templates to Pages

Applies existing templates to new and existing documents. Demonstrates how template updates cascade across all child pages.

Lesson 1 • HTML Form Structure and Attributes

Covers the form element, action, method, and enctype attributes. Establishes the structural foundation all form elements depend on.

Lesson 2 • Styling Forms with CSS

Applies CSS to style inputs, buttons, and focus states consistently. Connects form structure to polished, branded visual presentation.

Lesson 3 • Input Types and Form Controls

Inserts text, email, password, checkbox, radio, and select inputs. Covers the full range of HTML5 input types available in Dreamweaver.

Lesson 4 • Form Validation and HTML5 Attributes

Applies required, pattern, min, max, and type validation attributes. Reduces server-side errors through client-side constraint enforcement.

Lesson 1 • Building an Interactive Image Gallery

Combines HTML, CSS, and JavaScript to build a clickable image gallery. Applies all interactivity skills in a complete, portfolio-ready component.

Lesson 2 • Writing JavaScript in Code View

Introduces inline script tags, event listeners, and DOM manipulation basics. Bridges Behaviours panel usage to manual JavaScript authoring.

Lesson 3 • Common Built-In Behaviours

Applies Swap Image, Show-Hide Elements, and Open Browser Window behaviours. Demonstrates practical interactivity achievable through the Behaviours panel.

Lesson 4 • Introduction to the Behaviours Panel

Explains how Dreamweaver Behaviours attach JavaScript events to page elements. Provides a no-code entry point to client-side interactivity.

Lesson 1 • Cloaking and File Management

Applies cloaking to exclude development files from remote uploads. Maintains a clean, secure remote server environment.

Lesson 2 • Pre-Launch Site Validation

Runs link checking, HTML validation, and accessibility reports before publishing. Ensures the deployed site meets quality and standards requirements.

Lesson 3 • Synchronising Local and Remote Sites

Runs Dreamweaver's Synchronise command to keep local and remote files aligned. Prevents overwriting newer files during collaborative updates.

Lesson 4 • Configuring Remote Server Connections

Sets up FTP, SFTP, and local network server connections in Site Setup. Establishes the link between local development and live hosting.