Trainer’s

Guide

Certificate Programme in
Web Designing and Development

Transforming the skill landscape

 Web Designing and Development

Table of Contents
Welcome Note.....................................................................................................1
Session Plan.........................................................................................................3
Day - 1...............................................................................................................47
TT Ice Breaker
TT Introduction to Sketching
TT Color Theory
TT Visual Design

Day - 2...............................................................................................................52
TT Photoshop Interface

Day - 3...............................................................................................................55
TT Photoshop Tools - I
TT Photoshop Tools - II

Day - 4...............................................................................................................59
TT Photoshop Tools - III
TT Photoshop Tools - Iv

Day - 5...............................................................................................................63
TT Scanning

Day - 6...............................................................................................................67
TT Black and White to Color

Day - 7...............................................................................................................70
TT Old to New
TT Retouching Photographs

Day - 8...............................................................................................................75
TT Compositing Photographs
TT Manipulating Photographs

Day - 9...............................................................................................................80
TT Inserting Text and Text Effects

Day - 10.............................................................................................................83
TT Keyboard Shortcuts

Copyright © National Skill Development Corporation

Participant Handbook

Day - 11.............................................................................................................85
TT Practice - Photoshop

Day - 12.............................................................................................................87
TT Practice - Photoshop

Day - 13.............................................................................................................89
TT Practical Test - 1

Day - 14.............................................................................................................91
TT Introduction to Flash
TT Flash User Interface - 1

Day - 15.............................................................................................................94
TT Flash User Interface - 2
TT Flash User Interface - 3
TT Flash User Interface - 4
TT Flash User Interface - 5

Day - 16.............................................................................................................98
TT The Different Drawing Modes in Flash
TT Flash Tools - 1
TT Flash Tools - 2
TT Working With Colors in Flash
TT Adding Filters in Flash

Day - 17........................................................................................................... 102

TT Using Object in Flash - 1
TT Using Object in Flash - 2
TT Using Object in Flash - 3
TT Using Object in Flash - 4

Day - 18........................................................................................................... 105

TT Using Text in Flash - 1
TT Using Text in Flash - 2
TT Timeline Panel - 1
TT Timeline Panel - 2

Transforming the skill landscape

 Web Designing and Development

Day - 19........................................................................................................... 109

TT Symbols in Flash - 1
TT Symbols in Flash - 2
TT Symbols in Flash - 3

Day - 20........................................................................................................... 113

TT Instances in Flash
TT Library Panel in Flash

Day - 21........................................................................................................... 116

TT Sound Files in Flash

Day - 22........................................................................................................... 118

TT Video in Flash

Day - 23........................................................................................................... 120

TT Tweened Animation in Flash - 1
TT Tweened Animation in Flash - 2
TT Tweened Animation in Flash - 3

Day - 24........................................................................................................... 123

TT Tweened Animation in Flash - 4
TT Tweened Animation in Flash - 5
TT Tweened Animation in Flash - 6
TT Mask Layer in Flash

Day - 25 .......................................................................................................... 127

TT Bone Tool in Flash
TT Animating an Armature

Day - 26........................................................................................................... 130

TT 3D Animation in Flash

Day - 27........................................................................................................... 132

TT Core Language Fundamental
TT Properties, Methods and Events

Copyright © National Skill Development Corporation

Participant Handbook

Day - 28........................................................................................................... 135

TT Properties, Methods, and Events

Day - 29........................................................................................................... 137

TT Timeline Control
TT Motion with Scripting

Day - 30........................................................................................................... 140

TT Text Handling with Script
TT Sound or Video in AS3

Day - 31........................................................................................................... 143

TT XML with AS3
TT Theory Test - 1

Day - 32........................................................................................................... 145

TT Publishing Files in Flash
TT Exporting Files in Flash
TT Practical Test - 2

Day - 33........................................................................................................... 148

TT Introduction to HTML

Day - 34........................................................................................................... 150

TT Understanding & Using HTML
TT HTML Headings
TT HTML Comment
TT HTML Paragraphs

Day - 35........................................................................................................... 155

TT HTML Line Breaks
TT HTML Font Tags
TT HTML Font Styles
TT Hyperlinks
TT Image Tag and SRC Attribute

Day - 36........................................................................................................... 160

TT HTML List Tags
TT HTML Tables - 1
TT HTML Tables - 2

Transforming the skill landscape

 Web Designing and Development

Day - 37........................................................................................................... 163

TT Practical Test - 3

Day - 38........................................................................................................... 165

TT HTML Forms

Day - 39........................................................................................................... 167

TT Design Webpage

Day - 40........................................................................................................... 169

TT Practical Test - 4

Day - 41........................................................................................................... 171

TT Introduction to Dreamweaver CS5
TT Getting started with Dreamweaver CS5

Day - 42........................................................................................................... 174

TT Dreamweaver Interface

Day - 43........................................................................................................... 177

TT Dreamweaver Document Window

Day - 44........................................................................................................... 179

TT Working with Workspace
TT Saving a Webpage and Quitting the Application

Day - 45........................................................................................................... 182

TT Understanding & Using CSS
TT CSS Syntax

Day - 46........................................................................................................... 185

TT CSS Classes

Day - 47........................................................................................................... 187

TT CSS IDs

Day - 48........................................................................................................... 189

TT CSS Divisions

Day - 49........................................................................................................... 191

TT CSS Spans

Copyright © National Skill Development Corporation

Participant Handbook

Day - 50........................................................................................................... 193

TT CSS Margins

Day - 51........................................................................................................... 195

TT CSS Padding

Day - 52........................................................................................................... 197

TT CSS Text Properties

Day - 53........................................................................................................... 199

TT Font Properties

Day - 54........................................................................................................... 202

TT CSS Links

Day - 55........................................................................................................... 204

TT CSS Backgrounds

Day - 56........................................................................................................... 206

TT CSS Border

Day - 57........................................................................................................... 208

TT Lists

Day - 58........................................................................................................... 210

TT Width and Height Properties

Day - 59........................................................................................................... 213

TT Design Complete Website

Day - 60........................................................................................................... 215

TT Introduction to XHTML

Day - 61........................................................................................................... 218

TT Theory Test - 2
TT Practical Test - 5

Day - 62........................................................................................................... 220

TT JavaScript and HTML Text

Day - 63........................................................................................................... 222

TT Exploring JavaScript

Transforming the skill landscape

 Web Designing and Development

Day - 64........................................................................................................... 225

TT Variable and Data Type in JavaScript
TT Functions in JavaScript

Day - 65........................................................................................................... 228

TT The Document Object Model

Day - 66 .......................................................................................................... 230

TT Expressions in JavaScript

Day - 67........................................................................................................... 232

TT Conditionals in JavaScript

Day - 68........................................................................................................... 234

TT Looping
TT JavaScript Arrays

Day - 69........................................................................................................... 237

TT Validating User Input with JavaScript

Day - 70........................................................................................................... 239

TT Practical Test - 6

Day - 71 to Day - 74 ......................................................................................... 241

TT Introduction to jQuery

Day - 75........................................................................................................... 244

TT Practical Test - 7

Day - 76........................................................................................................... 246

TT Install PHP 5 Apache My SQL on Windows using WAMP Server
TT PHP Introduction

Day - 77........................................................................................................... 249

TT Exploring PHP

Day - 78........................................................................................................... 252

TT Operators

Day - 79........................................................................................................... 254

TT Conditional Statements
TT Loop Statements

Copyright © National Skill Development Corporation

Participant Handbook

Day - 80........................................................................................................... 257

TT Functions

Day - 81........................................................................................................... 260

TT Arrays

Day - 82........................................................................................................... 262

TT PHP Forms

Day - 83........................................................................................................... 264

TT Files
TT PHP Sessions

Day - 84........................................................................................................... 267

TT Practical Test - 8

Day - 85........................................................................................................... 269

TT Introduction to OOP

Day - 86........................................................................................................... 271

TT Inheritance

Day - 87........................................................................................................... 273

TT Database

Day - 88........................................................................................................... 275

TT Retrieving and Sorting

Day - 89........................................................................................................... 277

TT My SQL Functions

Day - 90........................................................................................................... 278

TT Display Data from Multiple Table (Joining)

Day - 91........................................................................................................... 281

TT Aggregate Functions and Aggregation Using GROUP BY Clause (Grouping)

Day - 92........................................................................................................... 283

TT Sub Query

Day - 93........................................................................................................... 285

TT Manipulate Table

Transforming the skill landscape

 Web Designing and Development

Day - 94........................................................................................................... 287

TT Creating and Managing Table

Day - 95........................................................................................................... 289

TT Theory Test - 3
TT Practice – Java Script, J Query and PHP

Day - 96........................................................................................................... 291

TT Practical Test - 9

Day - 97........................................................................................................... 293

TT Designing a Full Dynamic Website

Day - 98........................................................................................................... 295

TT Final Project Part - 1

Day - 99........................................................................................................... 297

TT Final Project Part - 2

Day - 100......................................................................................................... 299

TT Theory Test - 4

Copyright © National Skill Development Corporation

Participant Handbook

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Welcome Note

Dear Trainer,

Welcome to the Certificate Program in Web Designing and Development. This training programme has
been designed in response to the growing demand for web designers and [Link] Trainer’s
guide will assist you in teaching the fundamentals of web designing and development. This program is
an introduction to the design and creation of web pages and websites. The program progresses from
introductory work on web design to a culminating project in which trainees design and develop a full
dynamic website for an online shopping store.

As you may be aware, most participants are either pursuing BSc IT or BTech and are in their final year. Some
others have finished their graduation and have joined the program to further hone their skills needed for
entry into web design and development careers. The program has been contrived with the pre-meditated
purpose of enhancing the placement quotient of the trainees. The program curriculum caters to industry
specific needs and is further shaped by hands-on experience and live projects.

The Teacher’s Guide includes supplemental information and tips for delivering each session. The curriculum
design includes multiple practical test runs. Personalized simulations have been provided for each of these
tests. Each trainee has been provided with a Participant Handbook that can be used for reference and class
reading. Try and supplement the classroom material with additional activities, including guest speakers
from the local web design community and visits to relevant local businesses. These connections with
the real world of web design help to introduce trainees to the IT workplace and related employment
opportunities. Your ultimate goal as a trainer is to help trainees progress to a rewarding career as a web
professional.

We hope that you too will gain from this training programme and will be able to help us take it to a higher
level through your delivery.

All the best!

Copyright © National Skill Development Corporation

 Trainer's Guide

Transforming the skill landscape

 Session Plan
Program Name Certificate Programme in Web Designing and Development

Name of Client

Version No. 1.0 Version Update Date

Pre-requisites to Training BSC IT / BSC CS / BCA / and Above

After completing this program, participants will be able to:

Training Outcomes
TT design and develop websites.

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

3
 4
Sr.
Module Session Objectives Methodology Tools Time
No.
Sketching - Duration: 4 hours
Session Plan

Day 1
TT Interactive Game
To introduce each other
from Trainer’s Guide
and build rapport with
1.1 Ice Breaker Ice Breaker TT Activity 30 minutes
fellow participants and TT Participant Handbook
trainer
TT Trainer’s Guide
TT White Board
Introduction to To explain the scope of
1.2 Sketching TT Trainer Led Discussion TT Participant Handbook 1 hour
Sketching sketching
TT Trainer’s Guide
To explain the basic rules TT White Board
of color relationships,
1.3 Color Theory Color Theory TT Trainer Led Discussion TT Participant Handbook 1 hour
tints, and shades by
creating a color wheel TT Trainer’s Guide
TT White Board
To explain the basic 1 hour
1.4 Visual Design Visual Design TT Trainer Led Discussion TT Participant Handbook
concept of visual design 30 minutes
TT Trainer’s Guide

Transforming the skill landscape

 Adobe Photoshop - Duration: 48 hours
Day 2
Morning starter
song/Good To energise the
Morning TT Morning Energiser
2.1 sayings/ Stretching participants to take on the TT Group Participation 10 minutes
Energiser Booklet
Exercises/ Prayer/ day
Moral stories

To brief the participants TT Simulation Based TT Multimedia(K-Yan)

Introduction to Photoshop about the various Learning (Show and
2.2 Tell) TT Participant Handbook 4 hours
Photoshop Interface components of the
Photoshop interface TT Trainer Led Discussion TT Trainer’s Guide

Day 3
TT Simulation Based
Learning (Show and TT Multimedia (K-Yan)
To be able to use the Tell)
Introduction to Photoshop Tools
2.3 selection tools in TT Participant Handbook 2 hours
Photoshop -I TT Trainer Led Discussion
Photoshop
TT Trainer’s Guide
TT Recall of Previous
Knowledge
TT Simulation Based
Learning (Show and TT Multimedia (K-Yan)
To be able to use drawing

Copyright © National Skill Development Corporation

Introduction to Photoshop Tools Tell)
2.4 and paint tools in TT Participant Handbook 2 hours
Photoshop - II TT Trainer Led Discussion
Photoshop
TT Trainer’s Guide
TT Reinforce and Recall of
Previous Knowledge
Day 4
TT Simulation Based TT Multimedia (K–Yan)
Introduction to Photoshop Tools To be able to use Toning Learning (Show and
2.5 Tell) TT Participant Handbook 2 hours
Photoshop - III Effect Tools in Photoshop
Certificate Programme in Web Designing and Development

TT Trainer Led Discussion TT Trainer’s Guide

5
 6
TT Simulation Based TT Multimedia (K–Yan)
Introduction to Photoshop Tools To be able to use Toning Learning (Show and
2.6 Tell) TT Participant Handbook 2 hours
Photoshop - IV Effect Tools in Photoshop
Session Plan

TT Trainer’s Guide
TT Trainer Led Discussion
Day 5
Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.7 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
TT Multimedia (K–Yan)
To revise learning of TT Teach Back Session
2.8 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Simulation Based TT Multimedia (K–Yan)
To scan an image or a Learning (Show and 3 hours
2.9 Scanning Scanning Tell) TT Participant Handbook
photograph 30 minutes
TT Trainer Led Discussion TT Trainer’s Guide

Day 6

To transform a simple TT Simulation Based TT Multimedia (K-Yan)

Black and Black and White black and white Learning (Show and
2.10 Tell) TT Participant Handbook 4 hours
White to Color to Color photograph or image into
a colored one TT Trainer Led Discussion TT Trainer’s Guide

Day 7
Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.11 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories

Transforming the skill landscape

 TT Multimedia (K-Yan)
To revise learning of
2.12 Recap Recap TT Teach Back Session TT Participant Handbook 20 minutes
previous day
TT Trainer’s Guide
TT Simulation Based TT Multimedia (K-Yan)
To convert an old Learning (Show and
2.13 Old to New Old to New photograph into a new Tell) TT Participant Handbook 2 hours
one
TT Trainer Led Discussion TT Trainer’s Guide

TT Simulation Based TT Multimedia (K-Yan)

To retouch and restore Learning (Show and
Retouching Retouching 1 hour
2.14 a torn or damaged Tell) TT Participant Handbook
Photographs Photographs 30 minutes
photograph
TT Trainer Led Discussion TT Trainer’s Guide

Day 8
Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.15 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
2.16 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT

Copyright © National Skill Development Corporation

Trainer’s Guide
TT Simulation Based
TT Multimedia (K-Yan)
To create a new image Learning (Show and Tell)
Compositing Compositing 1 hour
2.17 using two or more TT Participant Handbook
Photographs Photographs TT Trainer Led Discussion 30 minutes
photographs or images
TT Trainer’s Guide
TT Reinforcement
TT Simulation Based TT Multimedia (K-Yan)
To manipulate a Learning (Show and Tell)
Manipulating Manipulating
2.18 photograph by merging TT Participant Handbook 2 hours
TT
Certificate Programme in Web Designing and Development

Photographs Photographs Trainer Led Discussion

two or more images
TT Reinforcement TT Trainer’s Guide

7
 8
Day 9
Morning starter
song/Good
Session Plan

Morning To energise the TT Morning Energiser

2.19 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
TT Multimedia (K-Yan)
To revise learning of TT Reinforcement
2.20 Recap Recap TT Participant Handbook 20 minutes
previous day TT Demonstration
TT Trainer’s Guide
TT Simulation Based TT Multimedia (K-Yan)
Inserting Text Inserting Text and To insert text and apply Learning (Show and 3 hours
2.21 Tell) TT Participant Handbook
and Text Effects Text Effects various effects 30 minutes
TT Trainer Led Discussion TT Trainer’s Guide

Day 10

Keyboard Keyboard To use the keyboard TT Trainer Led Discussion TT Multimedia (K-Yan)
2.22 4 hours
Shortcuts Shortcuts shortcuts TT Activity TT Trainer’s Guide
Day 11
Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.23 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
TT Multimedia (K-Yan)
To revise learning of TT Reinforcement TT White board
2.24 Recap Recap 20 minutes
previous day TT Teach Back Session TT Participant Handbook
TT Trainer’s Guide

Transforming the skill landscape

 TT Trainer Led Discussion
TT Memorization and
TT Multimedia (K-Yan)
Transfer
Practice – To practice the tools of 3 hours
2.25 Practice TT Hands on Practice (Try TT Participant Handbook
Photoshop Photoshop 30 minutes
Me) TT Trainer’s Guide
TT Guided Pratice (Work
with Me)
Day 12
Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.26 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
TT Trainer Led Discussion
TT Memorization and
TT Multimedia (K-Yan)
Transfer
Practice – To practice the tools of 3 hours
2.27 Practice TT Hands on Practice (Try TT Participant Handbook
Photoshop Photoshop 30 minutes
Me) TT Trainer’s Guide
TT Guided Pratice (Work
with Me)
Day 13

Copyright © National Skill Development Corporation

Morning starter
song/Good
Morning To energise the TT Morning Energiser
2.28 sayings/Stretching TT Group Activity 10 minutes
Energiser participants Booklet
Exercises/Prayer/
Moral stories
To manipulate the given
images TT Practical Test (Formative TT Assessment guide 3 hours
2.29 Photoshop Practical Test - I
To color and shade the Evaluation) TT Trainer’s Guide 50 minutes
Certificate Programme in Web Designing and Development

given illustration

9
 10
Adobe Flash - Duration: 72 hours
Day 14
Session Plan

TT Multimedia (K-Yan)
To identify the new and TT White Board
enhanced features of TT Trainer Led Discussion 2 hours
Flash TT Participant Handbook
TT Trainer’s Guide

Introduction to Introduction to TT Multimedia (K-Yan)

3.1 To launch the Flash TT Demonstration
Flash Flash TT Participant Handbook 30 minutes
application TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
To create a new Flash TT Demonstration
TT Participant Handbook 30 minutes
document TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
To identify the different TT Demonstration
Introduction to Flash User
3.2 components of the user TT Participant Handbook 1 hour
Flash Interface - 1 TT Trainer Led Discussion
interface
TT Trainer’s Guide
Day 15
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.3 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Introduction to Flash User To create and manage TT Demonstration
3.4 TT Participant Handbook 50 minutes
Flash Interface - 2 workspaces TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
Introduction to Flash User TT Demonstration
3.5 To set the stage TT Participant Handbook 50 minutes
Flash Interface - 3 TT Trainer Led Discussion
TT Trainer’s Guide

Transforming the skill landscape

 TT Multimedia (K-Yan)
Introduction to Flash User TT Demonstration
3.6 To save a Flash document TT Participant Handbook 1 hour
Flash Interface - 4 TT Trainer Led Discussion
TT Trainer’s Guide
To open a Flash template
To open an existing Flash TT Multimedia (K-Yan)
Introduction to Flash User document TT Demonstration
3.7 TT Participant Handbook 1 hour
Flash Interface - 5 To close a Flash document TT Trainer Led Discussion
TT Trainer’s Guide
To exit the Flash
application
Day 16
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.8 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
The Different TT Demonstration
Getting Started To explore the different
3.9 Drawing Modes in TT Participant Handbook 40 minutes
With Tools drawing modes in Flash TT Trainer Led Discussion
Flash
TT Trainer’s Guide
TT Multimedia (K-Yan)
Getting Started To work with drawing TT Demonstration
3.10 Flash Tools - 1 TT Participant Handbook 1 hour

Copyright © National Skill Development Corporation

With Tools tools TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
To work with the selection TT Demonstration
Getting Started
3.11 Flash Tools - 2 and modification tools in TT Participant Handbook 1 hour
With Tools TT Trainer Led Discussion
Flash
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With Working With TT Demonstration
3.12 To use colors in Flash TT Participant Handbook 30 minutes
Colors in Flash Colors in Flash
Certificate Programme in Web Designing and Development

TT Trainer Led Discussion

TT Trainer’s Guide

11
 12
TT Multimedia (K-Yan)
Adding Filters in Adding Filters in TT Demonstration
3.13 To use filters in Flash TT Participant Handbook 30 minutes
Flash Flash TT Trainer Led Discussion
Session Plan

TT Trainer’s Guide
Day 17
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.14 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Using Object in
3.15 Objects and To edit objects in Flash TT Participant Handbook 50 minutes
Flash - 1 TT Trainer Led Discussion
Text
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Using Object in
3.16 Objects and To transform objects TT Participant Handbook 50 minutes
Flash - 2 TT Trainer Led Discussion
Text
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Using Object in
3.17 Objects and To copy an object TT Participant Handbook 1 hour
Flash - 3 TT Trainer Led Discussion
Text
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Using Object in
3.18 Objects and To delete an object TT Participant Handbook 1 hour
Flash - 4 TT Trainer Led Discussion
Text
TT Trainer’s Guide
Day 18
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.19 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide

Transforming the skill landscape

 TT Multimedia (K-Yan)
Working With To work with classic and TT Demonstration
Using Text in
3.20 Objects and text layout framework TT Participant Handbook 30 minutes
Flash - 1 TT Trainer Led Discussion
Text text engines
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Using Text in
3.21 Objects and To edit a text field TT Participant Handbook 30 minutes
Flash - 2 TT Trainer Led Discussion
Text
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with TT Demonstration
To work with frames and 1 hour
3.22 the Timeline Timeline Panel - 1 TT Participant Handbook
key frames in Flash TT Trainer Led Discussion 20 minutes
Panel
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with TT Demonstration
To work with layers and 1 hour
3.23 the Timeline Timeline Panel - 2 TT Participant Handbook
layer folders in Flash TT Trainer Led Discussion 20 minutes
Panel
TT Trainer’s Guide
Day 19
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.24 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Using Symbols, TT Demonstration

Copyright © National Skill Development Corporation

Symbols in Flash To explore the types of
3.25 Instances, and TT Participant Handbook 1 hour
-1 symbols in Flash TT Trainer Led Discussion
The Library
TT Trainer’s Guide
TT Multimedia (K-Yan)
Using Symbols, TT Demonstration
Symbols in Flash 1 hour
3.26 Instances, and To create symbols in Flash TT Participant Handbook
-2 TT Trainer Led Discussion 20 minutes
The Library
TT Trainer’s Guide
TT Multimedia (K-Yan)
Using Symbols, TT Demonstration
Symbols in Flash 1 hour
Certificate Programme in Web Designing and Development

3.27 Instances, and To modify symbols TT Participant Handbook

-3 TT Trainer Led Discussion 20 minutes
The Library
TT Trainer’s Guide

13
 14
Day 20
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
Session Plan

3.28 Recap Recap TT Participant Handbook 20 minutes

previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Using Symbols, TT Demonstration
To insert instances in 1 hour
3.29 Instances, and Instances in Flash TT Participant Handbook
Flash TT Trainer Led Discussion 50 minutes
The Library
TT Trainer’s Guide
TT Multimedia (K-Yan)
Using Symbols, TT Demonstration
Library Panel in To explore the library 1 hour
3.30 Instances, and TT Participant Handbook
Flash panel in Flash TT Trainer Led Discussion 50 minutes
The Library
TT Trainer’s Guide
Day 21
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.31 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration
Sound Files in To work with sound files 3 hours
3.32 Sound and TT Participant Handbook
Flash in Flash TT Trainer Led Discussion 40 minutes
Video
TT Trainer’s Guide
Day 22
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.33 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working With TT Demonstration 3 hours
3.34 Sound and Video in Flash To use video in Flash TT Participant Handbook
TT Trainer Led Discussion 40 minutes
Video
TT Trainer’s Guide

Transforming the skill landscape

 Day 23
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.35 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide

To define tween TT Multimedia (K-Yan)

Tweened TT Demonstration
Creating 1 hour
3.36 Animation in Flash To explain tweened TT Participant Handbook
Animations TT Trainer Led Discussion 40 minutes
-1 animation in Flash TT Trainer’s Guide
TT Multimedia (K-Yan)
Tweened TT Demonstration
Creating To use shape tweening in
3.37 Animation in Flash TT Participant Handbook 1 hour
Animations Flash TT Trainer Led Discussion
-2
TT Trainer’s Guide
TT Multimedia (K-Yan)
Tweened TT Demonstration
Creating To work with motion
3.38 Animation in Flash TT Participant Handbook 1 hour
Animations tween in Flash TT Trainer Led Discussion
-3
TT Trainer’s Guide
Day 24
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.39 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide

Copyright © National Skill Development Corporation

TT Multimedia (K-Yan)
Tweened TT Demonstration
Creating To edit the motion path of
3.40 Animation in Flash TT Participant Handbook 50 minutes
Animations a tweened object TT Trainer Led Discussion
-4
TT Trainer’s Guide
TT Multimedia (K-Yan)
Tweened TT Demonstration
Creating To work with motion
3.41 Animation in Flash TT Participant Handbook 50 minutes
Animations presets in Flash TT Trainer Led Discussion
-5
TT Trainer’s Guide
Certificate Programme in Web Designing and Development

15
 16
TT Multimedia (K-Yan)
Tweened TT Demonstration
Creating To use classic tween in
3.42 Animation in Flash TT Participant Handbook 1 hour
Animations Flash TT Trainer Led Discussion
-6
Session Plan

TT Trainer’s Guide
TT Multimedia (K-Yan)
Creating Mask Layer in TT Demonstration
3.43 To create a mask layer TT Participant Handbook 1 hour
Animations Flash TT Trainer Led Discussion
TT Trainer’s Guide
Day 25
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.44 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with TT Demonstration 1 hour
3.45 Advanced Bone Tool in Flash To work with bone tool TT Participant Handbook
TT Trainer Led Discussion 50 minutes
Animation
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with TT Demonstration
Animating An To animate an armature in 1 hour
3.46 Advanced TT Participant Handbook
Armature different modes TT Trainer Led Discussion 50 minutes
Animation
TT Trainer’s Guide
Day 26
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.47 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with TT Demonstration
3d Animation in To work with 3d 3 hours
3.48 Advanced TT Participant Handbook
Flash animation in Flash TT Trainer Led Discussion 40 minutes
Animation
TT Trainer’s Guide

Transforming the skill landscape

 Day 27
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.49 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with Core Language To write basic AS3 TT Demonstration
3.50 TT Participant Handbook 40 minutes
Action Scripting Fundamental Fundamental TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
Properties, TT Demonstration
Working with Add Properties, Methods,
3.51 Methods and TT Participant Handbook 3 hours
Action Scripting and Events TT Trainer Led Discussion
Events
TT Trainer’s Guide
Day 28
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.52 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Properties, TT Demonstration
Working with To add Properties, 3 hours
3.53 Methods and TT Participant Handbook
Action Scripting Methods and Events TT Trainer Led Discussion 40 minutes
Events
TT Trainer’s Guide

Copyright © National Skill Development Corporation

Day 29
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.54 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with To control timeline with TT Demonstration 1 hour
3.55 Timeline Control TT Participant Handbook
Action Scripting scripting TT Trainer Led Discussion 50 minutes
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

17
 18
TT Multimedia (K-Yan)
Working with Motion with To animate object with TT Demonstration 1 hour
3.56 TT Participant Handbook
Action Scripting Scripting script TT Trainer Led Discussion 50 minutes
Session Plan

TT Trainer’s Guide
Day 30
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
3.57 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with Text Handling with To work with text in TT Demonstration
3.58 TT Participant Handbook 1 hour
Action Scripting Script scripting TT Trainer Led Discussion
TT Trainer’s Guide
TT Multimedia (K-Yan)
Working with Sound or Video in To add script for sound or TT Demonstration 2 hours
3.59 TT Participant Handbook
Action Scripting AS3 video TT Trainer Led Discussion 40 minutes
TT Trainer’s Guide
Day 31

Recap TT Multimedia (K-Yan)

To revise learning of TT Demonstration
3.60 Recap Website Image TT Participant Handbook 20 minutes
previous day TT Reinforcement
Gallery TT Trainer’s Guide
TT Multimedia (K-Yan)
TT Demonstration 2 hours
3.61 XML with AS3 XML with AS3 To work with XML in AS3 TT Participant Handbook
TT Trainer Led Discussion 40 minutes
TT Trainer’s Guide

Photoshop, To test knowledge of TT Theory Test(Formative TT Assessment guide

3.62 Theory Test - 1 1 hour
Flash previous sessions Evaluation) TT Trainer’s Guide

Transforming the skill landscape

 Day 32
TT Multimedia (K-Yan)
Publishing and TT Demonstration
Publishing Files in
3.63 Exporting Flash To Publish Files in Flash TT Participant Handbook 30 minutes
Flash TT Trainer Led Discussion
Files
TT Trainer’s Guide
TT Multimedia (K-Yan)
Exporting Files Exporting Files in TT Demonstration
3.64 To export files in Flash TT Participant Handbook 30 minutes
in Flash Flash TT Trainer Led Discussion
TT Trainer’s Guide

To Create a website TT Practical Test (Formative TT Assessment guide

3.65 Flash Practical test - I 3 hours
gallery with given images Evaluation) TT Trainer’s Guide

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

19
 20
HTML - Duration: 20 hours
Day 33
Session Plan

TT White Board
Introduction to To explain the scope of
4.1 HTML TT Trainer Led Discussion TT Participant Handbook 4 hours
HTML creating a website
TT Trainer’s Guide
Day 34
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
4.2 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Understanding & To create a webpage in TT Demonstration TT Multimedia (K-Yan)
4.3 HTML 1 hour
using HTML HTML TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
To work with different TT Demonstration TT Multimedia (K-Yan)
4.4 HTML HTML Headings 1 hour
types of headings TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
To work with TT Demonstration TT Multimedia (K-Yan)
4.5 HTML HTML Comment 1 hour
comments in HTML TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
To work with paragraph TT Demonstration TT Multimedia (K-Yan)
4.6 HTML HTML Paragraphs 40 minutes
text TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide

Transforming the skill landscape

 Day 35
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
4.7 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
To add breaks in HTML TT Demonstration TT Multimedia (K-Yan)
4.8 HTML HTML Line Breaks 1 hour
text TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
To work with different TT Demonstration TT Multimedia (K-Yan)
4.9 HTML HTML Font Tags 50 minutes
types of font formats TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
To work with different TT Demonstration TT Multimedia (K-Yan)
4.10 HTML HTML Font Styles 50 minutes
types of font styles TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board

Copyright © National Skill Development Corporation

TT Demonstration TT Multimedia (K-Yan)
4.11 HTML Hyperlinks To create hyperlink 30 minutes
TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
Image Tag and SRC To add images in a TT Demonstration TT Multimedia (K-Yan)
4.12 HTML 30 minutes
Attribute webpage TT Trainer Led Discussion TT Participant Handbook
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

21
 22
Day 36

Recap TT Multimedia (K-Yan)

To revise learning of TT Demonstration
Session Plan

4.13 Recap Webpage Layout TT Participant Handbook 20 minutes

previous day TT Reinforcement
using HTML TT Trainer’s Guide
TT White Board
To create bullet or TT Demonstration TT Multimedia (K-Yan)
4.14 HTML HTML List Tags number list in a 40 minutes
webpage TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
TT Demonstration TT Multimedia (K-Yan) 1 hour
4.15 HTML HTML Tables - 1 To create tables
TT Trainer Led Discussion TT Participant Handbook 30 minutes
TT Trainer’s Guide
TT White Board
TT Demonstration TT Multimedia (K-Yan) 1 hour
4.16 HTML HTML Tables - 2 To create tables
TT Trainer Led Discussion TT Participant Handbook 30 minutes
TT Trainer’s Guide
Day 37
To create a web
TT Practical Test TT Assessment Guide
page layout for any
4.17 HTML Practical Test - 2 (Formative 4 hours
Educational Institution TT Trainer’s Guide
Evaluation)
using all HTML tags
Day 38
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
4.18 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide

Transforming the skill landscape

 TT White Board
To create different type TT Demonstration TT Multimedia (K-Yan) 3 hours
4.19 HTML HTML Forms
of forms TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 39

Recap TT Multimedia (K-Yan)

To revise learning of TT Demonstration
4.20 Recap Create a Static TT Participant Handbook 20 minutes
previous day TT Reinforcement
Webpage TT Trainer’s Guide
TT White Board
To work with all HTML TT Demonstration TT Multimedia (K-Yan) 3 hours
4.21 HTML Design Webpage
tags TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 40
To create a static
TT Practical Test TT Assessment Guide
web page for any
4.22 HTML Practical Test - 3 (Formative 4 hours
Educational Institution TT Trainer’s Guide
Evaluation)
using all HTML tags

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

23
 24
Adobe Dreamweaver - Duration: 16 hours
Day 41
Session Plan

TT White Board
To identify the TT Demonstration TT Multimedia (K-Yan)
Introduction to
5.1 Dreamweaver new features of 2 hours
Dreamweaver CS5 TT Trainer Led Discussion TT Participant Handbook
Dreamweaver CS5
TT Trainer’s Guide
TT White Board
To open Dreamweaver
Getting Started with application TT Demonstration TT Multimedia (K-Yan)
5.2 Dreamweaver 2 hours
Dreamweaver CS5 To create a new TT Trainer Led Discussion TT Participant Handbook
webpage
TT Trainer’s Guide
Day 42
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
5.3 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
To identify the
Dreamweaver different components TT Demonstration TT Multimedia (K-Yan) 3 hours
5.4 Dreamweaver
Interface of Dreamweaver TT Trainer Led Discussion TT Participant Handbook 40 minutes
Interface
TT Trainer’s Guide
Day 43
TT White Board
Dreamweaver To work with document TT Demonstration TT Multimedia (K-Yan)
5.5 Dreamweaver 4 hours
Document Window window TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide

Transforming the skill landscape

 Day 44
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Multimedia Unit
5.6 Recap Recap 20 minutes
previous day TT Reinforcement TT Participant Handbook
TT Trainer’s Guide

To open a workspace TT White Board

Working with To create a new TT Demonstration TT Multimedia (K-Yan) 2 hours
5.7 Dreamweaver
Workspace workspace TT Trainer Led Discussion TT Participant Handbook 40 minutes
To manage a workspace TT Trainer’s Guide
TT White Board
TT Demonstration TT Multimedia (K-Yan)
To save a web page 30 minutes
TT Trainer Led Discussion TT Participant Handbook
Saving a Web Page
and Quitting the TT Trainer’s Guide
5.8 Dreamweaver Application
TT White Board
Full Static Website
To quit Dreamweaver TT Demonstration TT Multimedia (K-Yan)
30 minutes
application TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

25
 26
DHTML with CSS 3.0 - Duration: 60 hours
Day 45
Session Plan

TT White Board
DHTML with Understanding & To explain about CSS TT Demonstration TT Multimedia (K-Yan)
6.1 2 hours
CSS 3.0 using CSS technology TT Trainer Led Discussion TT Participant Handbook
TT Trainer’s Guide
TT White Board
DHTML with To write correct syntax TT Multimedia (K-Yan)
6.2 CSS Syntax TT Trainer Led Discussion 2 hours
CSS 3.0 of CSS TT Participant Handbook
TT Trainer’s Guide
Day 46
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.3 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with TT Demonstration TT Multimedia (K-Yan) 3 hours
6.4 CSS classes To work with CSS classes
CSS 3.0 TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 47
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.5 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with TT Demonstration TT Multimedia (K-Yan) 3 hours
6.6 CSS IDs To work with CSS IDs
CSS 3.0 TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide

Transforming the skill landscape

 Day 48
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.7 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To create a website TT Demonstration TT Multimedia (K-Yan) 3 hours
6.8 CSS Divisions
CSS 3.0 layout TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 49
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.9 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with TT Simulation Based TT Multimedia (K-Yan) 3 hours
6.10 CSS Spans To work with span tag
CSS 3.0 Learning TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 50

Copyright © National Skill Development Corporation

TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.11 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To add margin between TT Demonstration TT Multimedia (K-Yan) 3 hours
6.12 CSS Margins
CSS 3.0 HTML object TT Trainer Led Discussion TT Participant Handbook 40 minutes
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

27
 28
Day 51
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
Session Plan

6.13 Recap Recap TT Participant Handbook 20 minutes

previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To add distance Demonstration TT Multimedia (K-Yan) 3 hours
6.14 CSS Padding
CSS 3.0 between HTML Text Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 52
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.15 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To work with different TT Demonstration TT Multimedia (K-Yan) 3 hours
6.16 CSS Text Properties
CSS 3.0 types of text properties TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 53
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.17 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To work with different TT Demonstration TT Multimedia (K-Yan) 3 hours
6.18 Font Properties
CSS 3.0 types of font properties TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide

Transforming the skill landscape

 Day 54
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.19 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To decorate HTML link TT Demonstration TT Multimedia (K-Yan) 3 hours
6.20 CSS links
CSS 3.0 text or object TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 55
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.21 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To add backgrounds in TT Demonstration TT Multimedia (K-Yan) 3 hours
6.22 CSS Backgrounds
CSS 3.0 CSS objects TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 56

Copyright © National Skill Development Corporation

TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.23 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To add border around TT Demonstration TT Multimedia (K-Yan) 3 hours
6.24 CSS Border
CSS 3.0 object TT Trainer Led Discussion TT Participant Handbook 40 minutes
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

29
 30
Day 57
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
Session Plan

6.25 Recap Recap TT Participant Handbook 20 minutes

previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with To decorate text with TT Demonstration TT Multimedia (K-Yan) 3 hours
6.26 Lists
CSS 3.0 bullets or numbers TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 58
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
6.27 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
DHTML with Width and Height To set dimension of TT Demonstration TT Multimedia (K-Yan) 3 hours
6.28
CSS 3.0 Properties objects TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide
Day 59
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Multimedia Unit
6.29 Recap Recap 20 minutes
previous day TT Reinforcement TT Participant Handbook
TT Trainer’s Guide
TT White Board
DHTML with Design Complete To create complete TT Demonstration TT Multimedia (K-Yan) 3 hours
6.30
CSS 3.0 Website web site design TT Trainer Led Discussion TT Participant Handbook 40 minutes
TT Trainer’s Guide

Transforming the skill landscape

 XHTML - Duration: 8 hours
Day 60
To explain XHTML .
Identify goals of XHTML
TT White Board
Introduction to To differentiate
7.1 XHTML between XHTML and TT Trainer Led Discussion TT Participant Handbook 4 hours
XHTML
HTML TT Trainer’s Guide
To apply XHTML Rule in
a HTML page
Day 61
HTML, CSS, TT Theory TT Assessment guide
To test knowledge of
7.2 XHTML and Theory test - 2 Test(Formative 1 hour
previous sessions TT Trainer’s Guide
DHTML Evaluation)
HTML, CSS, To create a full website TT Practical Test TT Assessment Guide
7.3 XHTML and Practical Test - 4 with CSS / XHTML using (Formative 3 hours
DHTML given HTML layout Evaluation) TT Trainer’s Guide

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

31
 32
Web Application Development with Java Script - Duration: 40 hours
Day 62
Session Plan

TT White Board
Web
To incorporate Java TT Demonstration TT Multimedia (K-Yan)
Application Java Script and
8.1 script code in HTML 4 hours
Development HTML Text TT Trainer Led Discussion TT Participant Handbook
page
with Java Script
TT Trainer’s Guide
Day 63
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
8.2 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application TT Demonstration TT Multimedia (K-Yan) 3 hours
8.3 Exploring Java Script To work with Java script
Development TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
TT Trainer’s Guide
Day 64
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
8.4 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application Variable and Data To identify different TT Demonstration TT Multimedia (K-Yan)
8.5 2 hours
Development Type in Java Script types of variables TT Trainer Led Discussion TT Participant Handbook
with Java Script
TT Trainer’s Guide
TT White Board
Web
Application Functions in Java To work with functions TT Demonstration TT Multimedia (K-Yan) 1 hour
8.6
Development Script in Java script TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
TT Trainer’s Guide

Transforming the skill landscape

 Day 65
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
8.7 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application The Document To add DOM structure TT Demonstration TT Multimedia (K-Yan) 3 hours
8.8
Development Object Model in your web page TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
TT Trainer’s Guide
Day 66
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
8.9 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application Expressions in Java To add Expressions in a TT Demonstration TT Multimedia (K-Yan) 3 hours
8.10
Development Script code TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
TT Trainer’s Guide
Day 67

Copyright © National Skill Development Corporation

TT Multimedia (K-Yan)
To revise learning of TT Demonstration
8.11 Recap Recap TT Participant Handbook 20 minutes
previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application Conditionals in Java TT Demonstration TT Multimedia (K-Yan) 3 hours
8.12 To work with conditions
Development Script TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

33
 34
Day 68
TT Multimedia (K-Yan)
To revise learning of TT Demonstration
Session Plan

8.13 Recap Recap TT Participant Handbook 20 minutes

previous day TT Reinforcement
TT Trainer’s Guide
TT White Board
Web
Application To work with loops in TT Demonstration TT Multimedia (K-Yan) 1 hour
8.14 Looping
Development Java script TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script
TT Trainer’s Guide
TT White Board
Web
Application To work with multi TT Demonstration TT Multimedia (K-Yan)
8.15 Java Script Arrays 2 hours
Development types of arrays TT Trainer Led Discussion TT Participant Handbook
with Java Script
TT Trainer’s Guide
Day 69

Recap TT Multimedia (K-Yan)

To revise learning of TT Demonstration
8.16 Recap Image Viewer for TT Participant Handbook 20 minutes
previous day TT Reinforcement
Gallery Page TT Trainer’s Guide
TT White Board
Web Validating User Input
Application with Java Script To add validations in TT Demonstration TT Multimedia (K-Yan) 3 hours
8.17
Development Add Validation in a your web page TT Trainer Led Discussion TT Participant Handbook 40 minutes
with Java Script HTML Form
TT Trainer’s Guide
Day 70
Web Add validation in given
TT Practical Test TT Assessment Guide
Application HTML form or create
8.18 Practical Test - 5 (Formative 4 hours
Development image viewer for TT Trainer’s Guide
Evaluation)
with Java Script gallery page

Transforming the skill landscape

 Advanced JAVA with j-Query - Duration: 20 hours
Day 71-74
To explain jQuery
technology.
To attach jQuery to your
JS page
To explain basic structure
Introduction to of jQuery TT White Board
TT Demonstration
Advanced jQuery To download jQuery from TT Participant
9.1 JAVA with TT Trainer Led Discussion 16 hours
Add Animation in internet Handbook
j-Query
Gallery Using jQuery To add correct syntax in TT Trainer’s Guide
your code
To work with jQuery
selectors
To add misc methods in
code
Day 75
Advanced TT Practical Test TT Assessment Guide
To add animation in
9.2 JAVA with Practical Test - 6 (Formative 4 hours
gallery using jQuery TT Trainer’s Guide
j-Query Evaluation)

Copyright © National Skill Development Corporation

Certificate Programme in Web Designing and Development

35
 36
CORE PHP Fundamental - Duration: 60 hours
Day 76
Session Plan

TT White Board
Install PHP 5 Apache To install PHP 5 Apache TT Multimedia (K-Yan)
CORE PHP TT Trainer Led Discussion
10.1 My SQL on Windows My SQL on Windows TT Participant 2 hours
Fundamental TT Demonstration
using Wamp Server using Wamp server Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP To explain scope of PHP in TT Demonstration
10.2 PHP Introduction TT Participant 2 hours
Fundamental websites TT Trainer Led Discussion
Handbook
TT Trainer’s Guide
Day 77
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.3 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
To add different types of TT White Board
data type in PHP TT Multimedia (K-Yan)
CORE PHP To add variables and TT Demonstration 3 hours
10.4 Exploring PHP TT Participant
Fundamental constants TT Trainer Led Discussion 40 minutes
To work with strings or Handbook
expressions TT Trainer’s Guide
Day 78

Transforming the skill landscape

 TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.5 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP TT Demonstration 3 hours
10.6 Operators To work with operators TT Participant
Fundamental TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 79
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.7 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP Conditional To add different types of TT Demonstration
10.8 TT Participant 2 hours
Fundamental Statements condition in a program TT Trainer Led Discussion
Handbook

Copyright © National Skill Development Corporation

TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP TT Demonstration 1 hour
10.9 Loop Statements To work with loops TT Participant
Fundamental TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Certificate Programme in Web Designing and Development

37
 38
Day 80
TT Multimedia (K-Yan)
TT
Session Plan

To revise learning of Demonstration TT Participant

10.10 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP To work with multi types TT Demonstration 3 hours
10.11 Functions TT Participant
Fundamental of functions TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 81
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.12 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP To work with arrays in a TT Demonstration 3 hours
10.13 Arrays TT Participant
Fundamental program TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 82
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.14 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide

Transforming the skill landscape

 TT White Board
TT Multimedia (K-Yan)
CORE PHP To work with different TT Demonstration 3 hours
10.15 PHP Forms TT Participant
Fundamental types of Forms TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 83
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
10.16 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP TT Demonstration
10.17 Files To handle files TT Participant 2 hours
Fundamental TT Trainer Led Discussion
Handbook
TT Trainer’s Guide
TT White Board
PHP Sessions TT Multimedia (K-Yan)
CORE PHP TT Demonstration 1 hour
10.18 Convert HTML To work with sessions TT Participant
Fundamental TT Trainer Led Discussion 40 minutes
Website into PHP Handbook

Copyright © National Skill Development Corporation

TT Trainer’s Guide
Day 84
TT Assessment Guide
TT Practical Test TT Trainer Guidance
CORE PHP To convert HTML website
10.19 Practical Test - 7 (Formative TT Participant 4 hours
Fundamental into PHP
Evaluation) Handbook
TT Trainer’s Guide
Certificate Programme in Web Designing and Development

39
 40
Day 85
TT Multimedia (K-Yan)
Session Plan

