Adobe Dreamweaver Training Courses

Introducing the Course

• Understanding the course
• Reviewing the course objectives and pre-requisites
• Reviewing the course format
• Outlining the course content
• Understanding static page architecture

Dreamweaver Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customising the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding email links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronising files

Adobe Certification Prep and ACA Exam day

• Take Practice exam
• Work through exam preparation sheet
• Any other questions?
• Dreamweaver ACA Exam

Introducing the Course

• Understanding the course
• Reviewing the course objectives and pre-requisites
• Reviewing the course format
• Outlining the course content
• Understanding static page architecture

Dreamweaver Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customising the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding email links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronising files

*Introducing the Course

• Understanding the course format
• Reviewing the course objectives and prerequisites
• Looking at the course outline

Getting Started

• Understanding static vs. dynamic pages
• Working with sites in Dreamweaver
• Learning Dreamweaver interface basics
• Developing dynamic pages
• Including common code

Using the Database Panel

• Using databases on the web
• Creating a database connection
• Using the Database panel
• Using the Bindings panel to create a simple recordset
• Creating an advanced recordset using joins

Binding Data to a Page

• Binding data to a page
• Using Live Data View
• Formatting data using the Bindings panel
• Inserting a dynamic image

Customizing Recordset Display

• Introducing Server Behaviours
• Displaying all rows in a recordset using Repeat Region
• Introducing Application Objects
• Using the Recordset Navigation Bar to page through Recordsets
• Displaying Recordset Navigation Status
• Using the Server Debug View

Creating Drill-down Interfaces

• Creating a drill-down interface
• Generating dynamic links
• Using dynamic filters in SQL
• Using the Dynamic Table Application Object
• Creating a master-detail page set

Creating a Search Interface

• Reviewing HTML Forms
• Creating dynamically populated drop-down menus
• Creating filtered Recordsets

Inserting Rows into a Table

• Creating a form and using the Insert Record Server Behaviour
• Validating form data using Behaviours
• Creating dynamic form elements
• Using the Recordset Insertion Form Application Object

Updating Rows

• Creating an interface for updating data
• Displaying results in a table using the Dynamic Table Application

Object

• Creating a pre-filled form for the row to update
• Using URL parameters
• Using the Record Update Form Application Object
• Manually creating a form and applying an Update Record Server Behaviour

Deleting Rows

• Understanding the delete process
• Creating a delete confirmation page
• Passing hidden data in a form
• Using a SQL Delete statement
• Using the Delete Row Application Object

Authenticating Users

• Setting and retrieving cookies
• Authenticating users with a web application
• Building the registration pages
• Building the log-in page
• Restricting access to pages

To gain the most from this class, students should be familiar with the web and its terminology. You should have a basic working knowledge of either the Windows or Mac interface as well as exposure to either Microsoft Word, Excel or PowerPoint. You should know how to launch an application, create and save files, and copy files.

Introducing the Course

• Understanding the course format
• Reviewing the course objectives and prerequisites
• Looking at the course outline

• Adobe Flash New Features*
• New user interface
• Adobe Photoshop and Illustrator integration
• New drawing tools
• Actionscript 3.0
• Actionscript 3.0 Animation
• Actionscript 3.0 Debugger
• Flash Video Technology
• UI componenets
• Adobe Device Central

• Creating and Importing Graphic Assets*
• Working with different graphic formats
• Importing bitmap graphics
• Importing vector graphics
• Working with layers and layer folders
• Using the drawing tools
• Using object and merge drawing
• Working with the Color panels
• Creating and using Graphic symbols
• Using the Library panel

Using Text Effectively

• Using the Text tool
• Adding and formatting static text
• Changing font rendering methods
• Adding input text fields
• Embedding fonts in input text fields
• Using font best practices

Creating Animations

• Working with the Timeline
• Using Keyframes blank
• Keyframes and frames
• Creating motion tweens
• Creating shape tweens
• Creating transition effects
• Using animation best practices

Adding Actionscript with Script Assist and Behaviours

• Using Script Assist
• Adding actions to a frame
• Creating and using Button symbols
• Adding behaviours to a button
• Loading external SWFs

Using Moving Clips

• Creating and using Movie Clip symbols
• Organizing a Movie Clip Timeline
• Using actions to control a Timeline
• Using frame labels
• Responding to user interactions

Adding Sound and Video

