Receive a 10% discount on all training bookings made throughout July 2011
Training Enquiries
For all training enquiries:
07872 037590

Adobe Dreamweaver, Fireworks, Flash & CSS Training - 4 Days

Adobe Dreamweaver TrainingAdobe Fireworks TrainingAdobe Flash TrainingCSS Training

Platform: Windows PC and Apple Mac

Courseware: Comprehensive training manual provided per person

Prerequisites: Basic knowledge of Windows or Apple Mac operating system

Software version: Training available for Adobe versions CS5.5, CS5, CS4, CS3, 8, MX 2004, MX

Course Overview:
This 4 day training course is designed to give you solid knowledge of web design using Dreamweaver,
Fireworks, Flash and CSS . You will learn how to use Adobe Fireworks to create a variety of professional web ready graphics before moving on to Adobe Flash where you will learn the basics of creating fluent animations and banners using images, graphics and text. The course will conclude with Adobe Dreamweaver and CSS. You will first look at planning, creating and maintaining professional web pages
with Dreamweaver before learning how to use CSS within Dreamweaver for precise and standards compliant control over your pages and content.

This training course is perfect for those who want to quickly learn the fundamentals of Web Design using
the industry standard Adobe applications and CSS.


Dreamweaver, Fireworks, Flash and CSS 4 Day Training Outline

Training Course Introduction - Dreamweaver, Fireworks, Flash and CSS Overview

  • About Adobe Fireworks, Adobe Flash, Adobe Dreamweaver and CSS
  • How to plan a successful web project
  • Understanding compliant web design
  • Implementing CSS
  • Working with graphic types for the web
  • About animation and rich media content

Day 1 - Working with Fireworks

Image Concepts

  • Planning graphic content
  • Download times
  • Image formats

The Fireworks Interface

  • Setting preferences
  • Using the menu bar/panels
  • Working with image/object modes
  • Creating a new document
  • Importing images/graphics
  • Magnifying
  • Using the info palette

Working with Selections

  • Using the selection tools
  • Selection options
  • Feathering
  • Creating Image effects

Drawing and Editing

  • Working with the drawing tool
  • Creating shapes/lines
  • Working with the colour tools
  • Using the colour table
  • Using the colour mixer
  • Working with swatches
  • Editing images

Working with Vectors

  • Using the modify bar
  • Rotating/scaling vectors
  • Grouping/splitting
  • Arrange and align
  • Merging vectors
  • Masking with vectors

Working with Text and Styles

  • Inserting text
  • Using the text palette
  • Typography and formatting
  • Using styles and effects
  • Putting text on a path

Using Layers

  • Working with the layers palette
  • Creating/deleting layers
  • Changing layer order
  • Maintaining layers

Working with Slices

  • Setting up links
  • Inserting slices
  • Naming and exporting slices


  • Using the optimization panel
  • Optimizing simple graphics/Quality images
  • GIF vs JPEG – when and why
  • GIF’s and the colour palette
  • GIF colour options
  • JPEG’s and quality settings


Day 2 - Working with Flash

The Flash Environment

  • About animation and the SWF
  • The Flash interface
  • Setting up a new movie
  • Setting properties and preferences

Drawing and Painting Tools

  • Using the drawing/colour tools
  • About overlapping objects
  • Using the colour palettes
  • Working with fills and strokes
  • Selection/sub-selection tools
  • Resizing/reshaping objects

Transforming Objects

  • Multiple selections
  • Copy/paste/cut/stacking
  • Resize and rotate

Working with Type

  • Creating/manipulating text boxes
  • Character/paragraph palettes

Using Layers

  • Why use layers
  • Creating/deleting/naming layers
  • Changing layer order

Symbols and Instances

  • Why use symbols
  • Using images and graphics as Symbols
  • Using text as a Symbol
  • Using the library
  • Adding Fireworks artwork to a Flash file


  • About the timeline
  • About keyframes
  • Shape tweening
  • Motion tweening
  • Using easing
  • Animating multiple layers
  • Animating text
  • Shape hinting
  • Creating banners

Publishing and Exporting

  • Saving a movie for future edits
  • Exporting a movie to Adobe Dreamweaver


Day 3 - Working with Dreamweaver

Concepts and Preparation

  • About Dreamweaver and Web Design
  • Understanding HTML
  • Planning a web site
  • Screen design considerations
  • Creating efficient web pages with CSS
  • Web browsers
  • Download times

Web Site Structure

  • Setting up a local site
  • Using the site window
  • Setting preferences
  • Site management
  • Creating a new file

The Assets Panel

  • About the assets panel
  • Adding objects to a page


  • Understanding HTML
  • How browsers and search engines read your pages
  • Viewing HTML

Working with Text

  • Adding text
  • Importing text
  • Text formatting

Working with Fireworks Graphics

  • Placing Fireworks graphics on a page
  • Positioning text to graphics
  • Creating alternate text
  • Roundtrip editing with Fireworks

Working with Links

  • Internal and external links
  • E-mail links

Working with Flash Content

  • Adding a Flash movie to a web page
  • Editing Flash movies

Basic Interactivity

  • Creating rollover buttons/images

Working with Tables

  • Creating a table
  • Table attributes
  • Tables for layout
  • Applying contents and colour


Day 4 - Using CSS with Dreamweaver

Cascading Style Sheets

  • CSS planning
  • Using CSS selectors including classes
  • Using external, embedded and inline styles

Styling Text

  • Using custom classes for text
  • Targeting HTML tags
  • Controlling text properties with CSS

CSS for Images and Backgrounds

  • Adding background images
  • Creating repeating and fixed backgrounds
  • Setting image borders
  • Styling a lists with images

Tableless Design

  • Understanding CSS positioning rules, relative vs absolute positioning
  • Understanding the difference between fixed and fluid designs
  • Nested Div's
  • Using Background Images to style Div's
  • Creating CSS based navigation with text and images
  • Working with Dreamweaver Spry objects

Building Templates

  • Building and applying templates
  • Advanced template techniques
  • Adding optional regions and repeat regions to a template
  • Working with editable regions

The Upload Process

  • Checking links and preparing the site
  • Setting server details
  • Uploading
  • Synchronising/editing posted files


Training Availability and Bookings | Training Prices | Training Information

If this Web Design outline does not match your requirements bespoke training is available.

If wish to discuss any aspect of your Web Design training please do not hesitate to contact me


Related Training Courses


Back to top


Home | About | Graphic Design Training | Web Design Training | DTP Training | Bespoke Training | Training Prices | Availability | Training Information | Contact
Training courses are available onsite throughout the UK including Leeds, Sheffield, Manchester, Birmingham, Liverpool, Newcastle, London, Cardiff and Edinburgh