TT Multimedia Unit
To revise learning of TT Demonstration
10.20 Recap Recap TT Participant 20 minutes
previous day TT Reinforcement
Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP To explain scope of OOP’s TT Demonstration 3 hours
10.21 Introduction to OOP TT Participant
Fundamental in PHP program TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 86
TT Multimedia (K-Yan)
TT Multimedia Unit
To revise learning of TT Demonstration
10.22 Recap Recap TT Participant 20 minutes
previous day TT Reinforcement
Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
CORE PHP TT Demonstration 3 hours
10.23 Inheritance To work with inheritance TT Participant
Fundamental TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide

Transforming the skill landscape

 My SQL Data Base - Duration: 40 hours
Day 87
TT White Board
TT Multimedia Unit
My SQL Data To explain scope of TT Demonstration
11.1 Database TT Participant 4 hours
Base database in PHP TT Trainer Led Discussion Handbook
TT Trainer’s Guide
Day 88
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
11.2 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
My SQL Data Retrieving and To retrieve and sort TT Demonstration 3 hours
11.3 TT Participant
Base Sorting database TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 89
TT Multimedia (K-Yan)

Copyright © National Skill Development Corporation

To revise learning of TT Demonstration TT Participant
11.4 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
My SQL Data To work with MY SQL TT Demonstration 3 hours
11.5 My SQL Functions TT Participant
Base functions TT Trainer Led Discussion 40 minutes
Handbook
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

41
 42
Day 90
TT Multimedia (K-Yan)
TT
Session Plan

To revise learning of Demonstration TT Participant

11.6 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
Display Data from TT Multimedia (K-Yan)
My SQL Data To display data from TT Demonstration 3 hours
11.7 Multiple Table TT Participant
Base multiple table TT Trainer Led Discussion 40 minutes
(Joining) Handbook
TT Trainer’s Guide
Day 91
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
11.8 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
Aggregate Functions TT Multimedia (K-Yan)
My SQL Data and Aggregation Work with Grouping in TT Demonstration 3 hours
11.9 TT Participant
Base Using GROUP BY MY SQL TT Trainer Led Discussion 40 minutes
Clause (Grouping) Handbook
TT Trainer’s Guide
Day 92
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
11.10 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide

Transforming the skill landscape

 TT White Board
TT Multimedia (K-Yan)
My SQL Data TT Demonstration 3 hours
11.11 Sub Query To write sub query TT Participant
Base TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 93
TT Multimedia (K-Yan)
To revise learning of TT Demonstration TT Participant
11.12 Recap Recap 20 minutes
previous day TT Reinforcement Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
My SQL Data TT Demonstration 3 hours
11.13 Manipulate Table To manipulate tables TT Participant
Base TT Trainer Led Discussion 40 minutes
Handbook
TT Trainer’s Guide
Day 94
TT Multimedia (K-Yan)
TT Multimedia Unit
TT Demonstration

Copyright © National Skill Development Corporation

To revise learning of
11.14 Recap Recap TT Participant 20 minutes
previous day TT Reinforcement
Handbook
TT Trainer’s Guide
TT White Board
TT Multimedia (K-Yan)
My SQL Data Creating and To create and manage TT Demonstration 3 hours
11.15 TT Participant
Base Managing Table tables TT Trainer Led Discussion 40 minutes
Handbook
Certificate Programme in Web Designing and Development

TT Trainer’s Guide

43
 44
Day 95
Java Script, TT Theory TT Assessment guide
To test knowledge of
11.16 J Query and Theory Test - 3 test(Formative 1 hour
Session Plan

previous sessions TT Trainer’s Guide

PHP Evaluation)
TT Trainer Led
Discussion
Practice – Java
TT Memorization and
Script, J Query and To practice the skills TT Participant
Transfer
11.17 Practice PHP covered in Java Script, J Handbook 3 hours
Query and PHP TT Hands on Practice
Create Mail Function TT Trainer’s Guide
(Try Me)
Using PHP
TT Guided Pratice (Work
with Me)
Day 96
Java Script, TT Practical test TT Assessment Guide
To create mail function
11.18 J Query and Practical Test - 8 (Formative 4 hours
using PHP TT Trainer’s Guide
PHP Evaluation)

Transforming the skill landscape

 Bringing It All Together - Duration: 12 hours
Day 97
TT White Board
TT Multimedia (K-Yan)
To create full dynamic
Bringing it All Designing a Full website using designing, TT Demonstration TT Multimedia Unit
12.1 4 hours
Together Dynamic Website coding, programming and TT Trainer Led Discussion TT Participant
database
Handbook
TT Trainer’s Guide
Day 98
To create full dynamic
Final Project website for online TT Test Me (summative TT Assessment Guide
12.2 Final Project Part-1 4 hours
Part-1 shopping store website Assessment ) TT Trainer’s Guide
with administrator
Day 99
To create full dynamic
Final Project website for online TT Test Me (Summative TT Assessment Guide
12.3 Final Project Part -2 4 hours
Part -2 shopping store website Assessment ) TT Trainer’s Guide
with wdministrator
Day 100

Copyright © National Skill Development Corporation

To test the participants on TT Theory Test
TT Assessment Guide
12.4 Final Test Theory Test - 4 the skills acquired during TT ( S u m m a t i v e 4 hours
the training program TT Trainer’s Guide
Assessment )
Certificate Programme in Web Designing and Development

45
 Session Plan

46

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 1

Session Resources Used Suggested Duration

TT Interactive Game from Trainer’s
Ice Breaker Guide 30 minutes
TT Participant Handbook

TT White Board
Introduction to Sketching TT Participant Handbook 1 hour
TT Trainer’s Guide

TT White Board
Color Theory TT Participant Handbook 1 hour
TT Trainer’s Guide

TT White Board
Visual Design TT Participant Handbook 1 hour 30 minutes
TT Trainer’s Guide

47

Copyright © National Skill Development Corporation

 Trainer's Guide

Ice Breaker

Objective
After completing this session, trainees will be able to:
TT introduce each other and build rapport with fellow participants and trainer.

Notes for Facilitation

It is important to start the session with enthusiasm, to generate interest and involvement from the
beginning. Facilitate a quick icebreaker to introduce participants to each other and to make them
comfortable in their surroundings.

Say
What a great way to start off! Friends, now that we are all rejuvenated, let us move onto introductions.
Everyone should introduce themselves by choosing an adjective that begins with the first letter of their
first name and one that really matches their personality. For example Helpful Harish.
Introduce yourselves. Then, the next person will first tell the name and quality of the person before him
and then give his name with his quality. The person next to him will give the name and quality of the
first two people before him and then introduce himself. So on and so forth. So let’s begin the game. I
will start with my name.

Do
Arrange the entire class in a circle. Start the game by giving your name with a quality starting with the
first letter of your name.

Notes for Facilitation

Remember this is no competition. If a participant does forget, encourage the other participants to help
him out.

Say
So, now that we know each other’s names, let’s get to know each other a little more. We will be spending
the next 100 days in each other’s company, and it is a good idea to know each other better.

Do
After the game is over, introduce yourself. Give the following information about yourself - personal
information, family background, about your career.

Say
Now each of you can introduce yourself in the same way.

48

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Notes for Facilitation

Some participants might be shy or hesitant, encourage them to share their details. When everyone has
finished introducing themselves, explain the schedule for the day and distribute the training material.

Say
Great! It’s good to meet you all. Today, we will commence with the Certificate Program in Web Designing
and Development. This course will walk you through the various technologies used in web designing
and development.
The participant guide provided is a compilation of resources to help foster better understanding of the
technologies.
Your cooperation and involvement is extremely essential to successful delivery of the training. So feel
free to ask any questions.

Introduction to Sketching

Objective
After completing this session, trainees will be able to:
TT explain the scope of sketching.

Do
Review the learning objectives.
Begin by explaining the importance of sketching in web designing. Tell them Sketching is an important
skill in the design field. It gives a kick start to one’s creative process on paper, allowing you to work in a
more spontaneous and stimulating way.
Continue by showing them the various materials used in sketching.

Say
Now let us look at the various things we will need whilst sketching.
Here I have some drawing pencils, a pencil sharpener, a kneadable eraser, some sand paper and an A4
size sketch book.

Do
Pass around the material, so that the class can get a better feel of each of them.

Say
Now let us look at the various ways you can hold a pencil while sketching.

49

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
Use the flip chart to show them the ways of holding a pencil while sketching. Demonstrate the exact
manner in which they should hold the pencil. You can even ask the participants to hold the pencil and
imitate you. You can then check to see if everyone is holding the pencil correctly.

Do
Go on to explain the various sketching techniques by demonstrating on the flip chart. Ask the participants
to try out the various techniques on paper.

Do
Initiate a discussion on the key learnings and walk the participants through the worksheet. The answers
to the worksheet have been listed towards the end of each session.

Color Theory

Objective
After completing this session, trainees will be able to:
TT explain the basic rules of colour relationships, tints, and shades by creating a colour wheel.

Do
Review the learning objectives. Begin the session by initiating a discussion on colour theory.

Ask
What do you understand by colour?

Responses
Colour is an element of art which reflects when light strikes an object.

Do
Encourage the participants to delve deeper. Clarify the three properties of colour - Hue, Saturation,
Value. Go on to explain Colour theory.
Demonstrate the basic rules of colour relationship and the colour wheel. If time permits you can even
involve the class to mix colours and see the colour change for themselves. Remember to take a box of
paint and a paint palette.
Initiate a discussion on the key learnings and walk the participants through the worksheet. The answers
to the worksheet have been listed towards the end of each session.

50

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Visual Design

Objective
After completing this session, trainees will be able to:
TT explain the concept of visual design.

Do
Review the learning objectives. Begin the session by initiating a discussion on visual designing.

Ask
What is visual designing?

Responses
Visual Design is communication of concepts and ideas and its basic elements are colour palette, lights,
shadows, textures, fonts etc.

Do
Thank the participants for their responses and add onto the discussion. Explain the four basic principles
used for visual designing one by one. Use the pictorial examples delineated in the participant handbook.
Initiate a discussion on the difference between visual designing and graphic designing

Ask
What is the difference between visual designing and graphic designing?

Responses
Visual Design is the field of developing visual materials to create an experience. It is often an integral
step in information design and other communication design disciplines. Whereas graphic designing
refers specifically to the use of graphic media (such as colour, symbol, and type) to communicate a style
or expression.

Do
Continue the discussion by differentiating between visual designing and graphic designing.
Initiate a discussion on the key Learnings and walk the participants through the worksheet. The answers
to the worksheet have been listed towards the end of each session.

51

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 2

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Photoshop Interface TT Participant Handbook 4 hours
TT Trainer’s Guide

52

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Photoshop Interface

Objective
After completing this session, trainees will be able to:
TT point and name the various components of Photoshop Interface.

Do
Let the video run till the Swatches palette is explained. Then, pause the video.

Ask
What is the Colour Palette tool for?
What are the different edit tabs available in the Colour Window of the Colour Palette?
What are the different colour modes used for digital medium and print medium?

Responses
The Colour Palette displays the colour values for the Foreground or Background selected.
The different edit tabs available in Colour Window are Foreground Colour, Background Colour, Slider
and the Colour Ramp.
For digital medium the colour mode will be RGB and for print medium the colour mode will be CMYK.

Say
Yes, the Colour Palette displays the colour values for the current Foreground or Background colours.
The different edit tabs available in the Colour Window of the Colour Palette are Foreground Colour,
Background Colour, Slider and the Colour Ramp. Using the sliders the colours can be modified and using
the colour ramp colours of your choice can be chosen.
The different colour modes are RGB (where R stands for Red, G stands for Green and B stands for Blue)
and CMYK (where C stands for Cyan, M for Magenta, Y for Yellow and K for Black).
The RGB mode is used when the image will be viewed in digital medium like T.V. and Computer monitors.
The CMYK is used when the image has to be created for print media.

53

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
Let the video run till the end.

Ask
What are layers and why should we organise the design in layers?
What type of file is to be sved for retaining layers?

Responses
Layers are like transparent sheets, the design can be organised or placed one on top of the other as we
work and edit.
Each layer can be edited separately without effecting the other.
For retaining the layers the file should be saved as PSD.

Say
Yes, Photoshop allows you to organise your design into layers as you work. Layers are designs placed
one over the other so that they can be modified separately without affecting the other.
Each layer is like a transparent sheet which can be edited separately without affecting the other
For retaining the layers the file should be saved with .PSD extension

Notes for Facilitation

Take a quick tour of the interface elements – Menu bar, Tool bar, Colour Palette, Swatches, Styles and
Layer Palette
Reinforce the concept of organising the work into layers and it’s importance
Explain the use of saving the in various options available .JPEG, .TIFF, .PNG and .PSD

54

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 3

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Photoshop Tools - I TT Participant Handbook 2 hours
TT Trainer’s Guide

TT Multimedia (K-Yan)
Photoshop Tools - II TT Participant Handbook 2 hours
TT Trainer’s Guide

55

Copyright © National Skill Development Corporation

 Trainer's Guide

Photoshop Tools - I

Objective
After completing this session, trainees will be able to:
TT use the selection tools in Photoshop.

Do
Let the video run till the image is imported to the workspace. Then, Pause the video.

Ask
What is resolution?
What is the unit of resolution?
What is the ‘resolution setting’ required for Print Media and for uploading images on the web?

Responses
The minimum resolution required for print will be 300 dpi and for uploading on the web will be 72 dpi.

Say
Resolution is the count of the number of tiny pixels in one inch of digital image. Printing requires high
quality image with minimum resolution of 300 dpi.
The unit of measurement for resolution is dpi is dots per inch or pixels per inch.
Yes, the minimum resolution required for print will be 300 dpi and for uploading on the web will be
72 dpi.

Do
Let the video run till the end.

Ask
What are the different selection tools available in Photoshop?

Responses
The Marquee Tool, Lasso Tool and the Magic Wand are the three selection tools available in Photoshop.

56

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Say
Yes, the Marquee Tool, Lasso Tool and the Magic Wand are the three selection tools available in
Photoshop.
The Marquee Tool selects an object by drawing a rectangle or ellipse around it.
The Lasso Tool selects a border by drawing a freehand border around the area.
The Magic wand selects all objects in a document with similar fill colour, stroke colour, stroke weight
and opacity.

Notes for Facilitation

Recall the elements of the Photoshop interface from the previous session.
Explain Pixels and Resolution again.
Take a quick tour of the selection tools used – Rectangle Marquee Tool, Lasso Tool and the Magic Wand.

Photoshop Tools - II

Objective
After completing this session, trainees will be able to:
TT use drawing and paint tools in Photoshop.

Do
Let the video run till the brush tools are explained. Then, pause the video.

Ask
What is the use of Brush Tool and the Pencil Tool?
How can you substitute one colour for another in parts of an image?
What is the function of the Eraser Tool?

Responses
The Brush tool gives lines with smooth edges and the Pencil Tool can be used for drawing strokes.
Using the Colour Replacement Tool, the colour of an area can be substituted with another colour.
The eraser tool is used to remove colour from an area.

Say
The Brush Tool is similar to a paint brush, which gives soft edges.
The Pencil Tool is a drawing tool, which gives strong edges. The size of the brush or point can be
increased or decreased, using the bracket keys on the keyboard.

57

Copyright © National Skill Development Corporation

 Trainer's Guide

Yes, to substitute one colour for another, use the Colour Replacement Tool. The tool can be accessed
from the Pencil Tool Menu.
Select the sample colour required and then paint over the area to be replaced. Increase or decrease the
size of the point, using the bracket keys.
Yes, the Eraser Tool works like an eraser for clearing an area. Drag the eraser over the areas to be cleared.
By default, the eraser is transparent. Erasing with a background colour selected, replaces or paints the
background colour.

Do
Let the video run till the end.

Ask
What are the different options available in the Pen Tool?
Where is the Colour Gradient tool located, how do we use it?

Responses
The Pen Tool helps to create a perfect shape.
The other tools in the Pen Tool menu are the Free Form Pen Tool, Convert Point Pen Tool, Add Anchor
Points Tool and the Delete Anchor Point Tool.
The Colour Gradient Tool can be located from the Bucket Tool Menu.
Click and drag the tool across the area of the shape where the gradient is required.

Say
Yes, the Pen Tool allows to create a more perfect shape with anchor points at regular intervals.
The Pen Tool menu consists of various edit tools, which allows to edit the shape created from the
anchor points.
With the Free Form Pen Tool, an irregular path can be created. With the Convert Point Tool the anchor
points can be dragged and shaped.
Anchor Points in a path can be added using the Add Anchor Points option and can be deleted using
Delete Anchor Points option.
The Colour Gradient tool can be accessed from the Bucket Tool Menu. To change the gradient in an area
of colour, click and drag the tool across the area. The type of the gradient colour depends on the length
and angle dragged.

Notes for Facilitation

Tell the Participants how the actions of some tools seem similar so help the Participants differentiate
their uses. For eg. Using the Brush tool and the Pencil Tool.
Repeat the use of Colour Boxes Tool, Bucket Tool and Colour Replacement Tool.
Reinforce the concept of organising the work in to layers.
Recall the use of Eraser Tool as eraser and coloring tool.

58

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 4

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Photoshop Tools - III TT Participant Handbook 2 hours
TT Trainer’s Guide

TT Multimedia (K-Yan)
Photoshop Tools - IV TT Participant Handbook 2 hours
TT Trainer’s Guide

59

Copyright © National Skill Development Corporation

 Trainer's Guide

Photoshop Tools - III

Objective
After completing this session, trainees will be able to:
TT use of Toning Effect Tools in Photoshop.

Do
Let the video run till the use of Clone Stamp Tool. Then, pause the video.

Ask
What are the different set of tools available for retouching and repairing?
Differentiate the use of Healing Brush, Patch Tool and Stamp Tool.

Responses
The Healing Brush Tool, The Patch Tool and the Stamp Tool.
The Healing Brush Tool corrects and repairs spots and areas.
The Patch Tool repairs the area by applying a patch over the area.
The Clone Stamp Tool, takes a sample and applies over the area to be repaired.
The Blur Tool decreases the contrast in the colour.

Say
Yes, there are various sets of retouching tools – the Healing Brush Tool, the Spot Healing Brush Tool, the
Patch Tool and the Clone Stamp Tool.
The Healing Brush Tool has Tools for repairing areas: the Spot Healing Brush Tool for small areas and
Healing Brush Tool for larger areas.
The Patch Tool, can be accessed from the Healing Brush Menu. The Patch Tool does not repair by
painting on the defective area, but by applying a patch over the defective area. To blend the heal and
the patch with the rest of the image, adjust the opacity of the colour tint.
With Clone Stamp tool, first a sample or stamp is created. Then the stamp is dragged along the area to
be repaired. The opacity control is not available for the Stamp Tool

Do
Let the video run till the use of Sponge Tool. Then, pause the video.

Ask
How different is the effects of Dodge and Burn Tool in comparison to Blur Tool and Sharpen Tool?
What is the difference in the use of Smudge Tool and Sponge Tool?

60

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Responses
The Blur Tool and the Sharpen Tool modifies the contrast in the area applied.
The Dodge Tool and the Burn Tool brighten up or darken the area where applied.
The Smudge Tool blends the pixels in the area applied and the Sponge Tool soaks up the colour from
the area applied.

Say
Yes, the Blur Tool and the Sharpen Tool are for adjusting contrast on the area applied. The Blur Tool
decreases the contrast and the Sharpen Tool increases the contrast.
The Dodge Tool, brightens up the area to give a highlighted effect and the Burn Tool gives a shadow
effect by darkening the area on which the tool is applied
The Smudge Tool pushes the pixels around. in the area applied, and gives an effect like finger painting.
The Sponge Tool soaks up the colour from the area applied.

Do
Let the video run till the end.
Then, pause the video.

Ask
What is the use of History Tool?
What is the difference in the use of Zoom Tool and Hand Tool?

Responses
To undo changes the History Tool is applied.
Zoom Tool allows to magnify and reduce the area under display and the Hand Tool allows to move
around the workspace.

Say
Yes, apply the History Tool to undo changes. The changes are undone in reverse order; undoing the last
change first and so on.
Yes, The Zoom Tool magnifies or reduces the area under display and the Hand Tool allows to move
around the workspace.
Select the Zoom-in or Zoom-out from the zoom options, click on the area to zoom.
Select the Hand Tool, click on a spot, drag the mouse to move in the direction required.

61

Copyright © National Skill Development Corporation

 Trainer's Guide

Notes for Facilitation

Repeat the effects of toning for the tools with comparisons – Blur and Sharpen; Dodge and Burn;
Smudge and Sponge.
Take a quick tour of the tools used for repairing and retouching – Healing brush, Patch and Clone Stamp.
Reinforce the concept of organising the work into layers.
Arrange or organise for a few drawings, photographs or documents to be used in the next session of
Scanning.

Photoshop Tools - IV

Notes for Facilitation

Participants to practise using toning effect tools.

62

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 5

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT Multimedia (K-Yan)
Scanning TT Participant Handbook 3 hours 30 minutes
TT Trainer’s Guide

63

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Recap

Say
Before we begin our day today, let us recap what we have learnt yesterday.
We saw the use of various tools in Photoshop. We also saw how to locate these tools in the Photoshop
interface.
We learnt the use of Selection Tools, the Draw and Paint Tools. Then, we used the special effects tools
to repair the damaged portion of an image.
We also saw the use of History Tool to undo changes.

Notes for Facilitation

Open a file in Photoshop and demonstrate the use of the above tools.
Play the portions of the video for the above tools, if required.

Scanning

Objective
After completing this session, trainees will be able to:
TT scan an image or a photograph

Say
You will be learning how to scan an image or a photograph.

Do
Let the video run till the paper with the illustration is placed inside the scanner. Then, pause the video.

64

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Ask
How was the paper with the illustration placed inside the scanner and why?

Responses
The paper was placed with the image facing the glass screen.

Say
Any scanner will have a glass screen once you open the scanner cover. You have to place the paper
such that the illustrated image faces the glass screen. You must have observed how the paper with the
illustration was placed, facing the glass screen of the scanner.
Apart from this, you also have to make sure that the paper is aligned and positioned properly so as to
avoid mistakes.

Do
Let the video run till the settings in the scan software appears and scanning is complete. Then, pause
the video.

Ask
What are the settings available while scanning?
How to make sure that the scanning is complete?

Responses
TT The settings available are:
• Profile
• Source
• Color Format
• File Type
• Resolution
• Brightness and contrast
• Preview
TT By checking if the scanned file is saved in the default scanning folder.

65

Copyright © National Skill Development Corporation

 Trainer's Guide

Say
TT Yes there are many settings before you scan the image. These settings help you control the output
and modify it, to a certain extent.
• We choose the Photo (Default) option from the dropdown as the source image is a pencil
drawing.
• Source will display the type of scanner used, in our case it is a flatbed scanner.
• Color settings help you to scan an image in color, black and white or grayscale. In our case,
we select the grayscale option as it will enhance the shaded areas of the illustration.
• File type will ask you in which format you would like to save the scanned image, you can
choose any format as per your requirement. In our case we have chosen the JPEG format
as it takes the least space.
• Resolution shows the DPI (Dots Per Inch) settings that should be defined for printing or soft
copy. In our case, we define 300 DPI which is the minimum resolution required for printing.
As a general rule, a resolution of 75-100dpi is sufficient for e-mailing, while 300dpi is
appropriate for printing.
• You can manually adjust the brightness or contrast settings, as per your requirement,
before scanning.
• Preview enables you to see the actual output without scanning and helps to make further
settings if required. In our case, we removed the blank space on the illustrated image.
TT There are two ways through which you can make out whether the scanning is over or not. One is
the Progress Bar that displays the progress of scanning and other is when the file is automatically
saved in the default scanning folder.

