Registration Form: Closed

Quick Registration:

Adobe Photoshop CS4 Training Course Contents

General Interface

• How the panels work

• docking
• panel groups
• document tabbing

Adobe Photoshop CS4 Certification

The Photoshop CS4 Certification training is a combination of the ‘Getting Started’ and ‘Advanced Techniques’ courses, giving you a complete blended learning solution that gets you from beginner to expert in one go. It fully prepares you to take the Adobe Photoshop ACE exam and gain professional recognition for your skills. The ACE exam fee is not included in the price.

Prerequisites

In order to complete this course you will require basic computer skills such as a basic understanding of a computer’s operating system, launching an application, creating and saving files, and copying files from CDs and other media.

Certification Path:

See Course Contents

Adobe Flash CS4 Training Course Contents

Flash Interface

• Panels and panel layouts
• Custom workspaces
• Colour and Kuler
• The tools
• Drawing
• Selecting
• Painting
• Editing
• Spraying

Working in Flash

• Setting Stage dimensions
• Setting preferences
• Flash Player version
• ActionScript version
• Import preferences
• Publishing a file

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 Colour panels
• Creating and using symbols
• Using the Library panel
• Filters and Blend modes

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

Creating Animations

• Object based animation
• Creating motion tweens
• Motion Editor
• Motion Presets
• Editing Animations
• Copying/pasting animations

3D transformations

• Creating 3D effects
• Editing 3D effects
• 3D Translation
• 3D Rotate
• Vanishing point

Inverse Kinematics

• Bones tool
• Armatures
• Constraining objects
• Examples

Modelling

• Deco tool
• Patterns
• Effects
• Spray Brush tool
• Custom shapes

Adding Action Script

• Using Script Assist
• Adding actions to a frame
• Creating and using Button symbols
• Adding behaviors 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
• Converting Video
• H264
• On2VP6
• Adobe Media Encoder
• Using the FLVPlayback component
• Masking video
• Controlling video

Publishing Flash Documents

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

Creating Animations- Old School

• Working with the Timeline
• Using keyframes, blank keyframes, and frames
• Creating motion tweens
• Creating shape tweens
• Creating transition effects
• Easing

Adobe AIR

• What is AIR
• Publishing for AIR
• Using flash with html to create an AIR application
• Flash, database work and AIR applications
• Accessing local files
• Examples

Flash and Other Applications

• InDesign to Flash (XFL)
• Photoshop to Flash
• Illustrator to Flash
• Placing SWF’s into Acrobat 9 Pro

Using Flash to Draw

• The Pen tool
• Creating more complex shapes from primitive shapes
• Drawing landscapes
• Drawing figures
• Creating a library of useful shapes

A simple design

• Drawing a landscape with flash
• Animating the various parts of the landscape
• Publishing the final result

A simple application – case study

• What are components
• Using components
• Creating a simple interface with components
• Publishing the result

Action Script 3 – Variables

• string variables
• Object variables
• name conflicts
• untyped variables
• default values
• isNaN
• deleting variables

Functions

• creating functions
• functions and arguments
• Default argument
• default argument order
• the rest symbol

Objects, Properties, Methods, and Classes

• trace
• this
• common properties
• basic objects
• common methods
• common classes

Iteration

• for loops
• do while loops
• arrays and for in loop
• var and for in
• this and for in
• for each loop
• for in and for each in

Display Objects

• Timeline based symbols
• Symbol type
• MovieClip
• Button
• Graphic
• Class type
• MovieClip
• SimpleButton
• Shape
• Text Classes
• StaticText
• TextField

Accessing Display Objects

• tracing a movieclip’s name
• changing names
• Understanding the Class Inheritance Hierarchy
• Referencing Movie Clips in the Timeline
• The Display List
• The root and stage
• Dynamic display objects
• Bitmaps
• new Bitmaps
• Removing bitmaps
• removeChild()
• Creating Dynamic Instances from the Library
• Dynamic graphics
• Drawing a triangle

Events

