Lesson 1.

Orientation

1.1 Syllabus Review and Quiz

1.2 Subscribe to the course calendar

1.3 Review of Course Projects

1.4 Introduce yourself to the class on Google edmodo etc.

Lesson 2. Web File Management

2.1 Files and Folders

2.2 Downloading Web Pages

2.3 Editing Code

2.4 Zipping Folders

2.5 Zipping folders and Submitting Work

Lesson 3. HTML Tags

3.1 Choose a Website Topic

3.2 Overview of HTML Tags

3.3 The HTML 5 Template

3.4 The Head

3.5 Formatting Content

3.6 Compound Tags

3.7 Character Entities

3.8 Commenting and Formatting Code

3.9 Other HTML Tags

3.10 Additional Resources

Lesson 4. HTML Attributes and Images

4.1 Acquiring Images

Tidbit: Copyright, Copywrong, Creative Commons

4.2 Graphics File Formats

4.3 Editing Images

4.4 The img Tag

4.5 Absolute Links

4.6 Embedding Media

4.7 Relative Links

4.8 Validating Code

4.9 Additional Resources

Lesson 5. CSS – Styling Tags

5.1 CSS Basics, Colors and Inline Styles

5.2 Inteternal Style Sheets and Basic Formatting

5.3 External Stylesheets

5.4 Common Properties

5.5 Additional Resources

Lesson 6. CSS – Page Layout

6.1 Classes IDs Divs Spans

6.2 The Box

6.3 Boxes in Boxes

Whitespace and Paragraph Formatting

6.4 Styling Page Divisions

6.5 Additional Resources

Lesson 7. Nav Bars

7.1 Adding a Navigation Bar

7.2 Customizing a Navigation Bar

7.3 Additional Resources

Lesson 8. Publishing Websites

8.1 FTP and Web Servers

8.2 Additional Resources

Lesson 9. Designing with Sections

9.1 Sections and Background Colors

9.2 Background Images

9.3 Adding a Navigation Bar

9.4 Additional Resources

Lesson 10. Javascript

10.1 Adding a jQuery Animated Scrolling Effect

10.2 Additional Resources

Lesson 11. Responsive Design

11.1 Lesson Overview

11.3 Media Queries

11.4 Multiple Media Queries

11.5 Targeting Devices

11.6 Images and Video

11.7 Columns and Tweaks

11.8 The Viewport

11.9 On Your Own

11.10 Additional Resources

Lesson 12. Front End Frameworks

12.1 Orient students to Adobe Dreamweaver environment

12.2 Add proper type of font, use of cascading style sheets

in a page and linking documents in dreamweaver

12.3 Create form objects in a webpage and spry items

12.4 Reviewing the Example Code

12.5 Replacing Page Content

12.6 Customizing the Design

12.7 Additional Resources

Lesson 13. Content Management Systems

13.1 dos and don'ts in web designing

13.2 Additional Resources

13.3 Creating Pages

13.4 Working with Media

13.5 Themes and Widgets

13.6 plugins

Lesson 14. Developing Digital Imaging with Adobe Photoshop

14.1 Employ various graphics applications technique in producing artworks or objects

14.2 Apply visual design and communication techniques

14.3 Prepare work environment

Lesson 15 . individual presentation of websites

Lesson 1: INTRODUCTION TO ADOBE PHOTOSHOP CS4

1. About Photoshop
2. Navigating Photoshop
3. Menus and panels
4. Opening new files
5. Opening existing files
 
Lesson 2: Getting Started with Photoshop
1. Exploring the Toolbox
2. The New CS4 Applications Bar & the Options Bar
3. Exploring Panels & Menus
4. Creating & Viewing a New Document
5. Customizing the Interface
6. Setting Preferences
 
Lesson 3: Working with Images
7. Zooming & Panning an Image
8. Working with Multiple Images, Rulers, Guides & Grids
9. Undoing Steps with History
10. Adjusting Color with the New Adjustments Panel
11. The New Masks Panel & Vibrance Color Correction Command
12. The New Note Tool & the Save for Web & Devices Interface
13. The New Auto-Blend & Auto-Align Layers Commands
14. The New 3D Commands

Lesson 4: RESIZING & CROPPING IMAGES

1. Understanding Pixels & Resolution
2. The Image Size Command
3. Interpolation Options
4. Resizing for Print & Web
5. Cropping & Straightening an Image
6. Adjusting Canvas Size & Canvas Rotation