Notes for Facilitation

Tell the Participants that the scanner lid should not be opened while the scan is in progress, else the
scanning will stop.
Reinforce the importance of making correct settings prior to scanning.

66

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 6

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Black and White to Color TT Participant Handbook 4 hours
TT Trainer’s Guide

67

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Black and White to Color

Objective
After completing this session, trainees will be able to:
TT color a black and white photograph or image.

Say
You will be learning how to transform a simple black and white photograph or image into a colored one

Do
Let the video run till the unsharpened part of the first pencil is selected. Then, pause the video.

Ask
Why did we select a specific part and put it in a layer?
Which tool was used for selecting the unsharpened part?

Responses
Each part needs to have a different color, hence we first have to select a specific part. The selected part
has to be put in a new layer, so that it remains independent.
Working on a specific part in a separate layer ensures that other parts of the same image don’t get
affected.
Polygonal Lasso Tool was used for selecting the unsharpened part.

Say
Remember to create new layers for every new part that you work on.
Creating layers helps in quick modification of the parts where required, without affecting the rest of the
image.
Correct, the tool used for selecting the unsharpened part is the Polygonal Lasso tool. It is one of the
selection tools and allows both freehand and straight lined selections.

68

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Do
Let the video run till the unsharpened part of the first pencil is colored using Hue/ Saturation, Levels and
Curves option. Then, pause the video.

Ask
Which options did we use for coloring the unsharpened part of the pencil?
Which option was selected in the Hue/ Saturation window before selecting the color?
What was done to blend the colors?

Responses
TT The options used were:
• Hue/Saturation
• Levels
• Curves.
TT Colorize option was selected before adding color.
TT Used Color Blend mode to blend colors with the base image.

Say
TT Yes we used Hue/Saturation, Levels and Curves for coloring.
• The Hue/Saturation option enables you to add and adjust colors in your image. Hue is
the color in your image. Saturation is the intensity, or richness of that color. And lightness
controls the brightness value.
• Levels option enables to adjust the level of light and dark areas of the image.
• Curves option adjusts the tonal range of an image. However, the range and quality of
adjustment is much greater than that of the Levels option. Precise adjustments to individual
color channels can be made using the curves option.
TT Colorize option at the bottom right of the Hue/Saturation dialog box will automatically use the
Foreground color to colorize the image.
TT The Color Blend Mode in Photoshop takes the grey areas of the base color and colors them with
the blend color. This mode helps to blend the base color with the new color added.

Notes for Facilitation

Share your personal experience on working with the above mentioned different options. This will
provide some practical knowledge to the Participants when they actually start doing their work.

69

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 7

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT Multimedia (K-Yan)
Old to New TT Participant Handbook 2 hours
TT Trainer’s Guide

TT Multimedia (K-Yan)
Retouching Photographs TT Participant Handbook 1 hour 30 minutes
TT Trainer’s Guide

70

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Recap

Ask
What is it that we learnt yesterday?

Responses
Scanning, Coloring and Grooming skills.

Say
TT Yes, we have seen how to scan photographs, images or documents using a scanner. Let us recall
some important points to take care while scanning.
• Place the paper – face down on the glass screen
• Align and position the paper properly
• Always use the preview option to check before scanning
• Never open the scanner lid while scanning is in progress.
TT Next, we saw how to colour a black and white image using Photoshop tools. During colouring, we
saw the use of organizing work into Layers. We saw how to adjust the Hue, Saturation levels of
colors.
TT We also saw a video on the importance of grooming.

Notes for Facilitation

Open a file in Photoshop and demonstrate the use of the above tools.
Play the portions of the video for the above recap, if required.
You could ask one of the participants in class to tell the important points while scanning.

71

Copyright © National Skill Development Corporation

 Trainer's Guide

Old to New

Objective
After completing this session, trainees will be able to:
TT convert an old photograph into a new one.

Say
You will be learning how to convert an old photograph into a new one.

Do
Let the video run till Reduce Noise and High Pass Filter options are over. Then, pause the video.

Ask
Why do we use these options instead of adding color directly?
Which option did we use to remove the grainy effect from the old photograph?
How did we bring out the finer details in the photograph?

Responses
Initial settings are necessary for preparing the photograph before adding color.
Reduce Noise.
High Pass Filter.

Say
Some initial settings are required prior to enhancing an old photograph are, removing the grainy effects
and sharpening the image before adding color. This is done for a better output.
Yes, the Reduce Noise option enables us to reduce grainy effects in a photograph. Noise appears as a
spray of colored or black and white pixels in a photograph. This makes it look grainy or rough and crude.
Reduce Noise option helps to overcome this problem and improves the image quality.
High Pass Filter helps to give a soft and smooth effect to the skin in a photo without blurring out
important details. This sharpens finer details in a photograph.

Do
Let the video run, till the boy's face is colored and spilled colors are erased. Then, pause the video.

72

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Ask
Which tool did we use to add color?
From where did we choose the color?
How did we erase the spilled color?

Responses
Brush tool
Color Palette
Eraser tool

Say
Yes the Brush tool is one of the most useful tools in Photoshop, with an excellent range of features
available. Coloring is one of the prime feature of this tool.
Color Palette is one of the options from where you can choose colors. It provides a color range along
the bottom of the palette for selecting a color. The sliders in the color palette allow you to refine your
color choice by adjusting each slider.
As the name suggests, the Eraser tool erases the unnecessary parts in an image. It can also be used
to cover unnecessary colors in an image. This can be done by reducing the opacity while covering the
unwanted colored parts with transparent pixels.

Notes for Facilitation

Share your personal experience on working with the above mentioned options. This will provide some
practical knowledge to the Participants when they actually start doing their work.

Retouching Photographs

Objective
After completing this session, trainees will be able to:
TT retouch and restore a torn or damaged photograph.

Say
You will be learning how to retouch and restore a torn or damaged photograph.

Do
Let the video play till the Clone Stamp and Healing Brush tool work is over. Then, pause the Video.

73

Copyright © National Skill Development Corporation

 Trainer's Guide

Ask
Which are the two tools used for retouching the torn areas in a photograph?

Responses
Clone Stamp tool
Healing Brush tool

Say
TT Yes we used the Clone Stamp tool and Healing Brush tool to restore and retouch the damaged
areas.
• The Clone Stamp tool enables you to take a sample color near the damaged part. Then it
applies the same color to cover the damaged part. This blends the damaged part with the
rest of the photograph to show as if the photo was never damaged.
• The Healing Brush tool lets you correct imperfections, causing them to disappear into the
surrounding image. You could see how minor blemishes like the black mole on the old
man's forehead were removed. The Healing Brush was used to blend the mole seamlessly
into the rest of the image.

Do
Play the video where color samples are taken while using the two tools along with the Opacity and Flow
settings of the tools.

Ask
How to make sure that the damaged area is retouched without changing the color?
Which settings have to be changed in order to control the color blending effect over the damaged part?

Responses
Take a sample color near the damaged area to cover the damaged part.
Opacity and Flow settings.

Say
You have to take sample colors from near the area that needs to be retouched in order to mend the
damaged areas.
Opacity controls the amount or intensity of the color. Flow controls its distribution. Using these two
settings together, while using the Clone Stamp and Healing Brush tool gives a tremendous level of color
control.

74

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 8

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT Multimedia (K-Yan)
Compositing Photographs TT Participant Handbook 1 hour 30 minutes
TT Trainer’s Guide

TT Multimedia (K-Yan)
Manipulating Photographs TT Participant Handbook 2 hours
TT Trainer’s Guide

75

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Recap

Say
Yesterday we have seen how to give a new look to old photographs. We also saw how to repair and
retouch damaged photographs.
The Reduce Noise option enables us to reduce the grainy effects in a photograph and improve the
image quality. The High Pass Filter option sharpens the finer details in an image.
We saw the use of Brush Tool, Colour Palette and Eraser Tool.

Notes for Facilitation

Open a file in Photoshop and demonstrate the use of the Brush Tool and the Eraser Tool.
Play the portions of the video for the above recap, if required.
You could ask one of the Participants to come and demonstrate the use of Brush Tool and Eraser Tool.

Compositing Photographs

Objective
After completing this session, trainees will be able to:
TT create a new image using two or more photographs or images.

Say
You will be learning how to use two or more images to create a new composite image.

Do
Let the video play where the lion and deer selection happens. Then, pause the video.

76

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Ask
Which are the two tools used for selecting the lion and the deer?

Responses
Polygonal Lasso Tool
Magnetic Lasso Tool

Say
TT Yes, we used the Polygonal Lasso Tool to select the Lion and Magnetic Lasso Tool to select the
deer
• Remember, we used the Polygonal Lasso Tool in Black and White to Color module too. This
tool can select both freehand and straight areas. But it is not as precise as the Magnetic
Lasso Tool.
• The Magnetic Lasso Tool is much more powerful than the Polygonal Lasso Tool. When
selecting the deer the Magnetic Lasso Tool automatically placed anchor points on same
colour pixel as the mouse was dragged over the outline. This made it easy to select the
deer’s body with precision.

Do
Let the video run where the lion and deer are resized and the position of the deer is reversed.

Ask
Which tool is used for resizing the lion and deer?
What command was used to reverse the position of the deer?

Responses
Free Transform tool
Flip Horizontal

Say
Yes, Free Transform Tool is used for resizing the images as well as for rotating their position.
The Flip Horizontal command flips the image horizontally to change its position.

Notes for Facilitation

Reinforce how Hue/Saturation, Levels and Curves option was used to blend the color of the lion and
deer with that of the grassland to make the composite look real.

77

Copyright © National Skill Development Corporation

 Trainer's Guide

Manipulating Photographs

Objective
After completing this session, trainees will be able to:
TT to manipulate a photograph by merging two or more images.

Say
You will be learning how to manipulate a photograph by merging two or more images which portrays
deception or illusion.

Do
Let the video play till the snake’s head is adjusted on the Dog’s head using the Warp tool. Then, pause
the video.

Ask
Which tool is used for adjusting the snake’s head on the dog’s head?

Responses
Warp Tool

Say
Yes we used the Warp Tool, adjust the dimensions of the snake’s head to match the dimensions of the
dog’s head. It lets you drag control points to manipulate the shape of images, shapes, or paths.

Do
Let the video play till the point where the snake’s neck blends seamlessly with that of the dog’s body.
Then, pause the video.

Ask
Name the tool and settings used for giving a seamless effect to the neck area of the dog with that of
the snake.

Responses
Brush Tool
Brush Opacity and Flow settings

78

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Say
Apart from coloring, the Brush Tool can also be used to cover/ color unwanted parts with transparent
pixels or by blending colors. In this case it is used to blend the area around both the dog’s neck and the
snake’s neck to give a seamless effect.
It is the brush opacity and flow settings that help the Brush Tool to blend colors around the neck area.
Adjusting the opacity and flow sliders gives the desired effect.

Notes for Facilitation

Reinforce how Free Transform Tool was used to resize position and rotate the snake’s head.
Clone Stamp Tool was used to cover unwanted parts in the dog’s image and at the same time blended
it with the background.
Hue/Saturation, Levels and Curves option was used to change the overall color of the final manipulated
image.

79

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 9

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT Multimedia (K-Yan)
Inserting Text and Text Effects TT Participant Handbook 3 hours 30 minutes
TT Trainer’s Guide

80

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Recap

Ask
Can anyone of you recall the tools and options used in the previous sessions of Shading and Compositing
Illustration?

Say
The Magic Wand, a quick selection tool, helps to choose a near-perfect selection with one click.
The Eyedropper Tool, enables you to pick sample colors and apply where required.
Then, we saw the Gradient Tool, for coloring. This tool gives a series of colors, that blend into one
another.
In compositing illustrations we saw how important it is to work in Layers. We saw how we can group
the layers and move them as one entity. We saw the use of another selection tool, the Rectangular
Marquee Tool. With this tool, you can select parts or an entire image with ease.
Remember, to always plan and visualize the final composition before beginning to work.

Notes for Facilitation

Invite one of the participants to come and note down the Tools on the white board while explaining.
Open a file and locate the tools and options and demonstrate the same if required.
Play portions of the video where necessary.

Inserting Text and Text Effects

Objective
After completing this session, trainees will be able to:
TT insert text and apply various effects.

81

Copyright © National Skill Development Corporation

 Trainer's Guide

Say
You will be learning the steps of modifying the text color, font size, type and adding text effects.

Do
Let the video play till the text is typed and its font size and font type are changed. Then, pause the video.

Ask
Which tool is used to type the text and how was it’s size and font type changed?

Responses
Type tool

Say
Yes, the Type tool was used to add text. The text size and font type options can be found on the Type
Tool Property Bar.

Do
Let the video play where Blending Options window is opened and different effects are given to the text.
Then, pause the video.

Ask
Which option adds different types of text effects?

Responses
Blending Options

Say
Blending Options helps to add different types of design effects to the text. It enables to transform a
simple text into something very attractive as you just witnessed.
The list of effects is endless right from giving a 3D effect to adding a glow, from shadow effects to adding
textures. It will completely transform the look and design of the text.

Notes for Facilitation

Briefly explain the usage of layer over the text to give the desired effect. Refer to Steps 42 to 58 from
the Participant Handbook for the same.

82

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 10

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Keyboard Shortcut 4 hours
TT Trainer’s Guide

83

Copyright © National Skill Development Corporation

 Trainer's Guide

Keyboard Shortcut

Do
Open a file and create a simple drawing. Remember to use keyboard shortcuts. Avoid using the mouse.

Ask
Why is it so important to use keyboard shortcuts?

Say
To speed up work.
Participants are to practice using keyboard shortcuts.

Notes for Facilitation

Keep a file ready to demonstrate the use of keyboard shortcuts.

84

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 11

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
TT White Board
Recap 20 minutes
TT Participant Handbook
TT Trainer’s Guide

TT Multimedia (K-Yan)
Practice - Photoshop TT Participant Handbook 3 hours 30 minutes
TT Trainer’s Guide

85

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Recap

Notes for Facilitation

Invite one of the Participants to come and note down the Tools on the white board while explaining.
Open a file and demonstrate all the tools.
Play portions of the video where necessary.

Practice - Photoshop

Notes for Facilitation

Participants to practise the skills covered in photoshop.
Ask them to work on the test images / questions.

86

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 12

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Multimedia (K-Yan)
Practice - Photoshop TT Participant Handbook 3 hours 50 minutes
TT Trainer’s Guide

87

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Practice - Photoshop

Notes for Facilitation

Participants to practise the skills covered in photoshop.
Ask them to work on the test images / questions.

88

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 13

Session Resources Used Suggested Duration

Morning Energiser TT Morning Energiser Booklet 10 minutes

TT Assessment Guide
Practical Test - 1 3 hours 50 minutes
TT Trainer’s Guide

89

Copyright © National Skill Development Corporation

 Trainer's Guide

Morning Energiser

Resources to be used
Please refer to the “Morning Energisers” section in the Trainer Guide. You may pick the energiser that
is recommended for the day of the week.

Practical Test - 1

Notes for Facilitation

Tell the participants to create a brochure for a training institute imparting courses in Computer Software

90

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 14

Session Resources Used Suggested Duration

TT K-Yan
TT White Board
Introduction to Flash 3 hours
TT Participant Handbook
TT Trainer’s Guide

TT K-Yan
Flash User Interface - 1 TT Participant Handbook 1 hour
TT Trainer’s Guide

91

Copyright © National Skill Development Corporation

 Trainer's Guide

Introduction to Flash

Objectives
After completing this session, trainees will be able to:
TT identify the new and enhanced features of Flash CS5;
TT launch the Flash application;
TT create a new Flash document.

Do
Review the learning objectives.

Ask
What is Flash animation?
List some of the benefits you think there are to using the computer to create animation.

Responses
Flash helps you create animation quickly, can make animations appear life like. One can create
animations cost-effectively; Flash makes it easy to create animation cost effectively, software makes it
easy to create objects.

Do
Encourage a discussion on Flash. Do not spend much time on this discussion. The main thing is to
generate the trainees’ interest in Flash. Inform the participants about the various uses of Flash and how
it fits their aspirations to become web designers.
Show some examples of what can be made using Flash.
Introduce them to the various versions of Flash and the overall adobe master collection. Initiate a
discussion on the history of Flash.
Develop the discussion by pointing out the difference between the previous versions and Flash CS5.
Inform the participants that today they will learn to launch flash and create a brand new Flash file.
Demonstrate this on the projector using the computer. Go on to explain the main sections of the Startup
screen. Remember to install flash CS5 on the computer you will be using during your session.

Notes for Facilitation

It is easy for beginners to get overwhelmed by the vast capabilities of the Flash program. Ensure that
you put their questions to rest.
Usually introductory classes can turn into elaborate discussions on unrelated subject. Once you have
given enough attention to a topic move on to the next subject. If a participant is persistent you can
always continue the discussion during the break.

92

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Flash User Interface - 1

Objective
After completing this session, trainees will be able to:
TT identify the different components of the user interface.

Do
Review the learning objectives. Inform them that now you will familiarize them with the various
components of the Flash User Interface.
Keep things simple, start with a little introduction to the interface before diving right in to the nuts and
bolts of how things work. Work in the Essential workspace- it’s got everything a beginner needs to learn.
At this point it may be a good idea to do an activity together with trainees. Have each participant open
up the Flash program and point out each part.
You can close the session by discussing the similarities between the Flash programs and other programs
trainees are familiar with. For instance the drawing tools are similar to those in Microsoft Paint and the
panels are similar to those in Microsoft PowerPoint.

93

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 15

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Flash User Interface - 2 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Flash User Interface - 3 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Flash User Interface - 4 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Flash User Interface - 5 TT Participant Handbook 1 hour
TT Trainer’s Guide

94

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Objective
After completing this session, trainees will be able to:
TT revise the learnings of the previous day.

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Flash User Interface - 2

Objective
After completing this session, trainees will be able to:
TT create and manage workspaces.

Do
Review the learning objectives. Discuss the foundation of Flash workspaces. Expand the list of workspace
profile presets. Inform the trainees that while these preset workspaces may not have all the tools and
panels they need, they can easily start with a base toolset and panel and customize it.
Walk them through all the workspaces and show them where everything is laid out and what goes
where in the different workspaces. Tell them the advantage of using different workspaces. For instance,
while animating in Flash- the workspace titled Animation works best.
Demonstrate how they can customize the layout. Begin by the ESSENTIALS workspace - open new
panels close some others. Teach them to the save the customized workspace.
Involve the participants by asking them which panel they will want to see in their layout and minimise
others. Ask them to organize their own layout and save their customized workspace. If trainees go
overboard with the changes help them to reset it to the original workspace.

Notes for Facilitation

A common question trainees are bound to ask you is “Do I have to create a new workspace for every
new Flash project?” Put their qualms to rest and ensure them that they can use the same workspace.

95

Copyright © National Skill Development Corporation

 Trainer's Guide

Flash User Interface - 3

Objective
After completing this session, trainees will be able to:
TT set the stage.

Do
Review the learning objectives.

Ask
Reflect back to your first Flash class, and recall what you remember about the Stage.

Responses
The main part of the workspace is the stage. It is the visible part of your project.

Do
Begin with a basic introduction to Flash. Recap a few points from the first Flash class.
Ask them to think of the stage as an actual performance stage. Anything in the white area will be seen
by someone watching and anything offstage is invisible to the viewer.
Draw something quickly on the stage and pasteboard and do a test run. This will make it clearer to the
trainees how the objects on the pasteboard will not be seen in final Flash movie.
Tell them about the default size of the stage is and demonstrate how one can re-size using the Properties
panel.

Flash User Interface - 4

Objective
After completing this session, trainees will be able to:
TT save a Flash document.

Do
Review the learning objective.
Open the file menu.

96

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Ask
What is the difference between “save” and “save as”?

Responses
You use “save as” option to save a new file, whereas if you want to make changes in an existing file you
use the “save “option.

Do
Create a new flash file and demonstrate how to save it. You can clarify the difference between “save”
and “save as “by making some changes in it and saving it as another flash file using the “Save as” option.
Move the discussion forward by showing them how they can create a standardized template and save
it for further use.
List down some advantages of using a fixed template.

Flash User Interface - 5

Objective
After completing this session, trainees will be able to:
TT open a Flash template;
TT open an existing Flash document;
TT close a Flash document;
TT exit the Flash application.

Do
Review the learning objectives. Continue the discussion from the previous session by showing how they
can open a previously created Flash template.
Go on to show how they can open and close a Flash file. Finally, demonstrate how to close the Flash
application.
Emphasize the need to save at every step to avoid data loss. Close the class by asking the class to create
a new Flash file and save it.

Notes for Facilitation

Encourage participants to help each other, but maintain a level of decorum. Continue moving around
the class and help trainees with their tasks.

97

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 16

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
The Different Drawing Modes in
TT Participant Handbook 40 minutes
Flash
TT Trainer’s Guide

TT K-Yan
Flash Tools - 1 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Flash Tools - 2 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Working with Colors in Flash TT Participant Handbook 30 minutes
TT Trainer’s Guide

TT K-Yan
Adding Filters in Flash TT Participant Handbook 30 minutes
TT Trainer’s Guide

98

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

The Different Drawing Modes in Flash

Objective
After completing this session, trainees will be able to:
TT explore the different drawing modes in Flash.

Do
Review the learning objectives. Explain about the two drawing modes - Merge drawing mode and Object
drawing mode. You can even use the Corael Draw application to show them how objects cannot be merged.
Ask them to practice both the drawing modes, using basic shapes. Once the concept is clear ask them
to experiment with the various tools in the Tools panel.

Flash Tools - 1

Objective
After completing this session, trainees will be able to:
TT work with drawing tools.

Do
Review the learning objectives. Take them through each drawing tool one by one. Ask them to
experiment with the tools. Give them a small task, such as draw a smiley face.

Notes for Facilitation

Trainees who have drawn before using a computer will immediately notice how the Flash tools are similar
to other paint programs. Keep pace with the trainees who are absolutely new to computer drawing.

99

Copyright © National Skill Development Corporation

 Trainer's Guide

Flash Tools - 2

Objective
After completing this session, trainees will be able to:
TT work with the selection and modification tools in Flash.

Do
Review the learning objectives. Take them through the various selection and modification tools. Give
them time to test the tools.

Working With Colors in Flash

Objective
After completing this session, trainees will be able to:
TT use colours in flash.

Do
Review the learning objectives.

Ask
What do you understand by gradient?

Responses
A gradient is basically a fill type that has two or more blended colour. These mixed colours gently
progress from one colour to another colour.

Notes for Facilitation

It’s a fair chance that most trainees will not have an answer to this question.

Do
TT Show them a picture of a rainbow with soft edges on the screen. Ask them to note how the
colours are flowing into one another. Explain about the linear and radial gradients. Demonstrate
how to create and save a customized gradient colour. Next teach them how to create custom
colours which can be saved and used later.

