Web Design for Beginners

Introducing the Course

• Understanding the course format


• Reviewing the course objectives and prerequisites


• Looking at the course outline

Adobe Flash New Features

• New user interfaceAdobe 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 Behaviors

• 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


• Using the FLVPlayback 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 Compatability


• 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 /Photshop


• 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

UniUsing 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