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

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 5 day training course is designed to give you in depth 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 how to develop stunning interactive rich media experiences. 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 gain a strong knowledge of Web Design using
the industry standard Adobe applications and CSS.

Dreamweaver, Fireworks, Flash and CSS 5 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

Optimization

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

Animating

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

Day 3 Morning Session - Flash Continued

Using Actions for Movie Control

About Actionscript in Flash
Frame and timeline actions
Object based actions
Controlling multiple timelines
Testing conditions

Using Actions for User Interactivity

About user events and actions
Creating button actions for movie control
Creating links in a movie

Publishing and Exporting

Saving a movie for future edits
Testing movie performance
Exporting a movie to Adobe Dreamweaver

Day 3 Afternoon Session - 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

HTML

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

Working with Text

Adding text
Importing text
Text formatting

Day 4 - Dreamweaver Continued

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

Forms

About forms
Creating a form in Dreamweaver
Adding form elements
Using CSS to style forms

Interactive Page Elements

Creating rollover buttons
Understanding Behaviours
Using Behaviours
Creating a jump menu
Creating an interactive image gallery

Building Templates

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

Working with Tables

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

Day 5 - 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