Dreamweaver Training

Dreamweaver provides the tools necessary to build websites and applications ideal for web designers, web developers, and visual designers.

Dreamweaver

Essentials

Course Information

This two-day interactive Dreamweaver training course provides web designers with the knowledge and hands-on practice they need to be able to build and manage professional web sites. The course focuses on understanding web terminology as well as the concepts required to create a web site that can evolve to meet a client’s requirements. Use of CSS (Cascading Style Sheets) and Flash provide a solid understanding of the features of Adobe Dreamweaver CS5.

Duration

2 Days

Cost

£575 (ex VAT)

Schedule

Course Dates

Prerequisites

This Dreamweaver training course is for students new to web design and development and who want to use Dreamweaver to build intuitive, attractive and accessible web sites. Before taking this course, students should be familiar with the basic functions of their computer’s operating system

Additional Notes

Courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements. Courses run in Edinburgh, Glasgow and at client sites throughout the UK.

Related Courses

Exams

Adobe® Dreamweaver® CS4 ACE Exam – (PDF)
Adobe® Dreamweaver® CS5 ACE Exam – (PDF)

Course Outline

Adobe Dreamweaver – Essentials

Getting Started – Website Basics

  • What is a Website?
  • Website Overview
  • HTML Basics
  • CSS Basics

Customising your Workspace

  • Touring the workspace
  • Switching and Splitting Views
  • Working with Panels
  • Selecting a Workspace Layout
  • Adjusting Toolbars
  • Using the Property Inspector

Getting a Quick Start

  • Defining a Dreamweaver Site
  • Using the Welcome Screen
  • Selecting a CSS Layout
  • Saving a Page
  • Modifying the Page Title
  • Changing Headings
  • Inserting Text
  • Inserting Images
  • Selecting and Modifying CSS Styles
  • Adjusting Text Fonts, Colours and Sizes
  • Previewing a Page in Live View
  • Previewing pages in a Browser

Creating a Page Layout

  • Web Design Basics
  • Working with Thumbnails and Wireframes
  • Previewing your Completed File
  • Modifying and Existing CSS Layout
  • Adding a Background Image to the Header
  • Inserting New DIV Components
  • Modifying Page Width and Background
    Colour
  • Modifying Existing Content and Formatting
  • Inserting an Image Placeholder
  • Checking Browser Compatibility

Working with cascading Style Sheets

  • Working with the CSS Style Panel
  • Creating New CSS Rules
  • Creating an Interactive Menu
  • Modifying Hyperlink Behaviour
  • Creating Faux Columns
  • Moving Rules to an External Style Sheets

Working with Templates

  • Creating a Template from an Existing layout
  • Inserting Editable Regions
  • Producing Child Pages
  • Updating a Template
  • Using Library Items
  • Using Server-Side Includes

Working with text, Lists and Tables

  • Importing text
  • Creating Headings
  • Creating Lists
  • Creating Text Indents
  • Creating and Styling Tables
  • Spell Checking Web pages
  • Finding and Replacing Text

Working with Images

  • Inserting an Image

  • Adjusting Image Positions with CSS Classes
  • Working with the Insert Panel
  • Using Adobe Bridge
  • Inserting Incompatible File Types
  • Working with Photoshop Smart objects
  • Copying and Pasting Images from Fireworks
    and Photoshop
  • Inserting Images by Drag and Drop
  • Optimizing Images with the Property
    Inspector

Working with Navigation

  • Hyperlink Basics
  • Creating Internal Hyperlinks
  • Creating an Image-Based Link
  • Creating and External link
  • Setting up E-Mail Links
  • Targeting page Elements

Working with Flash

  • Understanding Flash
  • Adding Flash Animation to a Page
  • Adding FLV to a Page

Publishing to the Web

  • Defining a Remote Site
  • Cloaking Folders and Files
  • Putting Files Online
  • Synchronising Local and Remote Files

 

Advanced

Course Information

This one-day interactive training course provides web designers with knowledge in advanced web technologies. The course focuses on advanced CSS and JavaScript techniques using the Spry framework as well as showing how to utilise forms to submit and receive data.

Duration

1 Day

Cost

£375 (ex VAT)

Schedule

Course Dates

Prerequisites

Before taking this Dreamweaver training course, students should have experience in the use
of Adobe Dreamweaver and web technology or have attended the Adobe Dreamweaver – Essentials course.

Additional Notes

Courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements. Courses run in Edinburgh, Glasgow and at client sites throughout the UK.

Related Courses

Exams

Adobe® Dreamweaver® CS4 ACE Exam – (PDF)
Adobe® Dreamweaver® CS5 ACE Exam – (PDF)

Course Outline

Adobe Dreamweaver – Advanced

Introduction

  • Using and Implementing Advanced Web Technologies

Website Validation and Testing

  • Testing Websites
  • Using Adobe BrowserLab
  • Adobe Device Central
  • Validating your website
  • Common Browser Issues

Advanced CSS Techniques

  • Creating Style Sheets for different Media Types
  • Using Advanced Selectors
  • CSS Effects
  • Using Snippets
  • CSS Browser Compatibility

Working with Forms

  • Learning about Forms
  • Adding a Form to a Page
  • Inserting text Form Elements
  • Inserting Checkboxes
  • Creating Radio Buttons
  • Working with Lists
  • Adding a Submit Button
  • Specifying a Form Action
  • Emailing Form Data
  • Styling Forms with CSS

Advanced Interactivity Techniques

  • Learning about Dreamweaver Behaviors
  • Working with Spry XML Data Widgets
  • Working with Spry Validation Objects
  • Using JavaScript Frameworks
  • Using Server-Side Includes

Advanced Image Techniques

  • Optimising Images with the Property Inspector
  • Working with Adobe Photoshop Smart Objects
  • Working with Images in Fireworks