• stage click handler
• buttonMode
• Reacting to the Mouse
• Event Propagation
• tracing evt.target
• Stage events
• drag and drop
• Keyboard Events
• tracing keyCode

Animation

• Moving a ball
• Accelerating a ball
• Controlling a ball
• Adding gravity
• Rotating a MovieClip
• Rotating and controlling a MovieClip
• Creating balls at random
• Creating balls where the mouse clicks
• Creating balls automatically
• Boundaries
• Bouncing a ball left and right
• Bouncing a ball again
• Moving a ball in x and y directions
• Moving a ball smoothly with oscillation
• Moving a ball with easing

What is a class?

• Creating classes
• Creating methods
• Creating properties
• Using a class-based timer system

Creating Custom Classes

• Designing a custom class
• Adding methods to the class
• Adding properties to the class
• Using getters and setters
• Applying the class to a movie clip
• Applying the class to the MainTimeline

Introducing Components and Data

• List the components
• Setting up a server and database
• Testing server/flash/db integration
• Ways to connect Flash and data

UI Components

• Accordian, Button, Checkbox, Radio Buttons
• List, ComboBox, DataGrid
• DateChooser, Date Field
• Loader
• ScrollPane
• ProgressBar
• Menu and MenuBar
• Numeric Stepper
• TextArea, TextInput, and Labels
• Tree component
• Windows/Alerts
• Handling Scrollbars

Video Components

• FLVPlayback
• Flash Video Components
• Videomaru
• Fullscreen video

Data binding

• XML
• Inputting data & binding data

Database integration

• Flash and php
• Flash and amfphp
• Flash Remoting
• Flash and web services

Customizing Components

• Stylizing components
• CSS and components
• Custom shapes

Creating Your Own Components

• Creating a MovieClip with code
• Converting to a component
• Making the component installable

Back to Flash CS4

Adobe Flash CS4 Certification

This Flash CS4 Certification training is a blended learning solution that brings together the Flash CS4 Getting Started and Action Script 3 Getting Started courses into a complete solution designed for those planning to become a qualified Adobe Flash CS4 ACE.

Audience Profile

Course Contents Adobe Dreamweaver CS4

General Interface

• How the panels work
• Docking
• Panel groups
• Document tabbing
• Creating/Saving workspaces
• The Application bar
• N-up display
• Canvas rotation
• Basic shortcuts

Exploring Dreamweaver

• Explore the Dreamweaver Environment
• Toolbars and panels
• Using Dreamweaver Workspaces
• Dreamweaver preferences

Introduction to Website Development

• What you need to know first

Site setup

• Setting up a site (with a view to standardization)
• Installing a web server – xamp, mamp, custom
• Local vs remote directories
• Home page setup – home/index/default
• File naming conventions

Basic page markup

• Marking up a page with text, headers, paragraphs, lists, hrs, etc
• Special characters
• HTML

Links

• Linking pages
• Linking sections
• Linking to outside pages
• Linking to paragraphs

Images

• Inserting an image into a page
• In-line/flow text around
• Backgrounds
• As buttons
• Rollovers
• Editing a placed image
• Image properties
• Image maps
• Using Photoshop smart objects

Simple tables

• Simple layout
• Rows/columns – formatting
• Height/width
• Text/graphics inside tables

Views

• Live View
• Code View
• JavaScript/AJAX code hinting
• Related files
• Code Navigator

CSS – formatting a page

• Creating css rules
• Formatting text – colour, font-size, etc
• Formatting the background
• Applying css rules to tags – body, em, strong, ul, etc
• Applying css to several pages at once – external css files

CSS layout

• One box layout – creating a single box (div) and changing its position and formatting
• 2 box layout
• 3 box layout
• 1 box, 2 column layout
• 1 box, 2 column, centered layout

CSS with tables and forms

• Using css to format a table – borders, backgrounds, etc
• Using css to format a form – buttons, backgrounds, borders, etc

CSS and Images