100

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Adding Filters in Flash

Objective
After completing this session, trainees will be able to:
TT use filters in Flash.

Do
TT Review the learning objectives. Tell the trainees about seven types of filters. Demonstrate the
procedure of applying filters to an object. You can close the session by dividing the class into
small groups. Ask the groups to experiment with the different tools and come up with something
creative. Give advice on how they can better their drawings. Encourage the trainees to practice
as much as they can.

101

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 17

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Using Object in Flash - 1 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Using Object in Flash - 2 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Using Object in Flash - 3 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Using Object in Flash - 4 TT Participant Handbook 1 hour
TT Trainer’s Guide

102

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Using Object in Flash - 1

Objective
After completing this session, trainees will be able to:
TT edit objects in Flash.

Do
Review the learning objective. Begin the class by showing the trainees some simple picture samples.
You can save these images beforehand. Ask the trainees to pick a sample. Start by drawing the sample
using as many editing tools techniques as you can.
Demonstrate how you can group, ungroup and break apart objects.

Using Object in Flash - 2

Objective
After completing this session, trainees will be able to:
TT transform objects.

Do
Review the learning objective. Show the class the various tools and techniques of morphing objects one
by one.

103

Copyright © National Skill Development Corporation

 Trainer's Guide

Using Object in Flash - 3

Objective
After completing this session, trainees will be able to:
TT copy an object.

Do
Review the learning objective. Explain the trainees that copying objects in Flash is quite similar to what
we do in other programs.

Ask
What is the common shortcut key for copying and pasting objects in most computer applications?

Responses
Pressing control and C keys on the keyboard will help us copy objects. Similarly pressing control and V
keys help us paste the copied object.

Do
Create duplicate copies of objects to demonstrate how trainees can copy and paste objects.

Using Object in Flash - 4

Objective
After completing this session, trainees will be able to:
TT delete an object.

Do
Review the learning objective.

Notes for Facilitation

Remember, trainees can learn better when they relate their learnings to something they have already
done before.

Ask
How can you delete objects?

Responses
Pressing the delete key on the keyboard will delete the selected object.

Do
Demonstrate the deleting process.

104

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 18

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Using Text in Flash - 1 TT Participant Handbook 30 minutes
TT Trainer’s Guide

TT K-Yan
Using Text in Flash - 2 TT Participant Handbook 30 minutes
TT Trainer’s Guide

TT K-Yan
Timeline Panel - 1 TT Participant Handbook 1 hour 20 minutes
TT Trainer’s Guide

TT K-Yan
Timeline Panel - 2 TT Participant Handbook 1 hour 20 minutes
TT Trainer’s Guide

105

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Using Text in Flash - 1

Objective
After completing this session, trainees will be able to:
TT work with classic and text layout framework text engines.

Do
Review the learning objective. Start the class by dwelling on the Text tool.

Ask
What all do you know about the Text Tool?

Responses
You add text to the stage and pasteboard using the Text Tool. It is similar to most paint programs.

Do
Select the Text Tool. Ask the trainee to look at the Property Inspector and notice the series of Tool
options. Introduce the class to the two text engines.

Say
Adobe Flash Professional CS5 lets you add text to a Flash application in two formats. You can add text
to a FLA file using a new text engine called the Text Layout Framework (TLF) in addition to the previous
text format called Classic text.

Do
Demonstrate how to create various types of text field. Ask the trainees to practice writing their names
in different types of text field and see for themselves how some are editable in the Test Movie Window

106

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Notes for Facilitation

Students are bound to get perplexed between the two text engines as they still have not been introduced
to action scripting. It is important to make them understand the enhanced features of TLF.

Using Text in Flash - 2

Objective
After completing this session, trainees will be able to:
TT edit a text field.

Do
Review the learning objective. Start the class by asking the trainees to add their address, age to the
text field. They will notice that a red plus appears in a TLF text container when they fill it with more text
than fits. Tell them that this red plus indicates the text is overset. Overset text is text that does not fit
in the container.
Tell them they can solve the problem of overset text by making the container bigger or by adding a
scroll bar. Once you have taught them how to make the text scrollable you can ask trainees to practice
on their computers.
Next take them through the process of breaking the text apart into individual letters that can be moved
about or edited individually.

Timeline Panel - 1

Objective
After completing this session, trainees will be able to:
TT work with frames and keyframes in Flash.

Do
Review the learning objective. Conduct a quick quiz, asking volunteers to name the different parts of
the Timeline panel.
Next, teach them to Insert frames and keyframes in the timeline panel.

107

Copyright © National Skill Development Corporation

 Trainer's Guide

Timeline Panel - 2

Objective
After completing this session, trainees will be able to:
TT work with layers and layer folders in Flash.

Do
Review the learning objective.
Start this session by explaining what layers are. You can use transparent sheets and draw parts of a
single image on each transparency. One transparency might have the background. One transparency
might have text. Another transparency might display the company logo.
First display each transparency by itself, then stack the transparencies on top of one another and view
the stack as one image by projecting the stack on the overhead projector.
Once you have demonstrated how to create layers you can explicate the various icons towards the left
of the layer name.
Teach them how to create and access layer folders.

Notes for Facilitation

Prepare the transparencies beforehand using a simple image.

Say
By making objects on different layers, it is possible to have many animations happening at the same
time. This is because each layer can be added along the timeline at the same frame number. For instance
you have created a dog, using different layers you can make the dog’s tail and his ears wiggle at the
same time.

Do
Conclude the day by a pop quiz.

108

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 19

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Symbols in Flash - 1 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Symbols in Flash - 2 TT Participant Handbook 1 hour 20 minutes
TT Trainer’s Guide

TT K-Yan
Symbols in Flash - 3 TT Participant Handbook 1 hour 20 minutes
TT Trainer’s Guide

109

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Symbols in Flash - 1

Objective
After completing this session, trainees will be able to:
TT explore the types of symbols in Flash.

Do
Review the learning objectives. Initiate a discussion on Flash symbols. Inform the trainees about the
functionality of flash symbols.
Walk them through all the workspaces and show them how symbols are created. Tell them how symbols
can be created either from an existing object or scratch.
Discuss the advantages of using symbols in flash. Inform them why symbols require less storage space
then saving multiple copies of the same symbol.
Involve the participants by asking them how they will choose an object from the stage and convert it
into a symbol.
Ask them to organize their workspace.

Ask
What is a symbol?

Responses
A symbol is a button, graphic, or movie clip that you create in Flash either from an existing object or
from scratch. Once you have created a symbol, you can reuse it throughout your document or even in
other documents.
Any symbol that you create in Flash automatically becomes a part of the library for the current document.

110

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Notes for Facilitation

The unique functionalities of symbols in Flash may excite the trainees. Ensure that you put their
questions to rest.
Once you have given enough attention to a topic move on to the next subject.

Symbols in Flash - 2

Objective
After completing this session, trainees will be able to:
TT create symbols in Flash.

Do
Review the learning objectives. Inform them that now you will teach them how to create symbols in
flash.
Start with a brief introduction about the workspace where symbols are created. Ask all the trainees in
the class to open their respective workspaces and identity its different elements.
Make it easy for them by discussing the similarities between the symbols in flash with any other program
they are familiar with.

Ask
How to create symbols in flash?

Responses
A symbol in flash can be created from an object already existing on the stage or you can choose to start
from scratch.
Three different types of symbols can be created from scratch: Graphic, button and movie clip.

Symbols in Flash - 3

Objective
After completing this session, trainees will be able to:
TT modify symbols in flash.

111

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
Review the learning objectives. Begin a discussion on modifying symbols. Start with a little briefing
about modification of symbols.
Ask all the trainees questions related to symbols.
Finally, teach them how to modify the symbols in all the three modes and how to use the workspace.

Ask
How to modify symbols in flash?

Responses
In flash, a Symbol can be modified in three modes:
Editing in the Symbol-editing mode, Editing in place, Editing in a new Window.

112

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 20

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Instances in Flash TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

TT K-Yan
Library Panel in Flash TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

113

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Instances in Flash

Objective
After completing this session, trainees will be able to:
TT insert instances in Flash.

Do
Review the learning objectives. Start with a brief discussion on Instances. Familiarize them with the
meaning of term Instance in Flash.
Tell them how the properties of an Instance are different from that of a symbol.
You can also encourage a discussion on how an animation plays inside a graphic instance.

Ask
What is an Instance in Flash?

Responses
An Instance simply refers to a copy of a Flash symbol. This copy could be a movie clip, graphic, or button.
When you work with symbols on a stage, the symbols that you're working with aren't the actual original
Library symbol.
These symbols are the copies that can be manipulated by scaling, applying colour and adding different
effects to them using ActionScript.

114

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Library Panel in Flash

Objective
After completing this session, trainees will be able to:
TT explore the library panel in Flash.

Do
Review the learning objectives. Start with a brief introduction about Library Panel.
Give a brief introduction about how Library Panel helps in opening multiple Flash projects at the same time.
Make it interesting for them by discussing how the Library Panel in Flash is similar to the Library Panel
in other applications.

Ask
What is a library panel in Flash?

Responses
Library is the section in Flash Professional which stores all the media assets, which are being used in a
Flash project.

115

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 21

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Sound Files in Flash TT Participant Handbook 3 hours 40 minutes
TT Trainer’s Guide

116

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Sound Files in Flash

Objective
After completing this session, trainees will be able to:
TT work with sound files in Flash.

Do
Review the learning objectives. Give them a little introduction about audio files in Flash.
Initiate a discussion on how sound files make a flash file more engaging and interesting.
Give them a brief about how sound files are added to flash files. Walk them through the workspace and
demonstrate how they can work on it.

Ask
What is the significance of adding audio to flash?

Responses
A sound file plays a significant role in making a flash file more interesting and engaging

Notes for Facilitation

Ask if the trainees have any queries regarding the topic. Walk through the classroom to help the trainees.
Once all the trainees have a clear understanding of the topic, move to the next.

117

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 22

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Video in Flash TT Participant Handbook 3 hours 40 minutes
TT Trainer’s Guide

118

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Video in Flash

Objective
After completing this session, trainees will be able to:
TT use video in Flash.

Do
Review the learning objectives. Start with a discussion on video files in Flash.
Give a brief introduction about how video files are inserted and managed in Flash.
Tell them about the steps involved in importing a video file.
Also talk about the importance of saving the files in every step.
Put the discussion on rest after asking the class to start working on the Flash file.

Ask
What is the first step involved in importing a video file?

Responses
Go to file, click on import and go to the option of “import video file”.

119

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 23

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 1 TT Participant Handbook 1 hour 40 minutes
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 2 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 3 TT Participant Handbook 1 hour
TT Trainer’s Guide

120

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Tweened Animation in Flash - 1

Objectives
After completing this session, trainees will be able to:
TT define tween;
TT explain tweened animations in flash.

Do
Initiate a discussion on the term “tween”. Tell them the term comes from the words "in between”.

Ask
What is a tween in Flash?

Responses
A tween in Flash Professional is an animation created by specifying a value for an object property in one
keyframe and another value for that same property in another keyframe.
Flash calculates the values for that property in between those two frames.

Notes for Facilitation

Trainees may ask some questions such as what all objects can be tweened. Solve their queries.
Once you have given enough attention to a topic move on to the next subject.

Tweened Animation in Flash - 2

Objective
After completing this session, trainees will be able to:
TT use shape tweening in Flash.

121

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
Review the learning objectives. Initiate a discussion on how to animate a shape by morphing it into
another shape using shape tweening.
Discuss about different objects that you can shape tween in flash.
Ensure the participation of all trainees.

Ask
How to create shape tween?

Responses
In the timeline window, select any frame from 2-24 using left-click. In the Properties window, you will
now see an option to tween. From the Tween drop down selector choose the Shape.

Notes for Facilitation

Walk through the class to ensure that no trainee is facing any problem while working. Help the trainees
in doing their work.

Tweened Animation in Flash - 3

Objective
After completing this session, trainees will be able to:
TT work with motion tween in Flash.

Do
Review the learning objectives. Encourage a discussion on motion tween.
Make the discussion interesting by telling them how motion tween can make the birds fly along a line.
Familiarize them with different terms such as tween span and property keyframe, etc.

Ask
What is motion tween in Flash?

Responses
A motion tween is an animation that is created by mentioning different values for an object property
in different frames.

122

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 24

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 4 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 5 TT Participant Handbook 50 minutes
TT Trainer’s Guide

TT K-Yan
Tweened Animation in Flash - 6 TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Mask Layer in Flash TT Participant Handbook 1 hour
TT Trainer’s Guide

123

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Tweened Animation in Flash - 4

Objective
After completing this session, trainees will be able to:
TT edit the motion path of a tweened object.

Do
Review the learning objectives. Encourage a discussion on motion path.
Inform them how editing motion path is similar to editing other paths.
Walk through the class and ensure that all the trainees are talking part in the discussion.
Discuss the tools which are required for editing the motion path in flash.

Ask
What is a motion path?

Responses
Motion paths are simply an alternative visual, spatial way of viewing and working with spatial properties
and their keyframes, in addition to the ways that you work with properties in the Timeline panel.

Notes for Facilitation

Ensure that no trainee has any doubt related to editing the motion path. Help the trainees in doing their
work.

124

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Tweened Animation in Flash - 5

Objective
After completing this session, trainees will be able to:
TT work with motion presets in Flash.

Do
Review the learning objectives. Start a discussion on Motion Presets. Ensure that every trainee takes
part in the discussion.
Also discuss how Motion Presets helps in learning the basics of adding animation in Flash.

Ask
What is a Motion Preset?

Responses
Motion Presets are pre-configured Motion Tweens that can be applied to an object on the stage.

Tweened Animation in Flash – 6

Objective
After completing this session, trainees will be able to:
TT use classic tween in Flash.

Do
Review the learning objectives. Begin a discussion on classic tween.
Inform the trainees how motion tweens are different from classic tweens in flash.
Encourage the trainees to tell the difference between the two.

Ask
What is a Classic Tween?

Responses
Classic tween is the older way of creating tweened animation in flash.

125

Copyright © National Skill Development Corporation

 Trainer's Guide

Mask Layer in Flash

Objective
After completing this session, trainees will be able to:
TT create a mask layer.

Do
Review the learning objectives. Begin a discussion on mask layer in flash.

Ask
What is a Mask Layer?

Responses
A mask layer is used to selectively hide and reveal other layers. With mask layers one can achieve effects
that are otherwise either impossible, or difficult to create.

126

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 25

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Bone Tool in Flash TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

TT K-Yan
Animating an Armature TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

127

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Bone Tool in Flash

Objective
After completing this session, trainees will be able to:
TT work with Bone Tool.

Do
Review the learning objectives. Give them a little introduction about bone tool.
Initiate a discussion on how to work with the bone tool.
Give trainees some tips for using the Bone tool to articulate the parts of an animated cartoon character
to best effect.

Ask
What is the role Bone Tool in Flash?

Responses
The bone tool helps in adding motion to an object.

128

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Animating an Armature

Objective
After completing this session, trainees will be able to:
TT animate an Armature in different modes.

Do
Review the learning objectives. Familiarize the class with the term armature.
Give them a little introduction about animating an armature.
Discuss the importance of animating armature with Flash.

Ask
What is importance of animating an armature in Flash?

Responses
Animating with armatures in Flash makes animation faster and easier.

129

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 26

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
3D Animation in Flash TT Participant Handbook 3 hours 40 minutes
TT Trainer’s Guide

130

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

3d Animation in Flash

Objective
After completing this session, trainees will be able to:
TT work with 3D animation in Flash.

Do
Review the learning objectives. Initiate a discussion on the rising popularity of 3D animations.
Discuss the benefits of creating 3D animations.
Give them a brief introduction on how to create 3D animations in Flash. Emphasize on the importance
of creative ideas as nothing else can replace the creativity.
Encourage all the trainees to take part in the discussion.

Ask
What is role of 3D animation in Flash?

Responses
3D animation helps in creating engaging Flash files. With 3D animation, you can create characters and
scenes with a realistic feeling.

131

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 27

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Core Language Fundamental TT Participant Handbook 40 minutes
TT Trainer’s Guide

TT K-Yan
Properties, Methods and Events TT Participant Handbook 3 hours
TT Trainer’s Guide

132

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Core Language Fundamental

Objective
After completing this session, trainees will be able to:
TT write basic AS3 Fundamental.

Do
Review the learning objectives. Discuss about AS3 fundamentals in the class.
Familiarize the class with AS3 syntax and structural object oriented elements.
Inform them how AS3 is different from its prior versions. Discuss the ECMA script on which AS3 is based.
Instruct them how to create and work with packages.

Ask
What is the most attractive feature of AS3?

Responses
ActionScript 3.0 has powerful new features that can greatly speed the development process.

133

Copyright © National Skill Development Corporation

 Trainer's Guide

Properties, Methods, and Events

Objective
After completing this session, trainees will be able to:
TT add Properties Methods and Events.

Do
Review the learning objectives. Discuss properties, methods, and events in Flash.
Inform the trainees what properties, methods, and events are referred to.
Inform them how to identify the three and add them to a Flash file.
Walk through the class to ensure the participation of every trainee.

Ask
What are Properties in Flash?

Responses
Properties in Flash refer to the object being modified or queried.

134

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 28

Session Resources Used Suggested Duration

TT K-yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-yan
Properties, Methods and Events TT Participant Handbook 3 hours 40 minutes
TT Trainer’s Guide

135

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Properties, Methods, and Events

Objective
After completing this session, trainees will be able to:
TT add Properties, Methods and Events.

Notes for Facilitation

Participants to practise the skills to add Properties, Methods and Events.

136

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 29

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Timeline Control TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

TT K-Yan
Motion with Scripting TT Participant Handbook 1 hour 50 minutes
TT Trainer’s Guide

137

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Timeline Control

Objective
After completing this session, trainees will be able to:
TT control timeline with scripting.

Do
Review the learning objectives. Discuss how to Control Timeline in a Flash movie.
To create the interest of the trainees in the subject matter inform them about the essential commands
such as how to play a movie, how to stop it, how to jump to a particular frame on the timeline.
Ensure the participation of every trainee in the class.

Ask
What are the main components of Timeline?

Responses
Three main components are layers, frames and playhead.

138

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Motion with Scripting

Objective
After completing this session, trainees will be able to:
TT animate object with script.

Do
Review the learning objectives. Initiate a discussion on how to animate an object with script.
Inform them about the importance of animated objects.

Ask
What is the importance of animating an object?

Responses
Animated objects make the content more engaging and entertaining.

139

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 30

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
Text Handling with Script TT Participant Handbook 1 hour
TT Trainer’s Guide

TT K-Yan
Sound or Video in AS3 TT Participant Handbook 2 hours 40 minutes
TT Trainer’s Guide

140

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Text Handling with Script

Objective
After completing this session, trainees will be able to:
TT work with text in scripting.

Do
Review the learning objectives. Initiate a discussion on scripting.
Inform them how to work with text step-by-step.
Encourage all the trainees to take part in the discussion.

Ask
What is the role of input text field?

Responses
The input text field enables the user to input text in a field at runtime.

141

Copyright © National Skill Development Corporation

 Trainer's Guide

Sound or Video in AS3

Objective
After completing this session, trainees will be able to:
TT add script for sound or video.

Do
Review the learning objectives. Familiarize the class with the term sound architect.
Inform them about the types of sound tracks they can work with.
Create their interest in the subject matter by telling them how they can stop play pause or replay a
sound in flash.

Ask
How many types of sound you can work with?

Responses
You can work with two types of sounds: Internal sounds and External sounds.

142

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 31

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT K-Yan
XML with AS3 TT Participant Handbook 2 hours 40 minutes
TT Trainer’s Guide

TT Assessment Guide
Theory Test - 1 1 hour
TT Trainer’s Guide

143

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.
Take the participants through multimedia unit on Website Image Gallery

XML with AS3

Objective
After completing this session, trainees will be able to:
TT work with XML in AS3

Do
Review the learning objectives. Start a discussion on XML. Encourage all the trainees to take part in the
discussion.
Inform the trainees that like HTML, XML too is a tag-based language. Also tell them what all XML enables
the users to do.
Walk through the classroom to ensure the participation of all the trainees.

Ask
Expand the term XML?

Responses
XML stands for Extensible Markup Language.

Theory Test - 1

Say
trainees today we will take a theory test. This theory test will assess your knowledge of various
Photoshop and Flash tools and techniques.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.
144

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 32

Session Resources Used Suggested Duration

TT K-Yan
Publishing Files in Flash TT Participant Handbook 30 minutes
TT Trainer’s Guide

TT K-Yan
Exporting Files in Flash TT Participant Handbook 30 minutes
TT Trainer’s Guide

TT Assessment Guide
Practical Test - 2 3 hours
TT Trainer’s Guide

145

Copyright © National Skill Development Corporation

 Trainer's Guide

Publishing Files in Flash

Objective
After completing this session, trainees will be able to:
TT publish files in Flash.

Do
Review the learning objectives. Initiate a discussion about publishing files in flash.
Encourage all the trainees to take part in the discussion.
Inform them about the different options available for publishing a flash file.
Ensure the participation of all the trainees in the class.

Ask
In which format flash files are published?

Responses
Flash files are published in ShockWave Format, popularly known as SWF format.

Notes for Facilitation

Answer the trainees to start publishing the files. Encourage the trainees to help each other.
Ensure that no trainee is facing any problem in doing their work.

Exporting Files in Flash

Objective
After completing this session, trainees will be able to:
TT export files in Flash.

Do
Review the learning objectives. Inform the trainees how to export files in flash.
Start a discussion on exporting files.
Ensure that all the trainees are taking part in the discussion.

146

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Ask
In which formats you can export a movie in flash?

Responses
A movie can be exported in JPEG, GIF, PNG and EPS formats.

Notes for Facilitation

Ask if the trainees have any queries regarding the topic. Encourage them to help each other.

Practical test - 2

Say
Today we will take a practical test. This test checks your understanding of how website galleries are
made using Flash CS5.
All the best!

Do
Provide the trainees with the images to be used in the gallery.

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.

147

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 33

Session Resources Used Suggested Duration

TT White Board
Introduction to HTML TT Participant Handbook 4 hours
TT Trainer's Guide

148

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Introduction of HTML

Objective
After completing this session, trainees will be able to:
TT explain the scope of creating a website.

Do
Review the learning objective. Begin the class by showing the trainees some beautifully created
websites.

Ask
What is a website?

Responses
A website is a collection of web pages containing text, images and all types of multi-media files made
available for the user. All websites are enabled through the Internet constitute the World Wide Web
(WWW).

Say
Think of websites as a scrap book with images, information etc. The data contained in the websites
is organized in web pages and made accessible to the online public with the help of programming
languages such as HTML CSS and PHP, just to name a few.

Do
Explain each element of the website using which diagram.

Notes for Facilitation

You can end this session by encouraging the trainees to learn a little about HTML.

149

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 34

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Understanding & Using HTML 1 hour
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Headings 1 hour
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Comment 1 hour
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Paragraphs 40 minutes
TT Participant Handbook
TT Trainer’s Guide

150

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Understanding & Using HTML

Objective
After completing this session, trainees will be able to:
TT create a webpage in HTML.

Do
Review the learning objective.

Ask
Why should you learn HTML?

