WEB DESIGNING & SCRIPTING

Day 1&2
2 + 2 hrs

Introduction to Web - Basics of HTML 4.01, Web document structure, Internet, Protocols, What’s a good domain name for you or your business, how to publish and host you web site

HTML
Working with HTML
Head Elements (title, meta, script, style, link tags)
Body Elements (address, block quote, div, headings, paragraph, ordered list, unordered list, definition list, horizontal rule, marquee, font elements, phrase elements)

Day 3
2 hrs

Working with HTML
Body Elements (Navigation, Images, Multimedia)
Tables (cell merging, nested tables)

Day 4
2 hrs

Tables, Table Cells, Table Rows, Nested Tables, Merged Rows, Merged Columns

Day 5
2 hrs

Working with HTML
Frames (frameset, nested frames, iframe)
Form (text field, password field, text area, radio buttons, checkbox, file, select menu, buttons)

Day 6
2 hrs

Working with HTML
Form (text field, password field, text area, radio buttons, checkbox, file, select menu, buttons)

Day 7
2 hrs

CSS
Working with CSS
Introduction (CSS & HTML 4.01)
Tag redefinitions, classes, ids
Embedded vs. External Style sheet

Day 8
2 hrs

CSS
Color, Padding, Fonts, Positions, Bullet, Borders, Links

Day 9&10
2 + 2 hrs

JavaScript
Working with JavaScript
Presentation
JavaScript coding (function, calling functions, writing text with JavaScript, alert box, prompt box, confirm box, conditional statements, variables, snippets, select as navigation)
Form validation(auto generated code vs. custom code)

Day 11
2 hrs

Dreamweaver MX 2004
Working with Dreamweaver
Introduction (Dreamweaver vs. Notepad)
Menu, Working with text, hyperlinks, lists, images & multimedia, tables, forms & form elements
Site Plan, Project Definition, Document Properties, Working with Css, External Css Documents

Day 12
2 hrs

Dreamweaver MX 2004
Working with Dreamweaver
Creating the Website(tables, navigation, assigning CSS classes)

Day 13&14
2 + 2 hrs

Photoshop

Photoshop Image Manipulation
• Retouching and image size
• Straightening and cropping an image, tonal range
• Replacing colors in an image, Dodge tool, Sponge tool,
• Unsharp Mask filter, four-color printing

Working with Selections
• Selection tools,
• Magic Wand tool, oval and circular selections,
• Magnetic Lasso tool, lasso tools, and erasing within a selection

Layer Basics
• Rearranging layers, Editing text
• Flattening and saving files
• Creating a layer set and adding a layer
• Using layer comps

Day 15
2 hrs

Masks and Channels
• Working with masks and channels,
• Creating a quick mask,
• Saving a selection as a mask, applying an adjustment,
• Creating a gradient mask, Applying effects using a gradient mask

Image Retouching and Repairing
• Clone Stamp tool, Pattern Stamp tool, Healing Brush and Patch tools, Retouching on a separate layer

Painting and Editing
• Custom workspace,
• Blending an image with the background, history tools,
• Brush tool, create a picture frame, Color Section

Day 16
2 hrs

Basic Pen Tool Techniques
• Pen tool, Drawing straight paths,
• Drawing curved, Editing anchor points

Vector Masks, Paths, and Shapes
• About bitmap images and vector graphics

Advanced Layer Techniques
• Creating layer sets, adjustment layer, gradient layer, layer from another file,
• Liquefying a layer,
• Creating a border layer,
• Flattening a layered image,
• Duplicating and clipping a layer

Creating Special Effects
• Changing the color balance
• Applying filters

Day 17
2 hrs

Preparing Images for Two-Color Printing
• Printing in color, Using channels and the Channels palette, change color to grayscale,
• Creating two-color Web graphics

Arranging Layer Objects in Image Ready
• Duplicating and aligning layers,
• Changing multiple lines of type

Day 18
2 hrs

Creating Links within an Image
• Slicing an image in Photoshop,
• Working with slices in Image Ready,
• Working with image maps (Image Ready)

Optimizing Web Images
• Optimizing images using Photoshop or Image Ready
• Optimizing a JPEG, GIF,
• Controlling dither and reducing colors, dithered transparency

Producing and Printing Consistent Color
• Reproducing colors,
• Specifying color management settings,
• Proofing an image

Day 19&20
2 + 2 hrs

Flash Animations

Flash Authoring Tool
• Working with Flash Documents, Template, Document Properties, Rulers, Grids, and Guides, Snapping,
• Magnifications, Panels, Property Inspector

Creating Simple Graphics
• Tools, Creating Solid Colors and Gradients, Color Swatches, Color Sets, Fill Attributes,
• Setting Stroke Attributes, Geometric Shapes, Freeform Shapes, Strokes and Fills

Working with Text
• Text Tool, Paragraph Attributes

Day 21
2 hrs

Modifying Simple Graphics
• Setting Selection Preferences, Clipboard, Graphic Elements, Flipping, Rotating, and Skewing
• Resizing, Positioning Graphic Elements, Modifying Fills and Strokes,

Complex Graphics on a Single Layer
• Controlling Stacking Order, Aligning Elements, Combining Drawing-Objects

Graphics on Multiple Layers
• Timeline's Layer Features, Layers and Folders, Layer Visibility in the Timeline,
• Organizing Layers in Folders, Cutting and Pasting Between Layers, Guide Layers, Mask Layers

Day 22&23
2 + 2 hrs

Working with Symbols
Library Panel, Library Hierarchy, Converting Graphics to Symbols, Using Symbol Instances, Master Symbols, Converting Symbol Instances to Graphics, Editing Master Symbols, Copying Symbols Between Movies

Frame-by-Frame Animations
• Timeline, Creating Key frames, Manipulating Frames in One Layer, Removing Frames,
• Making a Simple Frame-by-Frame Animation, Adding Keyframes, Onion Skinning,
• Frame Rate, Varying the Speed of Animations

Animation with Motion Tweening
• Creating a Bouncing Ball with Motion Tweening
• Adding Key frames to Motion Tweens
• Animating Color Effects
• Rotating and Spinning Graphics
• Moving Graphics in Straight Lines
• Changing Tween Speed

Day 24
2 hrs

Animation with Shape Tweening
• Creating a Bouncing Ball with Shape Tweening
• Morphing Simple Lines and Fills
• Shape-Tweening Multiple Shapes

Understanding Scenes
• Manipulating Frames in Multiple Layers, Animating Multiple Motion Tweens,
• Saving Animations As Graphic Symbols, Animated Graphic Symbols,
• Movie-Clip Symbols, Animated Masks

Building Buttons for Interactivity
• Creating a Basic Button Symbol, Button Symbols, Fully Animated Button Symbols, Movie-Clip Buttons

Day 25&26
2 + 2 hrs

Actions Panel
• Organizing Frame Actions, Adding Frame Actions, Adding Actions to Buttons, Changing Events,

Using Non-Flash Graphics
• Importing Non-Flash Graphics, Turning Bitmaps into Vector Graphics, Bitmaps as Fills

Sounds
• Adding Sound, Using Event Sounds, Behaviors to Control Sounds,

Flash Player Settings
• Publishing HTML for Flash Player Files, Alternate Image Formats, Version Detection,
• Creating Projectors, Creating Publishing Profiles, Exporting Flash to Other Formats

24 sessions

Free Lab Access (1- hour per week)

After Course

Final assessment and Examination Test.