• Importing sound
• Changing sound properties
• Adding sound to a Timeline
• Embedding video in a Timeline
• Using the FLV Playback component

Publishing Flash Documents

• Using different publishing formats
• Using publishing profiles
• Adding Flash Player detection
• Publishing for deployment

Dreamweaver New Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customizing the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding e-mail links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance
• and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronising files

Introducing the Course

• Understanding the course format
• Reviewing the course objectives and prerequisites
• Looking at the course outline

Getting Started

• The use of HTML emails over plain text
• Planning content
• Listing and organising content
• Design considerations
• What structures work best in HTML emails
• Is SEO important in emails?
• Creating Scamps & ruffs

Writing Effective Email

• Writing Strategies- what’s right of you?
• Strategies to get people coming back
• Article Length
• Testing subject lines

HTML Email Coding using Dreamweaver CS4

• How Adobe Dreamweaver can save time & money
• Tables over DIV tags
• Nested Tables
• How best to use CSS
• Emailer Dimensions and length requirements
• How NOT to get black listed
• How to avoid being seen as spam
• Building HTML Anchors & Table of contents
• Building off line versions of the newsletter
• Unsubscribe links & links to your website

Image Preparation

• Image format selection
• Image optimisation for emailers
• Alt text inclusion
• Image Linking

Testing, Testing, Testing

• Testing subject lines
• Testing in all Email clients
• Common issues and bug fixes for newsletters

Bulk HTML Email client review

• Review of all popular bulk email clients
• How to use Outlook to send html emails
• 3rd party testing applications

Introducing the Course

• Understanding the course
• Reviewing the course objectives and prerequisites
• Reviewing the course format
• Outlining the course content
• Understanding static page architecture

Dreamweaver Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customizing the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding e-mail links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance
• and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronizing files

Adobe Certification Prep and ACA Exam day

• Take Practice exam
• Work through exam preparation sheet
• Any other questions?
• Dreamweaver ACA Exam
• Pass or fail?

Day 1 – Introducing Flash

Introducing Flash

• Launching flash
• Resetting the workspace
• Exploring the welcome screen
• The flash files explained
• Creating our first flash file
• The panels
• Modifying the movie properties
• Saving the file

Getting to Grips with Drawing

• Strokes
• Fills
• Solving classic problems

Shape Interaction

• Working in a single layer causes its problems
• Accidental fill on fill
• stroke – fill interactions

Working in Layers

• Building new layers
• Locking previous layers to prevent modification
• Hiding and showing layers
• Outline view as an alternative to visibility
• Adding shadows to our design

Spelling it out

• The text tool
• Checking the properties before you type
• Adding our text
• back to black
• Changing the properties
• Discussing the anti-alias options
• Working with large blocks of text
• An example of text orientation
• Breaking apart text and applying a stroke

Enhancing the Design with Images

• A simple import to stage
• Let’s take a look at workflow
• A workflow for transparent content
• Working with “vector” artwork

Being Symbolic ?

• The concept
• Convert to symbol
• Compare and discuss the symbol types
• Look at colour effects
• Look at filters
• Reuse is the key
• Blend modes

Using the Mask

• Importing an image
• Creating a new layer
• Using the grid fill deco tool
• Turning it into a mask
• Locking layers and preview

Tweening Time

• Steps to happiness
• Tweening different properties
• Putting it into practise – let’s build a banner
• The magic staircase
• Animating images
• ‘cache as bitmap’
• Exploring easing and breaking up a tween

Publishing your Movie

• A quick look at publish settings
• Publishing the movie
• Reviewing the output

Day 2 – Getting all interactive

Back to Banners

• Banner advert sizes
• Let’s build a banner to brush up our skills
• Alphas, movement, scale, blur
• Placing backgrounds and borders on our banner
• ‘Advertisement’ text
• “transparent” corners
• Creating movie-clips in retrospect
• Masking revisited
• Using a mask in an animation
• How to add a simple link

The Building Blocks of a Simple Micro-site

• Building a button o
• Duplicating symbols
• Bringing the buttons together
• Using a movie-clip for the background
• Sketching out the design

Building our first page

• The home page

Building the other pages

