Description:
The Web design course gives step by step thorough knowledge and hands-on training on construction of a complete website from the very basics to the advance level.
In Website designing students not only work on some text, contents and colours, but will enjoy the creative experience of developing multimedia web pages of high quality using specialised tool such as Adobe Flash and Dreamweaver.
Web design is incomplete with out most sophisticated design animation software, Adobe Flash and Photoshop.
By using this software one can create visually stunning web animations, good looking and dynamic website. Dynamic websites are more interactive with the end users.
The statistics says people spend more time browsing dynamic websites then the static website. Dynamic web and multimedia design skills are in great demand in this internet world, this Graphic design training course gives you in depth knowledge of creating animation.
Course Contents:
1. Introduction to Web |
2. Working with HTML |
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, blockquote, div, headings, paragraph, ordered list, unordered list, definition list, horizontal rule, marquee, font elements, phrase elements) |
Body Elements (Navigation, Images, Multimedia)
Tables (cell merging, nested tables)
Tables, Table Cells, Table Rows, Nested Tables, Merged Rows, Merged Colums |
| 3. Working with HTML |
4. Working with HTML |
Frames (frameset, nested frames, iframe)
Form (text field, password field, textarea, radio buttons, checkbox, file, select menu, buttons) |
Form (text field, password field, textarea, radio buttons, checkbox, file, select menu, buttons) |
| 5. CSS |
6. JavaScript |
Working with CSS
Introduction (CSS & HTML 4.01)
Tag redefinitions, classes, ids
Embedded vs. External Stylesheet
CSS
Color, Padding, Fonts, Positions, Bullet, Borders, Links |
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) |
| 7. DreamWeaver MX 2004 |
8..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 Document
|
Working with DreamWeaver
Creating the Website (tables, navigation, assigning CSS classes) |
9. Photoshop Image Manipulation |
10. Masks and Channels |
• 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
|
• 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
Basic Pen Tool Techniques
• Pen tool, Drawing straight paths,
• Drawing curved, Editing anchor points |
| 11. Vector Masks, Paths, and Shapes |
12. Arranging Layer Objects in ImageReady |
• About bitmap images and vector graphics
Advanced Layer Techniques
• Creating layer sets, adjustment layer, gradient layer, layer from another file,
• Liquifying a layer,
• Creating a border layer,
• Flattening a layered image,
• Duplicating and clipping a layer
Creating Special Effects
• Changing the color balance
• Applying filters
Preparing Images for Two-Color Printing
• Printing in color, Using channels and the Channels palette, change color to grayscale,
• Creating two-color Web graphics
|
• Duplicating and aligning layers,
• Changing multiple lines of type
Creating Links within an Image
• Slicing an image in Photoshop,
• Working with slices in ImageReady,
• Working with image maps (ImageReady)
Optimizing Web Images
• Optimizing images using Photoshop or ImageReady
• 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 |
| 13. Flash Animations |
14. Complex Graphics on a Single Layer |
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
Modifying Simple Graphics
• Setting Selection Preferences, Clipboard, Graphic Elements, Flipping, Rotating, and Skewing
• Resizing, Positioning Graphic Elements, Modifying Fills and Strokes,
|
• 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
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 Keyframes, 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 |
| 15. Animation with Motion Tweening |
16..Building Buttons for Interactivity |
• Creating a Bouncing Ball with Motion Tweening
• Adding Keyframes to Motion Tweens
• Animating Color Effects
• Rotating and Spinning Graphics
• Moving Graphics in Straight Lines
• Changing Tween Speed
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
|
• Creating a Basic Button Symbol, Button Symbols, Fully Animated Button Symbols, Movie-Clip Buttons
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 |
|