Responses
With HTML you can create your own Website. Learning HTML yourself will allow you to customize your
Webpages.

Do
Commence the class by giving an introduction to HTML. Tell them about the various text editors they
can use to populate their HTML code.

Notes for Facilitation

Most trainees will ask you if they need to buy a text editor program. As beginners encourage them
to use a basic text-editor, such as Notepad. They may be tempted to use software program such
as Macromedia Dreamweaver or Microsoft FrontPage.
But warn them to be very careful when using these programs, especially as a beginner, because they
often throw in unnecessary or non-standard code which may confuse them.

151

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
Help them get started with HTML code in the notepad. Write something and show them how it results
in the web browser. This will clarify how HTML actually works.
Next define tags, attributes and elements. List some tags used to format and layout the information in
a Webpage.

HTML Headings

Objective
After completing this session, trainees will be able to:
TT work with different types of headings.

Do
Review the learning objective. Open a newspaper sheet and show the class the various headings that
vary in size, font and colour. Elucidate how the headings in a newspaper demarcate the news. Tell them
that the various headings tags in HTML will help them achieve the same purpose on their webpage.
Go on to explain the different heading tags.

Notes for Facilitation

Trainees often mistake title and headings to be one and the same. Clarify the difference by using the
title tag and heading tag and showing them the web browser result.

HTML Comments

Objective
After completing this session, trainees will be able to:
TT work with comments in HTML.

Do
Review the learning objective. Begin this session by explaining what comments tags are. Emphasize the
importance of using comments. List the types of comment tags and demonstrate how to implement
them.

152

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

HTML Paragraphs

Objective
After completing this session, trainees will be able to:
TT work with paragraph text.

Do
Review the learning objective. Write some basic code in your text editor, for instance

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"[Link]

<html>
<head>
<title>My first web page</title>
</head>

<body>
This is my first web page
Wow! Pretty cool isn’t it?
</body>
</html>

Show the trainees the document in your browser.

Notes for Facilitation

Trainees will expect the document to appear as you typed it, on two lines, but instead they shall see
something like:
This is my first web page Wow! Pretty cool isn’t it?

Ask
What do you think went wrong? Why are the two sentences appearing on the same line?

Notes for Facilitation

Most trainees new to HTML will be perplexed. Some might ask you to increase the distance by pressing
enter. Some others might suggest the tab option.

153

Copyright © National Skill Development Corporation

 Trainer's Guide

Say
This is because web browsers don't usually take any notice of what line your code is on. It also doesn't
take any notice of spaces
You would get the same result if you typed "This is my first web page.......wow!”
If you want text to appear on different lines, you need to explicitly state that.
Change your two lines of content so that they look like this...

Do
Implement the paragraph tag at the appropriate place and show the result of this in the browser.
The content will now appear on two lines.
Draw an analogy between book and HTML content. Ask the trainees to think of their HTML content as
if it were a book - with paragraphs where appropriate.

154

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 35

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Line Breaks 1 hour
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Font Tags 50 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Font Styles 50 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Hyperlinks 30 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Image Tag and SRC Attribute 30 minutes
TT Participant Handbook
TT Trainer’s Guide

155

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

HTML Line Breaks

Objective
After completing this session, trainees will be able to:
TT add breaks in HTML text.

Do
Review the learning objective. Begin by explaining the line break tag. Demonstrate how and when to
implement it.

Notes for Facilitation

HTML beginners often mistake the line break up tag to be the same as the paragraph tag. Clarify the
difference. You could give an example of an address. Where you need to use the break line tag but you
don’t really want it to be read at different paragraphs.

Say
The line break tag shouldn't be used if two blocks of text are intended to be separate from one another,
because if that's what you want to do you probably want the paragraph tag.

Notes for Facilitation

trainees may even ask you as to why you are not using an opening/closing tag.
Tell them that since there's no content involved with the line-break tag, there is no closing tag and it
closes itself with a "/" after the "br".

156

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

HTML Font Tags

Objective
After completing this session, trainees will be able to:
TT work with different types of font formats.

Do
Review the learning objective.
Tell the participant about the font tag and its various attributes.

Notes for Facilitation

Even though HTML font tags are rarely used due to increasing use of CSS, explain it in detail to the
trainees as it may come handy if they ever work in older versions of HTML.

HTML Font Styles

Objective
After completing this session, trainees will be able to:
TT work with different types of font styles.

Do
Review the learning objective. Begin this session by
asking the trainees to open a Microsoft word file.
Take them through the bold, italics, underline, strike
through, superscript, subscript.
Get them taking on how they will achieve all these
elements in HTML.
Demonstrate the code for different types of Font Styles
tags used in HTML file and show them the result in the
browser.

157

Copyright © National Skill Development Corporation

 Trainer's Guide

Hyperlinks

Objective
After completing this session, trainees will be able to:
TT create hyperlink.

Do
Review the learning objective.

Ask
What are hyperlinks?

Responses
Typically, you click on the hyperlink to follow the link. A hyperlink element in an electronic document
that links to another place in the same document or to an entirely different document.

Say
Hyperlink comes especially handy when we have to link our stand alone web pages. Let’s look at the
main types of hyperlinks and learn how to implement them.

Do
Explain in detail the complete method for implementation & customization of Hyperlinks in an HTML
document.

Image Tag and SRC Attribute

Objective
After completing this session, trainees will be able to:
TT add images in a Webpage.

Do
Review the learning objective. Begin this last session by asking the trainees if they’re keen on learning
how to add images to their websites. This is bound to perk their interest.
Show them how to use the image tag and src attribute.

158

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

As a concluding activity, ask the trainees to open the notepad and write a simple sentence, for instance
“The quick brown fox jumped over the lazy dog’s back.” Then ask them to perform some basic tasks like:
1. Bold the word “lazy” in that sentence.
2. Turn the entire sentence into one big headline.
3. Make the word brown print using the colour brown.
4. Make the entire headline red.

Say
Let’s begin with a normal sentence and turn it into some “fancy” HTML.

Notes for Facilitation

Once the trainees have finished a task, show the correct method on the projector.

159

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 36

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML List Tags 40 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Tables - 1 1 hour 30 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Tables - 2 1 hour 30 minutes
TT Participant Handbook
TT Trainer’s Guide

160

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.
Take the participants through the multimedia unit on Webpage Layout using HTML

HTML List Tags

Objective
After completing this session, trainees will be able to:
TT create bullet or number list in a webpage.

Do
Review the learning objective. Begin the session by explaining the importance of a proper layout and
how bullet points play a key role in it. Once you’ve explained the three types of lists. Demonstrate how
to use the list tag.

HTML Tables - 1

Objective
After completing this session, trainees will be able to:
TT create tables.

Do
Review the learning objective.

Notes for Facilitation

Remember there are a number of tags used in tables, and to fully get to grips with how they work is
quite difficult for HTML Beginners.

161

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
An easy way to teach the concept of tables to the trainees is to draw a table on the white board. Explain
its various attributes such as, the number of rows, the number of columns, table height, table width,
cell etc.
Similarly, explain a single cell.
Now, tell them about the different tags.

HTML Tables - 2

Objective
After completing this session, trainees will be able to:
TT create tables.

Do
Demonstrate how to use the tags used earlier and then we go through what each tag is doing.
As a concluding activity, ask your trainees to imagine a 3x4 table and write the code for it.

162

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 37

TT Assessment Guide
Practical Test - 3 4 hours
TT Trainer’s Guide

163

Copyright © National Skill Development Corporation

 Trainer's Guide

Practical Test - 3

Say
Today we will take a practical test. For this test, use all the HTML tags you have learned so far and create
a webpage layout. Remember, this is going to be the foundation stone of the website you will build in
the succeeding tests. So, Come up with a layout that will add an edge to your websites.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.

164

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 38

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
HTML Forms 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

165

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

HTML Forms

Objective
After completing this session, trainees will be able to:
TT create different type of forms.

Do
Review the learning objective.
Begin the session by initiating a discussion on online forms in general.

Say
Have you ever filled an online form?

Do

Most of trainees will have filled an online form

before. Continue by telling them how to create
the input fields, buttons, and dropdown lists etc.
Next, tell them how forms actually work using the
given illustration.
Towards the end of the session ask participants to
create an online form using HTML.

166

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 39

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Design Webpage 3 hours 40 minutes
TT Trainer’s Guide
TT Participant Handbook

167

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Design Webpage

Objective
After completing this session, trainees will be able to:
TT work with all HTML tags.

Do
Review the learning objective.
Start the class by showing them some beautiful Webpages. If you do not have direct internet access in
the lab, ensure that you download these beforehand.

Say
Now, you have learned to work with all the HTML tags, put them to use and begin work on the home
page of your very own website.

Do
Divide the class into groups of two and ask them to first design the layout of their website by either
altering a pre-designed template or drawing a layout from scratch.
Instruct them to get the layout approved from you first and then using the HTML tags design the home
page of their website.
Allow the trainees to choose what type of site they want to design: a music band fan site, as site
dedicated to their favourite sport or maybe a digital version of the daily newspaper. Depending on the
type of site that they choose, you should instruct them how to go about it.

168

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 40

Session Resources Used Suggested Duration

TT Assessment Guide
Practical Test - 4 4 hours
TT Trainer’s Guide

169

Copyright © National Skill Development Corporation

 Trainer's Guide

Practical Test - 4

Say
Today we will take a practical test. This test will asses you on your basic coding skills and requires you
to create a static webpage.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.

170

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 41

Session Resources Used Suggested Duration

TT White Board
TT K-Yan
Introduction to Dreamweaver CS5 2 hours
TT Participant Handbook
TT Trainer’s Guide

TT White Board
Getting started with Dreamweaver TT K-Yan
2 hours
CS5 TT Participant Handbook
TT Trainer’s Guide

171

Copyright © National Skill Development Corporation

 Trainer's Guide

Introduction to Dreamweaver CS5

Objective
After completing this session, trainees will be able to:
TT identify the new features of Dreamweaver CS5.

Do
Review the learning objectives.

Ask
Do you know how to use notepad or have you ever used notepad?

Notes for Facilitation

It is expected from the learners to get curious as majority of them must have used notepad. You can
expect trainees to be familiar with notepad. The trainees will be able to ask various questions related
to notepad.
You can describe Dreamweaver interface while comparing it with notepad. It will make easier for
participants to get better understanding of the Dreamweaver when it is compared with notepad.

Do
Start your discussion with notepad while you introduce Dreamweaver application. Don’t get indulged
completely and don’t consume too much time on this discussion. Remember, your only motive here
is to develop participant’s interest in Dreamweaver. Suggest various benefits of using Dreamweaver in
practical aspect.
Tell for what Dreamweaver CS5 is best known for. Introduce various features of Dreamweaver CS5 while
starting a light discussion on it. Point out various features of Dreamweaver CS5 while discussing about
advantage of every feature.
Inculcate participant’s interest by telling them that today they will learn about dream weaver interface
and its features. Develop the discussion by pointing out the differences or similarities of features of
Dreamweaver CS5 with HTML or notepad features.
Use projector to explain the features and user interface of Dreamweaver CS5. Before starting discussion
on features; you must make sure that you have accurately installed Dreamweaver CS5 application.

172

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Getting Started with Dreamweaver CS5

Objective
After completing this session, trainees will be able to:
TT open Dreamweaver application;
TT create a new webpage.

Do
You must review the learning objectives. Bring to their notice that now you will tell them about dream
weaver application and teach them how to create a web page with Dreamweaver CS5.
It is better to keep things simple for better understanding of participants. You are suggested to introduce
Dreamweaver applications. Now, you need to explain how they can launch Dreamweaver application.
Here, you can use projector or use computer where in the application is opened up and move it step by
step illustrating every step of launching Dreamweaver.
Now, you must demonstrate your participants the procedure to create a new web page in Dreamweaver.
Explain each step while opening every step on the computer or projector.
You can end the session by conducting a small quiz. For this you can divide the class in two groups and
ask simple questions. This will help participants memorize all sessions learning in a better way.

173

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 42

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Dreamweaver Interface 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

174

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Do
Ask trainees questions about the sessions of the previous day.

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Dreamweaver Interface

Objective
After completing this session, trainees will be able to:
TT identify the different components of dreamweaver Interface.

Do
Review the learning objectives.

Ask
What do you understand by Dreamweaver?
List some of the advantages of using Dreamweaver CS5 that can help trainees achieve better
understanding of Dreamweaver CS5.

Responses
Dreamweaver allows you to easily add, edit and view content of web pages. It saves your time of typing
and writing codes. It is helpful in creating, editing and managing a website.

Notes for Facilitation

It is most likely expected from the learners to get curious about Dreamweaver application. The curiosity
of participants would make them ask you many question related the versions, and applications. Ensure
that you satisfy their question with supportive answers.

175

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
You can start your session by initiating a discussion on Dreamweaver. Don’t get indulged completely
and don’t consume too much time on this discussion. Your goal is to make participants interested in
Dreamweaver. This light discussion can act as a warm up exercise of Dreamweaver session.
Now, you can talk about features of Dreamweaver that you taught in previous session, remember you
have to be brief.
Develop a discussion by pointing for what is Dreamweaver best known for. Then, you can tell about
various panels, tools and bars to create or edit the documents. Gradually, you can introduce various
components of Dreamweaver interface.
You must use projector to explain the components of interface of Dreamweaver CS5. Before starting
discussion on components of Dreamweaver; you must make sure that all participants have installed
correctly Dreamweaver CS5 application and it is open on their screen.
At this point it may be a good idea to do an activity together with trainees. Have each participant open
up the Dreamweaver CS5 application and point out each part.
You can close the session by discussing uses of Dreamweaver user interface and the use of different
components of Dreamweaver. To make the session more interesting, you can ask few questions about
the topics learned in the session while giving points to every student and appreciate the participant
who scores maximum points.

176

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 43

Session Resources Used Suggested Duration

TT White Board
Dreamweaver Document TT K-Yan
4 hours
Window TT Participant Handbook
TT Trainer’s Guide

177

Copyright © National Skill Development Corporation

 Trainer's Guide

Dreamweaver Document Window

Objective
After completing this session, trainees will be able to:
TT work with document window.

Do
Review the learning objectives. Start discussion about creating, designing and editing a website or a
web page with the help of Dreamweaver. This will help you to inculcate participants’ interest in it.

Ask
What is a text editor?

Responses
Text editor helps you to edit text. You can change text colour, font etc with the help of text editor.

Ask
Till now we were using common notepad to populate code in html, why do u think Dreamweaver is
important?

Responses
Dreamweaver allows user to create a new web page by following simple steps of creating a web page.

Say
You can use Dreamweaver to create a brand new web site, or to update a current site, even if it wasn't
created in Dreamweaver. If you have existing web pages, simply open Dreamweaver, then open the web
pages using the correct path/option

Do
Walk the participants through the different features of document window of Dreamweaver CS5.
Now, you can conduct a pop quiz. Point out different elements and ask the participants to name and
define them in their own words.

178

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 44

Session Resources Used Suggested Duration

Recap TT Trainer’s Guide 20 minutes

TT White Board
TT K-Yan
Working with Workspace 2 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
Saving a Web Page and Quitting TT K-Yan
1 hour
the Application TT Participant Handbook
TT Trainer’s Guide

179

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
answers.

Working with Workspace

Objectives
After completing this session, trainees will be able to:
TT open a workspace;
TT create a new workspace;
TT manage a workspace.

Do
Review the learning objectives. Demonstrate the different features of workspace and the document
window. Initiate your discussion by telling about managing workspace in Dreamweaver while comparing
it with a word file.

Ask
Is Dreamweaver workspace similar to any Ms-word file? Compare workspace with word file and tell
how it is different from word file.

Responses
Text editor helps you to edit text. You can change text colour, font etc with the help of text editor.

Ask
Till now we were using common notepad to populate code in html, why do u think Dreamweaver is
important?

Responses
Yes. But it has quite different options in it. A workspace in Dreamweaver is an area that consists of
various options like panels and buttons that are required to design a document, it helps a user to create
a new web page by following simple steps of creating a web page.

180

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Do
Open a workplace and explain the steps of creating a new workspace and then you can cover managing
workspace. It is important to check that all participants have the Dreamweaver application open on
screen when you are describing the steps and showing working on workspace.
You can use a projector to explain working on workspace.
At this point, you can ask participants various questions about working on workspace. This will help you
in making participants learn all that is taught about working on workspace.

Notes for Facilitation

By seeing workspace on screen, you can expect inquisitiveness among participants. They can ask a
number of questions. Ensure that you rest their questions with supportive answer and polite attitude.

Saving a Web Page and Quitting the Application

Objectives
After completing this session, trainees will be able to:
TT save a webpage;
TT quit Dreamweaver application.

Do
Review the learning objectives. You can start your discussion by bringing about the comparison of
saving files in word and saving in Dreamweaver?

Ask
Do you remember how do you save a file in Ms word?

Responses
Yes. Saving a file in Ms word is done with the help of clicking the save option provided in file menu. You
can save a file by pressing control + S.

Say
Saving a workspace is very much similar to save a file in MS-word. Let’s take a look at how you will save
a file in Dreamweaver.

Do
Demonstrate how you will save a workplace of Dreamweaver on your system.
Now you can conduct a concluding activity by asking the trainees to create a file and save it on
Dreamweaver.
Once they have done all this, go on to show them how they will quit the application all at.
181

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 45

Session Resources Used Suggested Duration

TT White Board
TT K-Yan
Understanding & Using CSS 2 hours
TT Trainer’s Guide
TT Participant Handbook

TT White Board
TT K-Yan
CSS Syntax 2 hours
TT Trainer’s Guide
TT Participant Handbook

182

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Understanding & Using CSS

Objective
After completing this session, trainees will be able to:
TT explain about CSS technology.

Do
Review the learning objectives.
Initiate your discussion by telling about HTML and styling HTML.

Ask
Are you familiar with HTML? How will you add style to HTML?

Notes for Facilitation

The participants are expected to be familiar with HTML so majority of them will give response in positive.
This may make them inquisitive to know about styling in HTML. Make sure you are able to reply to their
curiosity with supportive answers about Styling with CSS.
Now, you can tell them about various advantages of using CSS in HTML.

Ask
Do you know how to create an HTML file, a CSS file and make them work together?

Notes for Facilitation

There is a possibility to get mixed response. Trainees would know how to create both HTML file and CSS
file. Some of them may not be aware of how to make both the files work together. Here, you can expect
a huge number of questions both related to the topic and some even unrelated or on a bit distraction
point. You must make sure that trainees get satisfying answers to their doubts.

Do
Walk trainees through the properties of CSS in how it will be used in HTML.
After this demonstrate various ways of applying a CSS in a HTML document. As an activity, you can
conduct a small pop up quiz and ensure every student’s participation in it.

183

Copyright © National Skill Development Corporation

 Trainer's Guide

CSS Syntax

Objective
After completing this session, trainees will be able to:
TT write correct syntax of CSS.

Do
Review the learning objectives.

Ask
Do you know the correct syntax used in HTML?

Notes for Facilitation

Majority of trainees will be aware of HTML syntax. You can expect them to give you correct answer.
Now, you can compare CSS syntax with HTML syntax.
Ensure that all participants get satisfying reply to their doubts and questions.

Do
Now demonstrate the correct syntax of CSS while talking about various kinds of statements.
As concluding activity, you can ask simple questions objective type to test the learning level of trainers
while sharing light moments.

184

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 46

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White board
TT K-Yan
CSS Classes 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

185

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Classes

Objective
After completing this session, trainees will be able to:
TT work with CSS classes.

Do
Review the learning objectives.
Initiate your discussion by telling about HTML styling.

Ask
Is it possible to give an HTML element multiple looks with the help of CSS?

Responses
Yes. We can enhance looks of HTML by using CSS.

Say
Sometimes you may wish to make large and white colour font while other times you may need the font
to be small and of black colour. All this is possible due to the availability of different types of formats for
a single HTML tag. The best part of CSS is that it allows you to edit your design according to your wish
while saving your plenty of time.

Notes for Facilitation

Now, you can expect trainees to get keenly interested and may try to relate it with other designing
software. They may ask you several questions related to designing. Here, you can even expect a
discussion. Take care that the discussion doesn’t go off the track and don’t allow it to become extended
or too much time consuming.

Do
Exhibit your trainees the procedure to use CSS classes and how they are beneficial in saving time.
Here, you can carry out a one minute quick and ensure every student’s participation in it.
186

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 47

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS IDs 3 hours 40 minutes
TT Trainer’s Guide
TT Participant Handbook

187

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS IDs

Objective
After completing this session, trainees will be able to:
TT work with CSS IDs.

Do
Review the learning objectives.
Initiate your discussion by telling about HTML styling with CSS class.

Ask
Can you style a web page or HTML by making use of CSS class?

Responses
Yes, CSS classes can be used to design or edit or html design.

Do
Now, elaborate CSS ID while comparing them with CSS Class used in HTML. Now, demonstrate how is
CSS ID is different from CSS class in HTML.
You can conduct a small quick puzzle to conclude the day with cheer and lot of learning.

188

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 48

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Divisions 3 hours 40 minutes
TT Trainer’s Guide
TT Participant Handbook

189

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Divisions

Objective
After completing this session, trainees will be able to:
TT create a website layout.

Do
Review the learning objectives.
Initiate your discussion by comparing CSS division to bricks used to build a house.

Ask
Tell me the role of bricks in building a house.

Responses
Bricks are blocks that help you in building a house. They play vital role in building a house or we can say
that a combination of bricks joined together can make a house.

Say
Like bricks or blocks help in creating a house similarly a number of divisions combined to make a website.

Do
Explain them what are CSS division by relating them to bricks and house. Now, elaborate CSS Divisions
and its usage.
In the end, you can conduct a small question/ answer round to check the level of understanding of all
trainees. It’s important to ensure full participation of all trainees.

190

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 49

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Spans 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

191

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Spans

Objective
After completing this session, trainees will be able to:
TT work with CSS spans tags.

Do
Review the learning objectives.
You can commence your discussion by telling them about CSS division and CSS spans while comparing
them to blocks and bricks.

Ask
Can you compare bricks with CSS span?

Responses
Yes. Alike bricks, CSS span help you to make a web page. We can say that CSS span combine to form a
webpage.

Do
Now, elaborate CSS span tags while comparing it with CSS division. Then, demonstrate how they both
are different and why you should use CSS spans tags?
At the end, you can conduct a pop up quiz for trainees to check their learning and grasping level.

192

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 50

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Margins 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

193

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Margins

Objective
After completing this session, trainees will be able to:
TT add margin between HTML object.

Do
Review the learning objectives.
Initiate your session discussion with flash and html.

Ask
Do you know how to give spacing in objects or characters in Flash and Html?

Do
Demonstrate how you can add margins in Html objects while comparing it with spacing in Flash. Now,
elaborate all elements of margins that are used in HTML.
While concluding the day, you can arrange a quick round of questions by dividing the trainees in two
groups and later appreciate the group that gives most right answers.

194

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 51

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Padding 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

195

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Padding

Objective
After completing this session, trainees will be able to:
TT add distance between HTML text.

Do
Review the learning objectives.
Initiate your session discussion with using various ways of adding spaces in text in various computer
software like ms-word, HTML etc.

Ask
Do you know how to add spaces in text in MS-Word?

Notes for Facilitation