Lesson 5: WORKING WITH BASIC SELECTIONS

1. Selecting with the Elliptical Marquee Tool
2. Using the Magic Wand & Free Transform Tool
3. Selecting with the Regular & Polygonal Lasso Tools
4. Combining Selections
5. Using the Magnetic Lasso Tool
6. Using the Quick Selection Tool & Refine Edge
7. Modifying Selections
Lesson 6: GETTING STARTED WITH LAYERS
1. Understanding the Background Layer
2. Creating, Selecting, Linking & Deleting Layers
3. Locking & Merging Layers
4. Copying Layers, Using Perspective & Layer Styles
5. Filling & Grouping Layers
6. Introduction to Blending Modes
7. Blending Modes, Opacity & Fill
8. Creating & Modifying Text

Lesson 7: PAINTING IN PHOTOSHOP

1. Using the Brush Tool
2. Working with Colors & Swatches
3. Creating & Using Gradients
4. Creating & Working with Brushes
5. Using the Pencil & Eraser Tools
6. Painting with Selections

Lesson 8: PHOTO RETOUCHING

1. The Red Eye Tool
2. The Clone Stamp Tool
3. The Patch Tool & the Healing Brush Tool
4. The Spot Healing Brush Tool
5. The Color Replacement Tool
6. The Toning & Focus Tools
7. Painting with History

Lesson 9: INTRODUCTION TO COLOR CORRECTION

1. Color Spaces & Color Modes
2. The Variations Command
3. The Auto Commands
4. Adjusting Levels
5. Adjust Curves, Non-Destructively, with Adjustment Layers

Lesson 10: USING QUICK MASK MODE

1. Quick Mask Options
2. Painting a Selection
3. Saving & Removing a Selection from the Background

Lesson 11: WORKING WITH THE PEN TOOL

1. Understanding Paths & the Pen Tool
2. Creating Straight & Curved Paths
3. Creating Combo Paths
4. Creating a Clipping Path

Lesson 12: CREATING SPECIAL EFFECTS

1. Getting Started with Photoshop Filters
2. Smart Filters
3. Creating Text Effects
4. Applying Gradients to Text

Lesson 13: EXPORTING YOUR WORK

1. Saving with Different File Formats
2. Saving for Web & Devices
3. Printing Options
4. Credits

Lesson 1
Day 1
Orientation
 Module orientation
 Subscribe to the course calendar
 Review of Course Projects
 Introduce yourself to the class on platform media tools(zoom,google etc..)
Participating in workplace communication
 Obtain and convey workplace information
 Participate in workplace meeting and discussion
 Complete relevant work related documents
Working with others
 Describe and identify team role and responsibility in a team
 Work as a team member
Lesson 2
Day 2
Practicing career professionalism
 Integrate personal objectives with organizational goals
 Set and meet work priorities
Practicing occupational health and safety procedures
 Identify hazards and risks
 Evaluate hazards and risks
 Control hazards and risks
 Maintain occupational health and safety awareness

Lesson 3
Day 3
Applying quality standards
 Assess quality of received materials
 Assess own work
 Engage in quality improvement

Lesson 4
Day 4
Performing computer operations
 Apply computer basic operation procedures
 Organize and manipulate files
 Install, configure and work with application program
 Work with internet
 Log off from a computer

Lesson 5 Developing Digital Imaging with Adobe Photoshop

Day 5
 Create vector graphics using graphics applications
 Prepare work environment

Day 6
  Employ various graphics applications technique in producing artworks or objects

Day 7
 Produce printer-ready graphics
 Apply visual design and communication techniques

Lesson 6 Designing Web Page with Dreamweaver

Day 8
 Orient students to Adobe Dreamweaver environment
 Add proper type of font, use of cascading style sheets in a page and linking documents in dream-
weaver

Day 9
 Create pages with frames, frame sheet and application of effects in a page

Day 10
 Create form objects in a webpage and spry items
 Manage and upload site

Lesson 7 Developing Web Animation Using Adobe Flash

Day 11
 Relate traditional animation to 2D digital animation
 Use drawing tools

Day 12
 Work with symbols, timeline and library
 Analyze Model sheet

Day 13
 Construct Objects
 Review and correct vectorized objects

Day 14
 Integrate sound, animated objects and backgrounds

Day 15
 Apply animation techniques