Adobe Dreamweaver, Photoshop, Flash & CSS Training - 4 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: Adobe Dreamweaver and Flash versions CS5.5, CS5, CS4, CS3, 8, MX 2004, MX and
Photoshop versions CS5.5, CS5, CS4, CS3, CS2, CS, 7, 6, 5.5

Course Overview:
This 4 day training course is designed to give you solid knowledge of web design using Dreamweaver,
Photoshop, Flash and CSS . You will learn how to use Adobe Photoshop 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, Photoshop, Flash and CSS 4 Day Training Outline

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

About Adobe Photoshop, 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 Photoshop

Photoshop and Web Graphics

About Photoshop
Working with bitmap and vector images
Images on the web

The Interface

Interface overview
Opening and importing images/graphics
Creating new documents
Navigation and magnification

Basic Image Manipulation

Cropping
Resizing the image for onscreen display
Working with image resolution for web
Using the RGB colour mode
Making greyscale images

Image Enhancement

Basic levels
Using Hue and Saturation
Sepia effects
Sharpening images

Correcting Mistakes

Undo shortcuts
Using the History palette

Working with Selections

Using the range of selection tools
Working with selection options
Saving selections to channels
Editing selections
Feathering images with selections

Working with Layers

About Photoshop layers
Creating/deleting layers
Automatic layer creation
Adding text layers
Hiding/locking layers
Transforming layers
Working with layer effects
Text layers

Preparation for Web

PSD documents for preservation and future editing
Flattening layers for export
Working with the Save for Web feature
File formats - JPEG, PNG and GIF
Optimising files in the correct format
Saving and exporting images

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 Photoshop 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

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

Working with Photoshop Artwork

Placing Photoshop graphics on a page
Positioning text to graphics
Creating alternate text

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

The Upload Process

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

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