Most of the trainees would be familiar with the techniques used to insert spaces in text.
Get ready to welcome a number of questions from trainees and reply them in perfect way to satisfy
their queries.

Do
Now, you exhibit clear comparison for text spacing in a number of software and especially with HTML.
Illustrate text spacing with the help of CSS padding in HTML.
At this point, explain them in detail how to use padding in practical.
In the end, you can conduct a practical test by asking trainees to randomly tell how they will use padding
in HTML. You may test trainees’ learning about padding and its concept through rapid questions. This
activity will be a combination of fun and learning.

196

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 52

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Text Properties 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

197

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Text Properties

Objective
After completing this session, trainees will be able to:
TT work with different type of text properties.

Do
Review the learning objectives.
You can begin your discussion by referring to various ways of presenting your text file in an impressive
manner. You can talk about text properties available in MS-Word and other similar software.

Ask
Do you know how to decorate your text or change font size, colour, style of text in MS-Word?

Notes for Facilitation

Majority of trainees in the class are expected to be familiar with MS-Word. Hence, you can expect
series of questions and doubts rising about various txt properties found in MS-Word and other similar
software. Rest all the queries and question by giving supportive replies.

Do
While replying to the queries you must introduce text properties in CSS. Elaborate various types of text
properties available in CSS. Then, walk them through various elements of CSS text properties.
Conclude the day with an activity; by asking trainees to create a form or create an article while using
text properties of CSS.

198

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 53

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Font Properties 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

199

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Font Properties

Objective
After completing this session, trainees will be able to:
TT work with different types of font properties.

Do
Review the learning objectives.
Start you conversation by talking about the value of beautiful and impressive presentation of text or
graphical files.

Say
All of us would like to see the file that is presented in impressive way. To make your file or page
presentable, you need to work on the text decoration and improving the graphical presentation or
pictorial presentation.

Ask
Do you know how to improve text files in CSS or in MS-word? How will you decorate graphics or font
of file?

Responses
Yes, by using text properties in CSS or in Ms-word whatever you are using. In Ms-word you can use
various font styles to create or decorate a file according to your requirement.

Say
The font properties in CSS are similar to the Text properties of CSS that we have covered previously.
There is just a little difference among the two.

200

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Do
Explain various kinds of font families available in CSS and demonstrate them by comparing them with
various font sizes and font families available in ms-word.

Notes for Facilitation

This will make the trainees excited to practically use font properties in CSS. They may ask you numerous
questions. You must ensure that all questions are well answered to give satisfaction to the trainees.

Do
Now, illustrate various kinds of font families available in CSS and their uses. Take a short practise session
to let trainees attain practical knowledge.
End the session by asking trainees to create and design a dummy form or template using the font
properties in CSS.

201

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 54

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Links 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

202

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Links

Objective
After completing this session, trainees will be able to:
TT decorate HTML link text or object.

Do
Review the learning objectives.
Start you conversation by talking about the anchors, objects and elements.

Ask
What are anchors and objects?

Responses
Anchors are gateways to open other pages. We can call anchors as links. Objects are like paragraphs
that can also be related to book paragraphs.

Do
You can hereby define in detail HTML attributes in a tag. Then elaborate the limitations of attributes in
HTML which are not found the same in CSS.

Notes for Facilitation

This can make the trainees inquisitive about the topic that is being discussed. You can expect a lot of
question coming up from the trainees. The question can be somewhat like why do we use CSS and so on.
You need to satisfy the trainees by describing the benefits of using CSS over HTML and similar software.

Do
Now, explain CSS links in detail and its uses to decorate HTML links.
You can conclude the day with a fun-filled and learning activity where in the trainees can be asked
to make a navigation menu by making use of HTML and CSS. Then again they have to create another
navigation menu by making use of CSS only without using HTML. This activity will help the trainees get
clear understanding of various benefits and differences of using CSS links and HTML.
203

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 55

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Backgrounds 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

204

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Backgrounds

Objective
After completing this session, trainees will be able to:
TT add Backgrounds in CSS objects.

Do
Review the learning objectives.
Initiate the day discussion by talking about various templates.

Ask
What is a template?

Notes for Facilitation

You can expect a lot of trainees to be aware of template and can give you various replies in their own
words. Now, you can rest their questions and doubts by describing them templates in detail. It is better
for you if you can show a few examples of templates. This will help them get a clear understanding
about templates.

Do
When you have described everything about template then you can go on to defining layout and various
types of layout that will be described in detail to allow trainees get everything about layouts.

Notes for Facilitation

When you will discuss layouts, you will see trainees getting more interested and involved in the topic.
The curiosity of trainees will make them ask a variety of questions. You can put their questions on rest
by showing them examples and show layout in practical.

Do
Elaborate the process to make a box and skelton of website in Skelton view. After this demonstrate all
about CSS backgrounds.
As an activity of the day, you can ask trainees to make skelton by making use of CSS background.

205

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 56

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
CSS Border 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

206

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

CSS Border

Objective
After completing this session, trainees will be able to:
TT add border around object.

Do
Review the learning objectives.
Begin your discussion by telling about Skelton of website in Skelton view and in wire frame view.

Ask
How will you make a web page in wire frame view?

Notes for Facilitation

You can expect various kinds of reactions from inquisitive trainees. The queries can be like why we
cannot use different wire frame view or doubts related to perspective to use them.

Do
To make trainees interested in the topic you can ask them to undertake a small exercise to make Skelton
with the help of wire frame view. Illustrate CSS border in detail. Describe various parameters that you
need to take care of and that you need to use in different properties.
You can conclude your session by asking the trainees to create a flag and one more design of their
choice while making use of custom, colour and codes.

207

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 57

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Lists 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

208

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Lists

Objective
After completing this session, trainees will be able to:
TT decorate text with bullets or numbers.

Do
Review the learning objectives.
Begin your session by discussing about navigation and making navigation.

Ask
How many types of navigations are there in CSS?

Responses
Navigation menu is the menu that is pasted on the top of the website. Navigation menu is found in two
types; one in horizontal and other in vertical line.

Do
At this point, it becomes necessary for you to describe them the differences between both kinds of
navigation menus. Now, you can tell them various uses or benefits of using both kinds of navigations
and using correct keywords.

Notes for Facilitation

You can expect a lot of excitement and curiosity among trainees. Welcome all the questions and doubts
with supportive answers while being a little descriptive.

Do
Demonstrate how to create lists in HTML and walk them though the steps of CSS to create lists.
In order to test their learning, it is important to ask trainees to create navigations using CSS links,
backgrounds both in image and colour.

209

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 58

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Width and Height Properties 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

210

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Width and Height Properties

Objective
After completing this session, trainees will be able to:
TT set dimension of objects.

Do
Review the learning objectives.
Begin your session by discussing about flash or making a box in flash.

Ask
Do you know how to create a box in flash? How do you increase its height or width of that box?

Responses
In flash you can make box easily and increase/decrease its size manually.

Ask
Do you know how to edit the size of created box with the help of CSS?

Notes for Facilitation

Most of the trainees by this time would be able to draw a box with the help of CSS. All trainees will not
be able to tell you verbally how to edit the size of the box. Some who can tell would be able to give the
name of the option or property that will be used to edit the size of the box or object.
Here in, you can expect multiple questions regarding the topic. It is important for you to correct the
trainees by describing them about the weight and height property.

211

Copyright © National Skill Development Corporation

 Trainer's Guide

Do
You can draw a box or dialog box in CSS and show them in practical how to use the width and height
property. You can show the trainees how and which command to use in CSS to increase or decrease the
height and weight of the box or whatever figure that you have created in class.
You can end your session by asking your trainees to draw a box or pyramid with the help of CSS and then
make use of the height and weight property to edit or alter its size. Practical knowledge of the topic will
enable trainees to get better understanding of the property.

212

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 59

Session Resources Used Suggested Duration

TT K-Yan
TT Multimedia Unit
Recap 20 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Design Complete Website 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

213

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day itself.
Ensure that each trainee contributes to the answers.

Design Complete Website

Objective
After completing this session, trainees will be able to:
TT create complete website design.

Do
Review the learning objectives.
Begin your session by discussing about creating authentic web page and website.

Ask
Have you looked closely at a well designed website in CSS?

Notes for Facilitation

Majority of trainees will show their excitement and interest in designing a website or web page by
making use of CSS. You calm their excitement by your responsive and supportive responses to their
queries.

Do
Show your trainees examples of various web pages that are created in CSS?

Say
Look at the web page and note down the problem areas. Ask questions wherever you find something
confusing or doubtful. While looking you must see everything in webpage like its margins, borders,
background, navigation, template etc.

Do
Show various properties used in the web page. Help trainees by describing the web page layout and its
Skelton.
You can end your session by asking your trainees to design a webpage with CSS.

214

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 60

Session Resources Used Suggested Duration

TT White Board
Introduction to XHTML TT Participant Handbook 4 hours
TT Trainer’s Guide

215

Copyright © National Skill Development Corporation

 Trainer's Guide

Introduction to XHTML

Objectives
After completing this session, trainees will be able to:
TT explain XHTML;
TT identify goals of XHTML;
TT differentiate between XHTML and HTML;
TT apply XHTML rule in a HTML page.

Do
Review the learning objectives.
Begin your session by discussing about HTML and its relation to XHTML.

Ask
What is HTML? Do you know how to operate HTML?

Notes for Facilitation

There are high chances that most of the trainees would be aware of HTML and must have used too.
Hence, you can find inquisitiveness among trainees. They may ask various kinds of questions. After
resting their question you can inform them that XHTML is somewhat similar to HTML and is an extended
version of HTML. Light discussions can help you take control of the situation but keep in mind not to
spend too much time in discussion.

Do
Be a little descriptive in telling what XHTML is and its benefits over HTML and other common software.

Say
XHTML is the EXtensible HyperText Markup Language. It is also called XML application. It is most
commonly used and is beneficial than HTML.

Do
Describe the differences in the uses of XHTML over HTML and how it is different from HTML while giving
supportive answers.

Ask
Give any two differences of XHTML and HTML? Why is it better to use XHTML over HTML?

216

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Responses
XHTML is the next version or the upgraded version of HTML. It is time saving, clearer and stricter version
of HTML. The main difference between XHTML and HTML is in its rigor, the way the language is written
and how strictly the rules are required to be followed.

Do
Elaborate XHTML rules that are used in HTML page.
You can end the session by asking trainees to apply XHTML rules in HTML page and explain them in
brief. This activity will help the trainer in judging a trainee’s level of understanding and ability to use it
practically.

217

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 61

Session Resources Used Suggested Duration

TT Assessment Guide
Theory Test – 2 1 hour
TT Trainer’s Guide

TT Assessment Guide
Practical Test – 5 3 hours
TT Trainer’s Guide

218

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Theory Test - 2

Say
Today we will take a theory test. This theory test will check your fundamental knowledge of HTML,
DHTML, XHTML and CSS.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

Practical Test - 5

Say
Today you will create a full website using CSS.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

219

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 62

Session Resources Used Suggested Duration

TT White Board
TT K-Yan
Java Script and HTML Text 4 hours
TT Participant Handbook
TT Trainer’s Guide

220

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Java Script and HTML Text

Objective
After completing this session, trainees will be able to:
TT incorporate Java Script code in HTML page.

Do
Review the learning objectives.
Begin your session by discussing about JavaScript and its role in adding functionality to your website.

Ask
What do you understand by JavaScript?

Responses
JavaScript allows your website to have dynamic functionality. In layman’s language, you can call
JavaScript as THE scripting language of web.

Do
Get descriptive in telling what JavaScript is? Then, elaborate document object model used in JavaScript.
Describe the advantages of using DOM in JavaScript and elaborate benefits of using JavaScript with
DOM. At this point, walk them through the various types of using JavaScript in practise.
At the end of the day, you can conduct a pop up quiz as an activity for better understanding of the
concept of DOM and JavaScript.

221

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 63

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Exploring Java Script 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

222

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Exploring JavaScript

Objective
After completing this session, trainees will be able to:
TT work with Java Script.

Do
Review the learning objectives.
Begin your session by discussing about JavaScript and the usage of JavaScript practically.

Ask
Tell what is Java Script in your own words?

Responses
JavaScript can be thought of as an extension to HTML which allows authors to incorporate some
functionality in their web pages.

Say
When writing code you may have some complex logic that is confusing, this is a perfect opportunity to
include some comments in the code that will explain what is going on.

Do
Explain comments that are used in JavaScript and the benefits of using comments with supportive
example and answers. At this point introduce semicolons in Java Script.

Ask
What is a semicolon?

223

Copyright © National Skill Development Corporation

 Trainer's Guide

Notes for Facilitation

Majority of trainees would be aware of a semicolon. You can expect a lot of answers; some trainees may
even relate it to a semicolon used in English with the semicolon used in Java Script. Tell them clearly
about semicolon by comparing it with the semicolon that is used in English language.

Do
Elaborate the use semicolon and how it is used in Java Script. Then you should talk about the variables
used in Java Script.

Ask
What do you understand by variables or tell what are variables?

Responses
Variables are anything that comes in between a to z. It can be both in lower or upper case. Even number
0-9 is also variables.

Say
The variables in JavaScript are very much similar to the variables used in Ms-word Elaborate the use
semicolon and how it is used in Java Script.

Notes for Facilitation

Variables are a common term and used fairly in many languages like PHP, Java so you can expect trainees
to give you multiple replies on this question. While resting their question you need to clarify all other
kinds of variables used in Java Script and the rules that they need to follow while using various kinds of
variables.

Do
Elaborate what are operators and various kinds of operators used in JavaScript with suitable answers.
You can conduct a simple pop up quiz in the end of the session to make it a perfect combination of fun
and learning. Ensure that all trainees participate in the quiz and come up with best answers.

Do
Describe the advantages of using DOM in JavaScript and elaborate benefits of using JavaScript with
DOM. At this point, walk them through the various types of using JavaScript in practise.
At the end of the day, you can conduct a pop up quiz as an activity for better understanding of the
concept of DOM and JavaScript.

224

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 64

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
Variable and Data Type in Java TT K-Yan
2 hours
Script TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Functions in Java Script 1 hour 40 minutes
TT Participant Handbook
TT Trainer’s Guide

225

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Variables and Data Types in JavaScript

Objective
After completing this session, trainees will be able to:
TT identifying different types of variables.

Do
Review the learning objectives.
Begin your session by discussing about various kinds of variables used in JavaScript.

Ask
What are variables?

Responses
Variables are muck like boxes with names. Variables can also be called as identifiers or something that
helps you to identify or store your information in your computer.

Say
You remember; we studied about variables in the previous session. In this session, we will learn
assigning data types to variables in Java Script.

Do
Describe them various kinds of variables or data types that are supported by Java Script.
To mark an end to the day, you can conclude an activity wherein you can ask trainees to give examples
of variable and data types that are supported in Java Script.

226

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Functions in JavaScript

Objective
After completing this session, trainees will be able to:
TT work with functions of JavaScript.

Do
Review the learning objectives.
Begin your session by discussing about functions in various languages like PHP and C and C++.

Ask
What do you understand by functions and why do we use functions in a language?

Responses
Functions in Java Script behave in the same way as to various other programming languages (C, C++,
PHP, etc). Functions in Java Script are like blocks of Java Script code that help you perform a specific task
and often return a value.

Do
Walk them through various types of functions and how they are used in Java Script.
You can conclude the day by concluding a pop up quiz by asking them all about functions used in Java
Script.

227

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 65

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
The Document Object Model 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

228

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

The Document Object Model

Objective
After completing this session, trainees will be able to:
TT add DOM structure in your webpage.

Do
Review the learning objectives.
Begin your session by discussing about HTML, CSS and Java Script.

Ask
What do you understand by DOM?

Responses
DOM means Document Object Model. You know DOM is very important as it helps you to break down
an HTML documents into discrete objects.

Say
DOM can be compared similar in majority of computer languages like HTML, XHTML, Java Script.

Do
Describe Document Object Model in detail with respect to Java script. Remember, there are some
browser incompatibilities. It is important to elaborate them in detail and make trainees understand
DOM and its incompatibilities.

Notes for Facilitation

You can conclude the day by conducting a pop up quiz by asking them all about DOM in Java Script.

229

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 66

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Expressions in Java Script 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

230

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Expressions in Java Script

Objective
After completing this session, trainees will be able to:
TT add expressions in a code.

Do
Review the learning objectives.
You can start your session by informing trainees that today, you will learn about expressions that are
used in many programming languages like PHP, PERL and Visual Basics.

Ask
Have you heard or aware of expressions in any programming language?

Notes for Facilitation

There are chances that many trainees would have heard about expressions in one or the other
programming language. You can expect many questions from trainees at this point, some even unrelated
ones. Rest all their questions and doubts by conducting a small question answer rounds. Encourage
trainees to come up with questions that are related to the topic. As questions raising helps in improving
learning level of an individual.

Do
At this point, you must elaborate expressions and their usage in Java Script with supportive examples.
At the end of the day, you can conduct a quick round of question and answers related to expressions.
Ensure that every student participates in this activity.

231

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 67

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Conditionals in JavaScript 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

232

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Conditionals in JavaScript

Objective
After completing this session, trainees will be able to:
TT work with conditions.

Do
Review the learning objectives.
You can initiate your session by discussing about statements and various kinds of statements in
JavaScript.

Ask
What do you understand by statements in Java Script?

Responses
Java Script statements are like commands to the browser. A statement is an instruction that instructs a
computer (Java Script explainer) to carry a specific action.

Do
Illustrate conditionals in detail the way in Java Script. You can change the flow of the program with the
help of conditionals. Describe various types of non- looping conditionals with supportive examples.
You can end the session, by conducting a quick question answer round by dividing the class in two
groups. Ensure that every student participates in this activity which will allow the trainer to judge the
learning level of all trainees.

233

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 68

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Looping 1 hour 40 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
JavaScript Arrays 2 hours
TT Participant Handbook
TT Trainer’s Guide

234

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Looping

Objective
After completing this session, trainees will be able to:
TT work with loops in JavaScript.

Do
Review the learning objectives.
You can initiate your session by discussing about loops that are commonly used in various programming
languages.

Ask
What do you understand by term loop?

Responses
Loop is a condition that helps you to repeat your program. Loops are used in many programming
languages.

Do
Describe loops in Java Script while referring to loops as commonly used in various programming
languages. Illustrate various kinds of loops used in Java Script with supportive examples.

Notes for Facilitation

Loops are a highly interesting topic that will help trainees to get involved and a bit inquisitive. You can
start a light discussion to rest the inquisitiveness of trainees and to make the session more informative.

Do
After talking about various kinds of loops, now you can introduce the procedure about breaking out of
loop statement and how to use the continue statement in Java Script.
In the end, you can conduct a small about quick question answer round wherein you can include
objective type questions for trainees to answer them. Assurance of full participation of trainees is
important.

235

Copyright © National Skill Development Corporation

 Trainer's Guide

Java Script Arrays

Objective
After completing this session, trainees will be able to:
TT work with multiple types of arrays.

Do
Review the learning objectives.
You can initiate your session by discussing about variables in Java Script.

Ask
What do you understand by term loop?

Notes for Facilitation

As we have already covered variable topic previously, you can expect a multiple answers from trainees.
Now, you need to inform trainees that variables are connected to arrays.

Say
An array is a variable that can store many variables within it. The method of handling array in Java Script
is similar to PHP but keep in mind that syntax is different.

Do
Demonstrate how you can create an array in Java Script and the various types of arrays with supportive
examples and illustrations. Walk them through various methods to use arrays in Java Script.
You can conclude the session by conduction a small informative pop up quiz to find out the learning
level of all trainees.

236

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 69

Session Resources Used Suggested Duration

TT Multimedia (K-Yan)
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
Validating User Input with Java TT Multimedia (K-Yan)
3 hours 40 minutes
Script TT Participant Handbook
TT Trainer’s Guide

237

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Validating User Input with Java Script

Objective
After completing this session, trainees will be able to:
TT add validations in your webpage.

Do
Review the learning objectives.
You can initiate your session by discussing about forms and purpose of creating forms in Java Script.

Ask
Why do you think we should validate a form or data in JavaScript?

Responses
JavaScript form validation is a way to tell your users what they need to type into your web page.

Say
Validation does not mean replacing an existing validation on the server, as it can be bypasses incredibly
easy - but if you need to tell users that they've missed out a field or that the value in a field isn't
acceptable without round-tripping to the server. We can say that JavaScript is an easy way to check
input values.

Do
Demonstrate the procedure to validate user input in JavaScript practically.
You can conclude the day by telling trainees to create a sample form with Java Script Validation for both
parts used in Java Script.

238

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 70

Session Resources Used Suggested Duration

TT Assessment Guide
Practical Test - 6 4 hours
TT Trainer’s Guide

239

Copyright © National Skill Development Corporation

 Trainer's Guide

Practical Test - 6

Say
Today we will take a practical test. This test has two parts. You can either choose to add validation to the
contact form of your website OR you can enhance your website by creating an image viewer.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

240

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 71 to Day 74

Session Resources Used Suggested Duration

TT White Board
Introduction to jQuery TT Participant Handbook 16 hours
TT Trainer’s Guide

241

Copyright © National Skill Development Corporation

 Trainer's Guide

Introduction to jQuery

Objectives
After completing this session, trainees will be able to:
TT explain jQuery technology;
TT attach jQuery with JavaScript JS page;
TT explain basic structure of jQuery;
TT download jQuery from internet;
TT add correct syntax in your code;
TT work with jQuery selectors;
TT add miscellaneous methods in code.

Do
Review the learning objectives.
You can begin your session with a simple discussion on Java Script and its relation with jQuery.

Ask
Do you know how to operate HTML, Java Script, and CSS?

Notes for Facilitation

As we have covered all these topics in our previous classes or sessions so you can expect multiple
questions and answers from the trainees. Majority of trainees are expected to show curiosity about the
comparison of HTML, CSS and Java Script with jQuery. It is important to rest their question / queries
with the help of supportive answers or taking a light discussion. Guard that you don’t consume too
much time at this point.

Say
You know that Java Script is considered best friends of web designers’. jQuery helps you to make Java
Script more accessible. jQuery is a free, fast, and concise Java Script library that allows you to efficiently
write cross-browser Java Script code to make Ajax requests, animate elements, manipulate the DOM,
and do a variety of user interface manipulations.

Do
Now, describe what you mean by jQuery while illustrating the basic points of jQuery. Walk them through
the utility and advantages of using jQuery.

242

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Say
You can add jQuery to your web page by making use of two methods. Either downloading or including
from various browsers.

Do
Illustrate how to download jQuery in practise. At this point, describe how to use j-Query syntax and
j-Query selectors. After this tell them in brief miscellaneous methods of jQuery.
You can end your session by conducting informative quiz by dividing the class in two groups. This quiz
should be both elaborative and quick one word answer type. You can divide this quiz in two rounds. One
round can include elaborative or long question answers. Round two can have just one word answers
or objective type questions. 100% trainees’ participation is a must and should be duly checked by the
trainer.

243

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 75

Session Resources Used Suggested Duration

TT Assessment Guide
Practical Test - 7 4 hours
TT Trainer’s Guide

244

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Practical Test - 7

Say
Today you will add animation to your website gallery using jquery.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

245

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 76

Session Resources Used Suggested Duration