• Using scenes to separate our “pages”
• Getting the content in the same place
• Supplicating the title symbol and then swapping it out
• Swapping out the image
• Modifying the layout
• Naming our scenes
• Modifying behaviour with a sprinkling of script
• Adding some code to make the buttons work
• Sneaking in a simple pre-loader
• Adding labels to our frames as “anchors”
• Changing our publish settings to enable the anchors
• Reviewing the movie and fixing any problems

Publishing the Micro-site

• Publish settings and the flash player version
• Reviewing our result

Day 3 – Pushing Our Movies Further

Banner adverts

• Dimensions and file sizes
• Working our graphics before use
• The kuler extension
• Motion tweening with the motion editor and easing
• Duplicating motion to a second symbol
• Motion presets
• Mask layers and movie-clips in retrospect

Introducing Interaction

• Movie-clips as buttons
• Using this to create pop-ups
• Blend modes and reflections
• Instance names
• Scaling symbols and 9-slice view
• The scroll pane and scrolling content

Frame by Frame Animation

• Illustrator as a tool
• The import process
• Drawn and scanned content
• Import an image series
• Tracing bitmaps and optimizing curves

Working in 3D

• First, the limitations
• Using perspective to produce a different design
• Gradient styles
• Bitmap fills
• Blend modes to darken into the distance
• Movement in 3D and the motion editor
• Rotation in 3D and the classic problem of completion
• Publish settings and GPU acceleration

Working with XFL

• After Effects to Flash workflow
• Indesign to Flash using xfl

Getting it All Online

• Using a swf in a dreamweaver page
• Window modes and overlapping divs
• The code produced by flash and how to use it

Day 4 – Building Better Micro-sites

The Flash Project

• Creating a project
• Separating content into separate swfs
• The UILoader component
• Backgrounds and 9-slice scaling
• Libraries and runtime sharing

Building Navigation

• Movie-clips as buttons
• Frame labels
• Audio on our buttons and runtime sharing
• Grouping buttons as a navigation bar
• Filters revisited
• Instance names
• Accessibility on our buttons
• Applying a document class to intercept interaction

The Home Page

• Static text and anti-aliasing
• Smporting an image for use
• Converting to a movie-clip to apply a filter
• Introducing dynamic text
• Fixing the size and making it scrollable
• Adding the all important scroll bar
• Making our text and images accessible
• Considering localisation of content

The About Page

• Working in the library
• Producing more interesting content
• Don’t forget accessibility and localisation!
• Using the scroll pane to make it scroll

The Products Page

• Building another swf
• Creating each ‘item’ as a movie-clip
• Using the UILoader to load images at runtime
• The download preview

The Contact Page

• Using scenes for navigation
• Building a more interesting navigation bar with images
• Applying a class to our buttons
• Duplicating the scenes
• Applying a document class to resolve navigation
• Importing images
• Making the map more exciting with a component
• Building a form to collect information
• The importance of instance names

Publishing and Previewing Our Micro-site

• Reviewing the publish settings
• Publishing the movie
• Viewing in the browser

Day 5 – The Design <? Develop Workflow

• Planning and communication
• The initial design prototype and the first development meeting
• Symbol names and types
• Instance names
• ‘Export for Actionscript’ and eloquent structure

Banner Advert ClickTags

• The theory of banner advert providers
• An insight into the html
• Applying a document class to our banner
• Viewing the example online

A Pre-loader

• Movie structure
• ‘Export for Actionscript”
• Looking at the bandwidth profiler
• Adding a pre-loader scene
• Changing the compiler settings
• Using the deco tool to produce a pre-loader animation
• Linking to our document class
• Testing the movie and simulating the download

A Progress Bar

• The progress bar plan
• Working in layers
• Instance names and registration points
• Masks can make things look great!
• Clever looping animation
• Using and naming our progress bar
• Linking to the class definition
• Testing the movie and simulating the download

A Photo Gallery

• The prototype sketch
• Preparing our photos using batch processing
• Writing an xml file
• Building our flash movie
• Creating dummy movie-clips
• Dynamic text and embedding fonts
• Adding backgrounds and borders
• Linking in our document class
• Testing the movie and simulating the download

A Presentation

• Working with scenes
• Adding some animation
• Playing it through
• It would be nice to have some control
• Applying our code from the developer
• Exploring the functionality

A Simple Tabbed View

• Building our tabs
• Building our pages
• Naming the instances
• Linking the pages and tabs to the base class
• Enabling the component definitions
• Viewing the component inspector
• Setting the parameters
• Testing the movie