• Using css to apply images as backgrounds – changing their position, etc
• 2 picture example – how to use css to apply the same picture in two places, but make it look as one – each copy of the picture having a slightly different opacity

CSS and links

• Hover
• Blocks
• Borders
• Using a list as a navigation bar

Lab – Create your own web site

• Here you will create your own web site: You will start from scratch – creating a new site definition within Dreamweaver.
• You will create 24 pages using your own design, creating your own css to apply your own formatting.
• Text can be downloaded or brought in.
• Images can be downloaded or brought in from outside – buttons, backgrounds, pictures etc.
• At the end of this lab you will successfully have created your own minisite using the techniques taught previously.
• In Context Editing

Assets

• Templates
• Library items
• Other assets
• Favorites’

Site Management

• Uploading/downloading files
• Search and replace
• Spell checking
• Accessibility reports
• Other reports
• Help
• Reference material
• Masking files
• Subversion integration

Page extras

• meta tags
• head content
• scripts

Inserting video and flash content

• Inserting flash video
• Inserting flash content (swf)
• Inserting QuickTime movies

CSS Techniques

• Columns
• Headers and Footers
• Boxes
• Links
• Misc.

Exporting

• Adobe AIR authoring
• Creating a simple web site as an AIR application
• AIR applications using persistent data from a database

Interactive elements – Spry

• Spry Menus
• Spry tables
• Spry tabs
• Spry Datasets

Using Dreamweaver with Subversion

• Setting up a Subversion system
• Getting Dreamweaver to work with Subversion
• Check-in/Check-out files
• Rollback
• Resolving conflicts

<<Back

Adobe Dreamweaver CS4 – Certification

This Dreamweaver course is an instructor led classroom based Dreamweaver CS4 training certification covering a range of Dreamweaver topics suitable for beginners.

Prerequisites

The pre-requisites to the course are basic knowledge on a PC i.e. copying, pasting and having familiarity with web terminology. HTML isn’t a requirement although it would be an advantage.

Certification Path:

Course Content Dreamweaver CS4

Course Contents CSS Training

Getting Started with CSS

• Introduction to this CSS course
• Course Organization
• HTML Structure and Content, CSS Presentation
• Advantages of CSS
• Creating and Using Style-Sheets
• CSS Rules: The Basic Syntax
• Case, Whitespace and Comments in CSS
• The CSS Standards
• The Scope Of CSS
• Browser Support for CSS
• Hands-on Exercises

CSS Boxes and CSS Selectors

• The CSS Box Model
• CSS and Logical HTML Structure
• Styling Boxes: Borders, Margins and Padding
• The IE Box Model and Quirks Mode
• IE Box Model Workarounds
• Using IE6 Standards Mode
• Specifying CSS Distances
  • Problems with Absolute Units: pixels and point sizes
  • Using Proportional Units: em, ex and percentages
• Formatting Box Edges Differently
• Shorthand Syntax for Sets of Edges
• Using Margins and Padding Effectively
• Collapsing Vertical Margins on Paragraphs
• Using Negative Margins on Boxes
• Background Images on CSS Boxes
• Grouping Elements with HTML Classes
• Styling Multiple Elements Similarly (Selector Grouping)
• Block Boxes and Inline Boxes
• Block Box Behavior
• Inline Box Behavior
• Using the Generic Block Level Element: <div>
• Hands-on Exercises

Text Formatting in CSS

• Text Formatting
• Typefaces, Alternatives and Defaults
• Text Size — a Serious Usability Issue
• Font Characteristics
• Setting and Using Space Within Text
• Formatting Blocks of Text
• Using Arbitrary Inline Tags: <span>
• Hands-on Exercises

More CSS Selectors and Selection

• Using HTML Element IDs in CSS
• Using CSS Descendant Selectors
• Descendant Selector Examples
• Child, Sibling and Pseudo-Class Selectors
  • Why You Need To Know Them
  • Browser Support and CSS Hacks
• Distinguishing and Setting Link States
  • Link, Visited, Hover, Active, Focus