TT White Board
Install PHP 5 Apache My SQL on TT K-Yan
2 hours
Windows Using WAMP Server TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
PHP Introduction 2 hours
TT Participant Handbook
TT Trainer’s Guide

246

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Install PHP 5 Apache My SQL on Windows Using WAMP Server

Objective
After completing this session, trainees will be able to:
TT install PHP 5 Apache My SQL on windows using WAMP server.

Do
Review the learning objective. Start the session by explaining what WAMP is.

Ask
What is WAMP?

Responses
WAMP provides the popular combination of Apache with the PHP server-side language and the MySQL
database in one easy-to-install package.

Do
Take them through the steps of downloading the WAMP server. Show them how to launch the installer
step-by-step. The set-up is pretty self-explanatory.
Ask the trainees to work alongside, so that they understand the exact process from the beginning to end.
Go on to them about various problems that they may encounter and how they can overcome them.
Next, show them how they can check the installation.

PHP Introduction

Objective
After completing this session, trainees will be able to:
TT explain scope of PHP in websites.

Do
Review the learning objective. Initiate a discussion on PHP.

Ask
What is PHP?
What can PHP do?

247

Copyright © National Skill Development Corporation

 Trainer's Guide

Responses
PHP stands for Hypertext PreProcessor. PHP is a scripting language that allows the programmer to
dynamically generate content, instead of statically like HTML.

Do
Continue the discussion.
Remember this discussion is not intended to be an exhaustive examination of PHP, it should be just
comprehensive enough for them to get started on PHP.

248

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 77

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Exploring PHP 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

249

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Exploring PHP

Objectives
After completing this session, trainees will be able to:
TT add different types of data type in PHP;
TT add variables and constants;
TT work with strings or expressions.

Do
Review the learning objectives.
You can begin your session by discussing about what PHP is and its syntax.

Ask
What is PHP syntax?

Responses
PHP syntax is similar to C, JAVA and PERL. While writing syntax in PHP you have to be very careful as the
rules must be followed to write properly the structured code.

Say
PHP enables users to create and make use of various kinds of variables. We can use many kinds of data
types. Confused, what are data types? Well a data type is a data storage format that can contain a
specific type or range of values.

Do
Demonstrate variables and various types of variables and constants used in PHP. You are suggested to
take repetitive approach for names of the types of variables and constants.

Ask
Name few differences of variables and constants?

250

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Responses
You are required to use $ sign in the beginning of a variable which is not compulsory in constants. It is
essential to use define() function to define a constant as they cannot be defined by simple assignment.
A defined constant cannot be redefined or undefined.

Do
Describe regular expressions used in PHP and how it will be used in PHP.
At the end of the day, you may conduct a pop up quiz to check the learning level of trainees.

251

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 78

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Operators 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

252

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Operators

Objective
After completing this session, trainees will be able to:
TT work with operators.

Do
Review the learning objectives.
You can begin your session by discussing and comparing PHP operators with the role of grammar in
English language.

Ask
Why do you think we use grammar in English language?

Notes for Facilitation

Students will come up with various kinds of answers for this question. You can at this point introduce
operators while comparing it with the role and importance of grammar in English language.

Do
PHP enables users to create and make use of various kinds of variables. We can use many kinds of data
types. Confused, what are data types? Well a data type is a data storage format that can contain a
specific type or range of values.

Notes for Facilitation

Here, you can find trainees getting inquisitive and asking a lot of questions. After resting their questions
or doubts, you can introduce various types of data types and tell trainees in detail.

Do
Walk the trainees through various kinds of operators that are used in PHP. Now, elaborate precedence
and associativity of operators in PHP.
As the day end activity, you can conduct a pop up quiz to check the level of understanding of the trainees.

253

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 79

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Conditional Statements 2 hours
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Loop Statements 1 hour 40 minutes
TT Participant Handbook
TT Trainer’s Guide

254

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Conditional Statements

Objective
After completing this session, trainees will be able to:
TT add different types of condition in a program.

Do
Review the learning objectives.
You can initiate your session by discussing about conditional statements used in JavaScript.

Say
Do you remember the conditional statements we learnt in JavaScript? The conditional statements used
in JavaScript are similar in PHP to some extent.

Ask
What are conditional statements used in JavaScript or in PHP?

Responses
Conditional statements both in JavaScript and PHP are set of commands that help you to take care of
different actions based on different conditions.

Do
Elaborate various kinds of conditional statements used in PHP with supportive examples.
To mark an end of the day, you can conduct a series of objective types question answer by dividing the
class in two groups. Don’t forget to appreciate the team that comes up with maximum correct answers.

255

Copyright © National Skill Development Corporation

 Trainer's Guide

Loop Statements

Objective
After completing this session, trainees will be able to:
TT work with loops.

Do
Review the learning objectives.
Initiate your discussion by talking about loop statement used in JavaScript. You can tell the similarity of
loop statement in PHP and JavaScript.

Say
Loop statements if compared in both PHP and JavaScript are similar to some extent.

Do
Demonstrate loop statement with its types in detail while comparing them in JavaScript. At this point,
you can also elaborate the procedure to break out up a loop statement and the steps to continue the
statement.
At the end of the session, you can conduct an activity where in you can ask trainees to describe loop
statement in both JavaScript and PHP. This will help trainees to revise the loop statements studied in
JavaScript.

256

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 80

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Functions 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

257

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Functions

Objective
After completing this session, trainees will be able to:
TT work with multi types of functions.

Do
Review the learning objectives.
You can initiate your session by discussing about PHP.

Ask
What is PHP?

Responses
PHP is a server scripting language, and is a powerful tool for making active and communal Web pages.

Do
Elaborate what are functions in PHP and various advantages of using functions in PHP.

Ask
Give various advantages of using functions in PHP?

Notes for Facilitation

You can expect trainees to give multiple advantages of using functions in PHP. Keeping a check on
the grasping level of trainees is suggested and is a good practise that helps a trainer to keep trainees
interested and involved in the session.

258

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Say
Now, when you have learnt what functions are; let’s learn why is important to define a function and
how to define a function in PHP.

Do
Demonstrate defining a function and arrays in practical.
In the end of the day, you can conduct an interesting quiz while asking trainees to name various functions
in PHP and use their use in brief. This will act as a brain energizer activity and trainees will come up with
quick answers to participate and win the quiz.

259

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 81

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Arrays 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

260

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Arrays

Objective
After completing this session, trainees will be able to:
TT work with arrays in a program.

Do
Review the learning objectives.
You can initiate your session by discussing about arrays studied in Java Script.

Ask
Do you remember what arrays are?

Responses
An array can be referred to as a variable that helps you to store multiple variables within it. We have
seen arrays in various programming languages.

Do
Elaborate arrays in PHP and its types in PHP.

Notes for Facilitation

When you describe arrays in PHP, it is quite expected to see enthusiasm among trainees as they have
learnt about the same in Java Script. You can presume trainees to come up with various kinds of queries
on arrays in PHP. A fine discussion on this topic can help you take control of the situation.

Do
Demonstrate various functions for handling arrays.
You can end the day by conducting a quick query test for arrays to make the session more interesting
and absorbing. Don’t forget to appreciate the trainees’ coming up with good answers as appreciate act
as a brain booster and encourages the trainees to learn more.

261

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 82

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
PHP Forms 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

262

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

PHP Forms

Objective
After completing this session, trainees will be able to:
TT work with different types of forms.

Do
Review the learning objectives.
You can initiate your session by discussing about HTML and PHP.

Ask
Do you know how to work on PHP and HTML?

Notes for Facilitation

Majority of trainees must have worked on both HTML and PHP. You can expect a little excitement and
curiosity from trainees. A lot of questions and queries are also expected. After resting their questions
you should inform them that in this session you will be telling them all about PHP forms.

Say
It is time to apply what you have learnt so far in PHP and HTML. Forms are considered as the most
common application of PHP that allows you to gather information from a website’s visitors and then use
PHP to do further processing to use the acquired information.

Do
After demonstrating a form and process to build a form, describe how you can retrieve submitted data.
Walk them through various kinds of input methods used input from text boxes and text areas. After this,
it is important to guide learners about the label tags.
At the end of the session, you can conduct a small pop up quiz to judge the learning level of trainees
and make it a bit entertaining.

263

Copyright © National Skill Development Corporation

 Trainer's Guide

Day 83

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Files 2 hours
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
PHP Sessions 1 hour 40 minutes
TT Participant Handbook
TT Trainer’s Guide

264

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Files

Objective
After completing this session, trainees will be able to:
TT handle files.

Do
Review the learning objectives.
You can initiate your session by discussing about how you will save data in PHP.

Ask
How will you save your data in any computer application or language?

Responses
Most of the applications or languages allow you to make files where in you can store your data. Like in
ms word, you can save your data by creating a new file or by saving in an existing file.

Notes for Facilitation

There are chances of trainees getting inquisitive as they can relate the file handling in PHP to Ms-word.
You can expect many questions related to it. Ensure that there is a good trainees’ participation.

Say
You can create a new file or save data in a previously existing file. File helps you to access your saved
data in hard drive quickly. When working in PHP, if you want to modify an image or upload avatars or
log files then you would require direct access to the data.

Do
Demonstrate entire file handling step by step to all trainees while elaborating each and every part to
ensure that trainees are able to understand clearly.
You can end the day by conducting a one word answer quiz wherein questions can be put in relation to
the topic.

265

Copyright © National Skill Development Corporation

 Trainer's Guide

PHP Sessions

Objective
After completing this session, trainees will be able to:
TT work with sessions.

Do
Review the learning objectives.
Start your discussion by talking about forms in PHP that we covered in the last session.

Say
Do you remember PHP forms that we learnt in our previous class? Well, sessions are found in forms.
In PHP, if you want to store information in the form variables that you wish to access across multiple
pages then sessions are the best for you. Keep in mind that sessions are very much unlike variables and
cookies.

Ask
Do you remember what variables are?

Responses
Variable in PHP can be called a storage location or a fixed location in computer to store particular
information.

Do
Explain sessions by referring variables and how they are linked with sessions. Now, tell them the
procedure to start a session and end a session in PHP.

Say
You have learned how to start and end a session, now we will learn about session security.
Session security will help you to prevent your session from hijackers and other risk factors.

Do
Illustrate the procedure of session security in PHP.
Conclude the day by asking trainees question related to the topic. You can divide the class in two or
three groups and ask any team member from each team to practically tell how to start or end a session.
Appreciate the team that comes up with best answers. Ensure all trainees participate.

266

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 84

Session Resources Used Suggested Duration

TT Assessment Guide
Practical Test - 8 4 hours
TT Trainer Guidance

267

Copyright © National Skill Development Corporation

 Trainer's Guide

Practical Test - 8

Say
Today you will be administered a practical test that will assess your PHP coding skills. Your task is to
convert your HTML website into PHP.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

268

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 85

Session Resources Used Suggested Duration

TT K-Yan
TT Multimedia Unit
Recap 20 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Introduction to OOP 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

269

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Introduction to OOP

Objective
After completing this session, trainees will be able to:
TT explain scope of OOP’s in PHP program.

Do
Review the learning objectives.
You can initiate your session by discussing about files and folders and why do we need to store our data
in a file and why do we use a folder.

Ask
Supposing you have to save 5 different files with a same name, now how will you save them?

Notes for Facilitation

This question is little tricky one so; you may find some trainees getting confused to some limit. Still,
there are chances to get some replies for this question. Here, you can tell that you can save all 5 files
having same name by saving each of them in a separate folder.

Do
Explain OOPs in PHP by comparing them to files and folders. Then enlist the advantages and features
of OOPs.
You can end your session by conducting a pop up quiz to analyse student’s level of learning.

270

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 86

Session Resources Used Suggested Duration

TT K-Yan
TT Multimedia Unit
Recap 20 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Inheritance 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

271

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Inheritance

Objective
After completing this session, trainees will be able to:
TT work with inheritance.

Do
Review the learning objectives.
Start your discussion by talking about OOPs in PHP.

Say
Inheritance is helpful in defining and abstracting functionality. It allows implementation of additional
functionality in similar objects without the need to execute all of the shared functionality.

Do
Elaborate inheritance and its working in detail with supportive examples.
You can end your session by conducting a pop up quiz to analyse student’s level of learning.

272

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 87

Session Resources Used Suggested Duration

TT White Board
TT Multimedia Unit
Database 4 hours
TT Participant Handbook
TT Trainer’s Guide

273

Copyright © National Skill Development Corporation

 Trainer's Guide

Database

Objective
After completing this session, trainees will be able to:
TT explain scope of Database in PHP.

Do
Review the learning objectives.
You can begin your session discussion with PHP and MySQL .

Say
You know that like PHP; MySQL is also free to use. The added advantage of using MySQL is that it is
more efficient and fast.

Ask
Have you worked direct on server?

Notes for Facilitation

The trainees who have worked with PHP or other similar languages are expected to come up multiple
questions. All trainees are expected to show inquisitiveness and eagerness to know about working
directly on the server. You can introduce MySQL here by telling them with the help of MySQL they
would be able to work on server directly.

Do
Describe MySQL and its relation with PHP. Now, describe in detail how you can work in combination
with PHP and MySQL.

Say
When you are using MySQL you will need to use queries or query commands to use My SQL in practice.
Explain and list various query commands that are used in MySQL to perform different functions.

Do
Demonstrate how to download MySQL from internet or official website of MySQL.
In the end, you can conduct a pop up quiz to recap and memorize the session in a fun-filled way.

274

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 88

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Retrieving and Sorting 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

275

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Retrieving and Sorting

Objective
After completing this session, trainees will be able to:
TT retrieve and sort database in MySQL.

Do
Review the learning objectives.
You can start your discussion by talking about various MySQL database.

Say
In the previous session, we studied about MySQL database. MySQL is considered among the most
powerful database management systems existing these days.

Ask
What does MySQL database mean?

Responses
MySQL database is highly powerful database that is found these days. A MySQL database is a way of
organizing a group of tables.

Do
Demonstrate retrieving and sorting MySQL database and the procedure to both retrieve database and
sort database.
You can conclude the session by conducting a small quiz. This will act as a fun-filled activity which will
help trainees in memorizing the session for long time.

276

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 89

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
My SQL Functions 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

277

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

My SQL Functions

Objective
After completing this session, trainees will be able to:
TT work with MySQL functions.

Do
Review the learning objectives.
You can start your discussion by talking about PHP functions.

Say
MySQL functions are very important to understand and use. Many people ask teachers that why do we
need to use MySQL functions when PHP has so many options. The point here to understand is that with
MySQL functions you have the ability to work directly on the server. Hence, it saves your both time and
effort.

Ask
Can you work directly on server by using any PHP function?

Do
Illustrate various MySQL functions in detail. Then, you need to describe how to access MySQL via
phpMyAdmin.
In the end, you can conduct a small round of questions and answers in which you can divide the class
in two or three groups and ask questions while giving marks or points for every correct answer and
later appreciate the winning team. Don’t forget to appreciate the participation effort of all trainees and
ensure full participation

278

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 90

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
Display Data from Multiple Table TT K-Yan
3 hours 40 minutes
(Joining) TT Participant Handbook
TT Trainer’s Guide

279

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Displaying Data From Multiple Tables (Joining)

Objective
After completing this session, trainees will be able to:
TT display data from multiple tables.

Do
Review the learning objectives.
You can start your discussion by talking about functions in MYSQL.

Say
You remember; we studied various kinds of functions of MySQL in our previous session.

Ask
What are functions in MySQL?

Responses
Functions in MySQL are very much like SQL functions. They always return a result or value which can
be inside too.

Say
You can use an array of functions of SQL in MySQL, hence you need to use JOIN query of SQL to join or
display the contents of multiple tables.

Do
Elaborate the use of JOIN query of SQL in detail with supportive examples.
In the end, you can conduct a pop up quiz to make the session more interesting and informative.
Ensuring full participation is important.

280

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 91

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
Aggregate Functions and Aggregation TT K-Yan
3 hours 40 minutes
Using GROUP BY Clause (Grouping) TT Participant Handbook
TT Trainer’s Guide

281

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Aggregate Functions and Aggregation Using GROUP BY Clause

(Grouping)

Objective
After completing this session, trainees will be able to:
TT work with grouping in MySQL.

Do
Review the learning objectives.
You can start your discussion by talking about retrieving and sorting tables/ data in MySQL.

Say
Till this time; we have studied a lot about how to retrieve data and how to sort data in MySQL. Now it’s
time to study how we will work on a group of data like a list of things or a bag or a team.

Ask
Do you remember how to retrieve or sort data from data base?
What do you mean by the word aggregate in English?

Responses
Aggregate means summary of a number of values or results. Aggregate also mean a combination of
things or cumulative or synopsis of multiple values.

Do
Now explain Aggregation Function while referring to the meaning of the word aggregate. Here, pen
down various aggregate functions of My SQL to trainees. Then, illustrate aggregation Using Group by
Clause in MySQL.
In the end, you can conduct a pop up quiz to make the session more interesting and informative.
Ensuring full participation is important.

282

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 92

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Sub Query 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

283

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Sub Query

Objective
After completing this session, trainees will be able to:
TT write sub query.

Do
Review the learning objectives.
You can start your discussion by talking about query in MySQL/ SQL.

Say
Remember we studied various functions and especially JOIN query in our earlier sessions!

Ask
If you can memorize well, tell me what is a query in MySQL?

Do
Explain them what does a Sub Query mean? Now in elaborative way, explain them where and how to
use a sub query in My SQL.
You can conclude the day by conducting a quick question answer round by dividing the class in two or
three teams. Appreciate the winning team and look forward to get full participation and enthusiasm
among trainees.

284

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 93

Session Resources Used Suggested Duration

TT K-Yan
Recap TT Participant Handbook 20 minutes
TT Trainer’s Guide

TT White Board
TT K-Yan
Manipulate Table 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

285

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Manipulate Table

Objective
After completing this session, trainees will be able to:
TT manipulate tables.

Do
Review the learning objectives.
You can start your discussion by talking about the use of tables in MySQL.

Say
As in other languages and software, MySQL too allows you to make use of tables and manipulate them
as per the requirements.

Ask
What is a table?

Responses
In general, a table can be called to a collection of relational files or data for a purpose.

Do
After describing a table you can explain the procedure to manipulate a table according to your
requirement.
In the end, you can conduct a practical quiz wherein you can ask trainees to answer the question while
showing it practically.

286

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 94

Session Resources Used Suggested Duration

TT K-Yan
TT Multimedia Unit
Recap 20 minutes
TT Participant Handbook
TT Trainer’s Guide

TT White Board
TT K-Yan
Creating and Managing Table 3 hours 40 minutes
TT Participant Handbook
TT Trainer’s Guide

287

Copyright © National Skill Development Corporation

 Trainer's Guide

Recap

Notes for Facilitation

Prepare a list of questions at the end of the previous day. Ensure that each trainee contributes to the
question with suitable answers.

Creating and Managing Tables

Objective
After completing this session, trainees will be able to:
TT create and manage tables.

Do
Review the learning objectives.
You can start your discussion by talking about the use of tables in various computer languages and
software.

Say
You need to create a table whenever you want to access or use a particular set of information in any
computer language. Hence, it is very important to learn how to create and manage a table in MySQL.

Ask
How do you create a table in Ms-Word?

Do
Illustrate the procedure to create a table and process to manage a table. Managing a table would help
you copy a table, describe a table and dropping a table.
In the end, you can conduct a pop up quiz to judge the level of learning of every student.

288

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 95

Session Resources Used Suggested Duration

TT Assessment Guide
Theory Test - 3 1 hour
TT Trainer’s Guide

Practice – Java Script, J Query and TT Participant Handbook

3 hours
PHP TT Trainer’s Guide

289

Copyright © National Skill Development Corporation

 Trainer's Guide

Theory Test - 3

Say
Today we will take a theory test. This theory test will check your grasp of the fundamentals of Java
Script, J Query and PHP
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.

Practice – Java Script, J Query and PHP

Say

Notes for Facilitation

Trainees to practice creating mail function using PHP.

290

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 96

Session Resources Used Suggested Duration

TT Assessment Guide
Practical Test – 9 4 hours
TT Trainer’s Guide

291

Copyright © National Skill Development Corporation

 Trainer's Guide

Practical Test - 9

Say
Today you will be administered a practical test. For today’s test you will be creating an administer panel
for your website.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further instructions.

292

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 97

Session Resources Used Suggested Duration

TT White Board
TT K-Yan
Designing a Full Dynamic Website TT Multimedia Unit 4 hours
TT Participant Handbook
TT Trainer’s Guide

293

Copyright © National Skill Development Corporation

 Trainer's Guide

Designing a Full Dynamic Website

Objective
After completing this session, trainees will be able to:
TT create full dynamic website using designing, coding, programming and database.

Do
Review the learning objectives.
Begin by congratulating the trainees on the completion of their course. Remind them they still have a final
practical and theory test left. Then give them a quick recap of what they covered over the past 96 days.

Say
The program began by establishing a foundation of colour and visual design theory principles that were
revisited regularly throughout the course.
You then learned the basics of Hypertext Markup Language (HTML) that helped you structure your
website. Next, you went on to manipulate the appearance of the website structure using Cascading
Styles Sheets (CSS). The subsequent modules explored the various scripting technologies, and effective
use of web authoring tools.
Coming to the final unit – This outlines a culminating project in which you will design and develop
websites on their behalf.
Over the next two afternoons you will be creating a small 4-5 page website on your “favourite person,
place or thing” or perhaps you could create a webpage for each of those favourite topics. You can also
pick a hobby/sport that you like. Let’s share our thoughts around...

Notes for Facilitation

This class will act as a tutorial for their final assignment. Address their queries and encourage them to
come up with creative ideas. The ultimate goal of this class is to help them get started on their final
project which will make an excellent portfolio addition piece!

Notes for Facilitation

Give them time to practice and continue to correct or better their process of creating an eye-catching
and functional website.

294

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 98

Session Resources Used Suggested Duration

TT Assessment Guide
Final Project Part - 1 4 hours
TT Trainer’s Guide

295

Copyright © National Skill Development Corporation

 Trainer's Guide

Final Project Part - 1

Say
Today, you will commence work on your final project. Using the skills and concepts you’ve learnt in this
web designing and development program, create a full dynamic website for an online store including
an administrator.
The purpose of this final assignment is to allow you to demonstrate the tools and skills that you’ve
learnt in this program.
You will be given two days of supervised lab time to complete your assignment.

296

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 99

Session Resources Used Suggested Duration

TT Assessment Guide
Final Project Part - 2 4 hours
TT Trainer’s Guide

297

Copyright © National Skill Development Corporation

 Trainer's Guide

Final Project Part - 2

Say
Continue working on your website. You will be required to submit the website by the end of the
supervised lab time.

298

Transforming the skill landscape

 Certificate Programme in Web Designing and Development

Day 100

Session Resources Used Suggested Duration

TT Assessment Guide
Theory Test - 4 4 hours
TT Trainer’s Guide

299

Copyright © National Skill Development Corporation

 Trainer's Guide

Theory Test - 4

Say
Trainees today is your final test. The questions which comprise the final test cover a large variety of
skills that a web designer and developer must possess in order to develop a good website.
All the best!

Notes for Facilitation

Refer to the Assessment Guide for further Instructions.

300

Transforming the skill landscape