A 3D Carousel

• Building each item as a movie-clip
• Building a popup as a named instance
• Creating a dummy movie-clip to determine width, height and position
• Applying a background gradient
• compile items into a Carousel Items movie-clip and ‘export for actionscript’
• Link our carousel to the developer’s code
• Testing the movie

An MP3 Player

• Building our individual components
• Bringing them together and naming the instances
• Linking our MP3Player to the developer’s code
• Enabling the component definition
• Drag and drop the component into the design
• Use the component inspector to set the mp3 filename

An e-Book

• Building our individual components
• Bringing them together and naming the instances
• Linking the document to our developer’s code
• Testing the movie and exploring the functionality

A 3D Loader for Product Visualisation

• Building a dummy placeholder
• Linking to the developer’s code
• Enabling the component definition
• Adding the component to the movie
• Setting the 3d filename in the component inspector
• Testing the movie and exploring the functionality

Flash Adobe Certified Associate Exam

• Preparation
• Exam
• Pass or fail?

Managing the Adobe Photoshop Environment

• Exploring default Workspace & Bridge
• Introduction to the Toolbar
• Palette management & Screen real estate
• History Palette & Undoing Actions
• Navigation shortcuts

Working with Selections

• Creating Selections using Magic Wand
• Adjusting Selections
• Quick Selection and Lasso tools
• Combining Selection tools for complex objects
• Saving and Reloading a Selection

Enhancing an Image

• Using Levels and Curves
• Compensate for flash with Shadow & Highlight
• Variations to quickly decide about a colour cast
• Hue & Saturation controls
• Blurring and sharpening using Filters

Painting and Retouching Images

• Digital darkroom techniques
• Clone Stamp and Heal tools
• Creating, saving and loading custom colours
• Painting with Paintbrush, Pencil or Paint Bucket tool
• Introduction to Gradients and painting with Gradients
• Working with Quick Mask mode & Layer Masks

Working with Layers

• Importing images, Layers and Selections
• Transforming Layer Objects & using the Smart Objects
• Starting to build layered compositions
• Applying Transparency
• Basic Blending Modes
• Other goodies as Text Layers, Adjustment Layers and Layer Styles

Outputting your artwork

• Colour modes, Resolution and Image Size
• Cropping an image vs Extending the Canvas
• File formats & optimizing artwork for Web

Introducing the Course

• Understanding the course
• Reviewing the course objectives and prerequisites
• Reviewing the course format
• Outlining the course content
• Understanding static page architecture

Dreamweaver Features

• CSS Layouts
• CSS Management
• CSS Advisor
• Browser Compatibility
• Spry Data
• Spry Widgets
• Spry Effects
• Photoshop Integration
• Adobe Device Central
• Adobe Bridge

Getting Started

• Introducing Dreamweaver
• Learning the interface
• Defining a local site
• Creating a website

Adding Content to a Site

• Adding content
• Controlling document structure
• Making lists
• Adding horizontal rules
• Adding special characters

Formatting with Cascading Style Sheets

• Formatting text
• Introducing cascading style sheets
• Creating styles
• Exporting CSS rule definitions
• Creating class styles
• Attaching external style sheets
• Creating advanced styles
• Creating a new external style sheet
• Displaying styles
• Understanding cascading order and inheritance of styles

Working with Graphics

• Using graphics on web pages
• Placing graphics on the page
• Modifying image properties
• Editing images
• Doing roundtrip editing with Fireworks /Photoshop
• Customizing the Insert bar
• Adding Flash content
• Adding Flash Video

Navigating Your Site

• Understanding site navigation
• Linking to files in your site
• Linking to sites
• Linking to named anchors
• Adding e-mail links
• Linking from images
• Creating a jump menu

Designing Page Layouts with CSS

• Understanding page layout
• Using layers for layout
• Adding CSS to layers
• Using absolute and relative positioning
• Designing with DIVs
• Designing navigation links with CSS
• Importing tabular data
• Using table layout view

Using Libraries and Templates

• Using site library items
• Creating site templates
• Defining editable regions
• Using templates
• Applying a template to an existing page
• Modifying templates

Creating Forms

• Understanding forms
• Processing a form
• Setting focus in a form
• Validating a form

Testing

• Maintenance
• and Uploading
• Testing your site
• Maintaining your files and folders
• Connecting to a remote site
• Synchronising files