• Modularizing CSS Style-Sheets
  • Simpler Management, Less Effort, More Control
• Embedded CSS Styles in HTML Documents
  • How and When to Use Them (Rarely).
• Distinguishing Print, Screen and other Output Formats
  • Special Issues in CSS for Print
• Hands-on Exercises

CSS Positioning

• Choosing the Right CSS Technique for Positioning Blocks
  • The Position Property, Floats, Margins (inc. Negative and Auto), etc
• Static Positioning and Normal Flow
• Absolute Positioning Outside Normal Flow
• Relative Positioning — Not What You May Expect!
• Fixed Positioning Outside Normal Flow
• Relative Absolute Positioning
  • Absolutely Positioned Blocks in Relatively Positioned Containers
• Floating Boxes with the CSS float property
• Page Layout Using Absolutely Positioned Blocks
• Page Layout Using Floated Blocks
• Hands-on Exercises

More on CSS Page Layout

• Alternative Methods of CSS Positioning
• Centering Blocks
• Styling Lists
• Redefining the Behavior of Inline and Block Elements
• Hiding and Revealing Blocks
• Table Formatting in CSS
• Styling Table Cell Borders
• Page Layout with Table Display Properties
• Hands-on Exercises

Cascade, Precedence, Specificity and Inheritance in CSS

• Taking Control: Ensuring that CSS Rules Interact in the Way You Want
• Combining Styles: Different Types, Origins, Importance, Specificity and Order
• Examples: Combining Rules
• Cascading and Cascade Order
• Resolving Style Conflicts By Origin
• Resolving Style Conflicts By Importance
• Resolving Conflict By Selector Specificity
• Resolving Conflict By Order
• Non-CSS Presentational Hints
• Property Inheritance
• Hands-on Exercises

CSS Layers and Translucency

• Different Forms of Layered Presentation in CSS
• Layering with the z-index Property
• Different Methods for Creating Translucency Effects
• The CSS3 opacity Property
• opacity Example
• Fixed Attachment Backgrounds in Layers
• background-attachment Example
• Transparency and Semi-transparency with Alpha-Blended PNG
• PNG Translucency Example and Sample Code
• Pseudo-Transparency with JPG Positioned Backgrounds
• JPG Pseudo Transparency Example
• Hands-on Exercises

Using CSS in the Real World

• Deploying CSS
• CSS Formatting Versus HTML Formatting
  • Achieving a Balance
• Standard Tags and Semantic Markup
• Usability
  • Readable Pages
  • Screen Size and Fluid Design
  • Text Size, Including Internet Explorer Quirks
• Table Layout and CSS Positioning
  • Table Layout and CSS Positioning as Alternatives
  • Combining Table Layout with CSS Positioning
• CSS Browser Support
• Testing Websites
  • Using Test Suites and Multiple Browsers
  • Cross-platform Testing in Single-platform Environments
• CSS Help and Advice
  • Authorative Sources versus Web Myths and Gossip
• Free Lifetime Support

CSS Fundamentals

This CSS training course covers the fundamentals of CSS web design through expert tuition and hands-on exercises. The course teaches delegates how to deliver identical, visually appealing, content to different browsers, applications, platforms, and devices, using Cascading Style sheets (CSS).

On completion of this basic CSS training course delegates should be able to understand and apply core CSS, i.e. those parts of CSS1, CSS2 and CSS2.1 which are implemented in all modern web browsers

This course is suitable for people with limited CSS experience and those with no CSS experience at all. Students with previous CSS experience will not have produced CSS-only page layouts, e.g.

• Table-less multi-column layout (using the CSS position property)
• Horizontal navigation bars using HTML list markup (<ul>)
• Multi-layered designs (using the z-index property)

Audience Profile

• Web site designers
• Web developers
• Communications, marketing and design professionals

Prerequisites

• A good understanding of HTML or XHTML
• Graphic ambition — actual talent is not required!
• Willingness to unlearn outdated HTML formatting
• Willingness to hand code HTML and CSS

Certification Path:

Course Content CSS Training