Professional Documents
Culture Documents
CURRICULUM:
IT/ITeS (IT Service Desk Attendant) for NSQF Level 1 (Class 9) Level 4 (Class 12)
January, 2015
Publication no:
No of copies: 300
• No part of this publication may be reproduced, stored in a retrieval system or transmitted, in any
form (print or non-print) or by any means, electronically, mechanical, photocopying,recording or
otherwise without the prior permission of the Publishers.
• This book is supplied subject to condition that it shall not by way of trade, be lent, resold, hired out in
any form of binding or cover other than that in which it is published or otherwise disposed of
withoutthe publisher’s consent.
• Not priced publication, only for free circulation and distribution
Published by: The Joint Director, PSS Central Institute of Vocational Education , Shyamla Hills, Bhopal
2
Preface
Ministry of Human Resource Development, Government of India developed the National Skill Qualification
Framework (NSQF) to introduce vocational courses from class 9 th onwards .The NSQF organizes
qualifications according to a series of levels of knowledge and skills. These levels are defined in terms of
learning outcomes i.e. the competencies (knowledge, skills and attitude) which the learners must possess
regardless of whether they were acquired through formal, non-formal or informal education and training
system. Qualifications are made up of occupational standards for specific areas of learning units or unit of
competency. Units of competency are the specification of knowledge and skill and the application of that
knowledge and skill to the standard of performance expected in the workplace. The unit of competency or
National Occupation Standards comprising generic and technical competencies an employee should
possess are laid down by the Sector Skill Council of the respective economic or social sector.
The competency based curriculum is broken down into coherent parts known as Units. Each unit is
further broken down into knowledge and skills on the basis of which evidence is to be provided by the learner
and the evaluation is to be done by the teacher or trainer.
PSSCIVE which is part of NCERT New Delhi is mandated by Government of India as a apex R&D
Institute for Vocational Education. The institute has taken up development of Curriculum and course-ware for
NSQF Level 1 (class 9) to Level 1 (class 12) to introduce vocational courses in Secondary and senior
secondary schools in of the country.
Dr. R. B. Shivagunde
Joint Director and Head
PSSCIVE Bhopal
3
Contents
Introduction 05
About the Sector 06
Objectives of the course 07
Course Structure 08
Classroom Activities 08
Practical Activities 08
Certification 08
Competency Based Units 08
Assessment Guide 47
List of tools, equipment and materials 49
Teacher' Qualifications 50
List of contributors 50
4
INTRODUCTION
The National Skills Qualification Framework (NSQF) developed by the Ministry of Human Resource
Development (MHRD), Government of India is a descriptive framework that provides a common reference for
linking various qualifications. It is used for setting common principles and guidelines for a nationally
recognized qualification system covering Schools, Vocational Education and Training Institutions, Technical
Education Institutions, and Universities/Colleges.
The NSQF organizes qualifications according to a series of levels of knowledge and skills. These levels are
defined in terms of learning outcomes i.e., the competencies (knowledge, skills and attitude) which the
learners must possess regardless of whether they were acquired through formal, non-formal or informal
education and training system. Qualifications are made up of occupational standards for specific areas of
learning units or unit of competency. Units of competency are the specification of knowledge and skill and the
application of that knowledge and skill to the standard of performance expected in the workplace. The Unit of
competency or National Occupation Standards comprising generic and technical competencies an employee
should possess are laid down by the Sector Skill Council of the respective economic or social sector.
The competency based curriculum is broken down into coherent parts known as Units. Each unit is further
broken down into knowledge and skills on the basis of which evidence is to be provided by the learner and
the evaluation is to be done by the teacher or trainer.
After successful completion of this course from Level 1 (Class 9) to level 4 (Class 12), students will be able
to perform job role of IT Service Desk Attendant. Student can also go for higher education in degree courses
in engineering and science science stream.
5
ABOUT THE SECTOR
Information Technology (IT) and Information Technology-enabled Services (ITeS) are one of the most
significant growth catalysts for the Indian economy. IT industry has not only influenced the employment
prospects of the people but also affected the social lives of the people through networking and social
websites. The major segments of the Industry are IT Services, Business Process Outsourcing (BPO),
engineering services, research and development and products. IT Products being manufactured in India
include personal computers, servers, workstations, supercomputers, data processing equipment, printers,
digitizers, networking products, etc. Much of the IT related activities are centred on services in Banking,
Financial Services, and Insurance (BFSI), Telecommunication, Manufacturing, and Retail.
Indian IT Industry has been contributing substantially to India's GDP, exports and employment. The
sector is responsible for enabling employment to an additional 8.9 million people in various associated
sectors – catering, security, transportation, housekeeping, etc – many of whom belong to rural areas/small
towns in India. It has grown tremendously over the last 15 years. The industry had about 1,50,000
employees in 1993, and around 5,00,000 employees in 1999 but today, the industry employs around 2.2
million employees. The IT/ITES exports have grown to a staggering US$ 46.3 billion in 2008-09, the IT sector
currently employing 2.2 million professionals directly and another 8 million people indirectly accounts for over
5% of GDP, a majority of the Fortune 500 and Global 2000 corporations are sourcing IT/ITES from India and
it is the premier destination for the global sourcing of IT/ITES accounting for 55% of the global market in
offshore IT services and garnering 35% of the ITES/BPO market.
It is expected that with the launch of the ultra low-cost Aakaash tablets exclusively for students, use of
information technology will increase. Internet has made revolutionary changes with possibilities of e-filing
Income Tax returns or applying for passports online or railway e-ticketing. With an Internet user-base of over
125 million, which is likely to grow to about half-a-billion over the next few years, and an established mobile
base of 950 million, coupled with a large and talented pool of human resources, India will be a key player in
the cyber-world.
Sn Level 1 (Calss 9) Hrs Level 2 (Calss 10) Hrs Level 3 (Calss 11) Hrs Level 4 (Calss 12) Hrs
1 Functional English 30 Functional English 30 Functional English 40 Functional English 40
2 Computer Fundamentals 30 Web Applications 20 Digital Literacy 20 Word Processing 40
3 Mastering Typing 20 Word Processing 30 Word Processing 30 Spreadsheet 40
4 Word Processing 30 Spreadsheet 30 Spreadsheet 30 Digital Presentation 40
5 Spreadsheet 30 DigitalPresentation 30 Digital Presentation 30 Email Messaging 40
6 Digital Presentation 30 Email Messaging 30 Email Messaging 30 Web Designing 60
7 Email Messaging 30 Database 30 Computer Networks 40 Project Work 40
Development
8 Web Designing 1&2 80
Total Hours 200 Total Hours 200 Total Hours 300 Total Hours 300
6
OBJECTIVES OF THE COURSE
7
Classroom Activities: Classroom activities are an integral part of this programme and interactive lecture
sessions, followed by discussions should be conducted by trained teachers. Teachers should make effective
use of a variety of instructional aids, such as Videos, Colour Slides, Charts, Diagrams, Models, Exhibits,
Handouts, Recorded Compact Discs, etc. to transmit knowledge in projective and interactive mode.
Practical Activities: Activities that provide practical experience through case based problems, role play,
games, etc. and practical exercises using props, tools and equipment should be regularly organized off-the-
job and on-the-job. Equipment and supplies should be provided to enhance hands-on experiences to
students in the chosen occupation. Trained personnel should teach specialized techniques such as
dismantling and assembling of computer parts, servicing of computers, operating software programming, etc.
On-the-Job Training: On-the-job training (OJT) occurs whenever more experienced employee or supervisor
teaches less experienced person on how to do one or more tasks of a job. The training utilizes actual
equipment and materials. OJT should be undertaken in a structured manner with a training plan under the
supervision of an experienced trainer or supervisor. A training plan that reflects tasks to be performed and
competencies to be imparted should be prepared and signed by the student, teacher, and supervisor at the
workplace for training of the students in the organization/industry. The trainer should break down all the steps
of the job and train the students as per the training plan. In a structured OJT, the following steps should be
followed:
Step 1: The Instructor or the trainer tell, show, demonstrate, and explain. The trainer gives an overview of
the task while explaining the constructional details and use of the tools, equipment, materials, etc. in
performing the tasks.
Step 2: The Instructor or the trainer demonstrates each step in detail, actually doing the steps of the task
and explaining each step, one at a time, while the trainee watches. The steps may not necessarily be
demonstrated in the sequence of actual operation, as sometimes it is better that simple tasks are
demonstrated first to build confidence. Showing finished products at each appropriate step will help the
leaner understand what is required as outcome. While demonstrating, the trainer explains why each step is
done in the way it is done.
Step 3: It involves direct trainee participation. The trainer monitors the progress on a checklist of
competencies and offers feedback and pointers where and when needed.
Step 4: The trainee practices with clearly defined targets for performance standards.
Certification: Upon successful completion of this course, the State Education Board and the IT-ITeS Sector
Skill Council will provide a certificate to the student verifying the competencies acquired by the student. For
more details about SSC visit the website of NASSCOM at http://www.nasscom.in/itites-sector-skill-council.
8
COMPETENCY BASED CURRICULUM FOR NSQF LEVEL 1 (CLASS 9)
Objectives:
Upon completion of this course, students will be able to:
• Get familiar with the Computer System Fundamentals and Computer Organization
• Learn basic principles of using operating system Windows and Linux
• Access the Internet to search information
• Learn use e-mail for sending and receiving mails
• Learn basic word processing, spreadsheet and presentation skills with LibreOffice
Course Structure: This course (vocational qualification package) is a planned sequence of instructions
consisting of the following modules, called as Units.
• Reading skill
• Writing skill
• Communication skill
• Language skill
• Behavioral skill
• Observation
• Listing skill
• Analytical skill
• Presence of mind
• Helping
• Decision making
• Arranging
• Presence of mind
Teaching and Training Methods: Theory with Demonstration and Practical Hands on
Location for Training: Classroom and Practical Laboratory
9
UNIT CODE & TITLE IT-SDA-101: Functional English (Basic)
UNIT DESCRIPTOR This is a basic unit to improve the communication skills in English languages. It
covers the topics on introductory communication in English. Student can frame the
simple sentences and communicate with others using these sentences.
DURATION 30 Hours (Theory & Demonstration: 20 Hours, Practical Hands on: 10 Hours)
10
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
asking the price asking for the price of products the price of the product
17 Frame sentences for Frame sentences generally used for Words generally used when
negotiation negotiations negotiating
18 Differentiate between Frame sentences using homonym and Meaning of homonyms and
homonyms/ homophone words homophones
homophones
2 Describe the use of Identify the various parts of computer Functions of Central Processing Unit
various parts of Connect the cables to the Central (CPU)
computer Processing Unit Random Access Memory (RAM) and
Demonstrate the use of mouse Read Only Memory (ROM)
3 Describe the Identify various ports in a CPU Various input/ output devices
functioning of computer Draw a basic diagram of computer Functions of different units in a
system system and label computer system
4 Classify different types Identify the various types of Various terms generally used in
of computers and the computers selecting and classifying computers
role of memory Demonstrate the importance of Factors affecting computer
memory and role of memory in performance
computer functioning Role of memory in functioning
computer
5 Describe the various Demonstrate the procedure of starting Use of mouse and keyboard
keys of keyboard and and shutting down a computer Use of various function keys and
use of mouse Demonstrate the use of mouse special keys
Use of left and right buttons and the
scroll wheel of a mouse
6 Describe the features Identify the key components of a Functions of operating system
and functions of
11
operating system desktop- task bar, icons, menu, etc. Menu, icons, task bar on the desktop
Create and manage files and folders
7 Describe the various Demonstrare to create, delete rename Utility of files and folders.
operations performed a file and folder Procedure of creating files and folders
on files and folders Restore files from recycle bin
Save files in folders and sub-folders
8 Describe the uses of Connect to the Internet Different types of connections and the
Internet Open and close a search engine procedure of connecting to the
Internet
Search the desired information using
a search engine Meaning of bandwidth
Websites and search engines
9 Search information Open and close web browser Basic components of world wide web
using world wide web Enter the URL on the address bar Abbreviations used for expressing the
Open a search engine and type the universal resource locater (URL)
key word for searching Concept of e-commerce
Demonstrate to book ticket on
Internet
10 Describe the use of Enlist various input and output digital nput and output digital media devices
digital media devices media devices – printers, web cams, scanners,
Connect media devices to computer camcorder, etc.
Demonstrate the use of media
devices.
Add and remove hardware and
software
11 Describe various Demonstrate the knowledge of Meaning of natural and human threat
measures to protect preventing harm to computers from Various measures to protect a
computer against natural and human threats. computer from human threat and
natural and human natural threats
threats
12
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
touch typing touch typing
3 Describe the various Type a paragraph and interpret results Various levels and bench mark in rapid
level in rapid typing with regard to the bench marks in typing software
software and its use typing
4 Describe the procedure Demonstrate the knowledge of Procedure of viewing and analyzing
of viewing and analyzing statistics section of typing tutor for statistics of the progress in typing
statistics of the progress assessing the progress in typing
in typing
5 Demonstrate the use of Demonstrate the use of lesson editor Procedure for using lesson editor in
lesson editor for touch adding a new lesson and learning
typing typing
2 Edit and save documents Type a given passage Procedure adopted for opening,
editing and saving a file
Edit the passage and save the file
3 Identify the elements of Identify various elements of user Various elements of user interface
user interface interface and describe their uses
4 Format a document by Demonstrate the knowledge of the use Use of various text formatting tool bars
applying bold, italics, of text formatting tool bars for for formatting
underline performing the Bold, Italic, Underline
5 Check and replace the Demonstrate the procedure of Procedures of checking spelling errors
spelling errors using spell checking spelling errors and correcting and correcting them – using mouse
and grammar check them using mouse and menu and menu
6 Use thesaurus and Demonstrate the procedure of using Procedures of using thesaurus and
synonym features thesaurus and synonym features synonym features
7 Apply copy-paste and Demonstrate the procedure for Procedure for copying and pasting text
cut-paste copying and pasting text and moving and moving text
text
8 Use “find and replace” Demonstrate the “find and replace” Utility of the feature - find and replace
feature to find and feature for finding and replacing word
replace word in a in a document
document
9 Create list of items using Demonstrate the procedure of Bullets and numbering formats
bulletes and numbering applying bullets and numbering to text Ordered and unordered list
13
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
10 Set or change font style Demonstrate the procedure of Procedure of changing font style and
and size changing font style and size size
11 Align the text Perform left, right and centre Procedure of aligning a text.
alignment of text
12 View a document Demonstrate the use of various Use of print layout, full screen reading,
options of “View tab” web layout, outline and draft features
of viewing the document
13 Print a document Use of different print settings Various features of print command
Print a word document
14 Create table in a Create/ insert a table with specified Procedure of creating table
document number of rows and columns
15 Format a table Format a table using “Design tab” and Procedure of formatting a table
“Layout” feature in formatting a table
16 Convert text to a table Convert text into table Procedure of converting text to a table
and table to text and table to text
Convert table to text
18 Add shadings to pages, Apply shades to a page, paragraph Procedure of shading a page,
paragraphs text and text paragraphs and text
19 Preview a document, Set page margins and page Procedure of previewing a document,
adjust margins and orientation (portrait or landscape) adjusting margin and orientation
orientation
20 Align text using tabs Align text using tabs Types of tabs – centre, left, and right
2 Open, save and a close Open an existing spreadsheet Procedure for opening, closing and
spreadsheet saving a spreadsheet
Insert data in cells
Save spreadsheet with a file name
Close spreadsheet document
14
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
3 Enter data in a Enter different forms of data in a Different data types that can be
spreadsheet spreadsheet inserted in a spreadsheet
4 Perform basic Enter the formula at the appropriate Procedure of entering formula for
calculations – addition cell for adding the figures addition
5 Perform basic Enter the formula at the appropriate Procedure of entering formula for
calculations – subtraction cell for subtraction subtraction
6 Perform basic Enter the formula at the appropriate Procedure of entering formula for
calculations – cell for multiplication multiplication
multiplication
7 Perform basic Enter the formula at the appropriate Entering formula for division
calculations – division cell for division
8 Insert column and rows Insert and remove rows and columns Modify rows and columns
in a spreadsheet
Merge rows and columns
9 Format cells and Adjust size of the text Formatting a cell
contents Set background color of cell & cell
border
Change cell properties
10 Customize the interface Demonstrate adding and removing Customizing the interface
icons and buttons from ribbon
11 Use a currency symbol in Demonstrate the knowledge of Inserting currency symbol
spreadsheet inserting the currency symbol in the
cell
13 Format the cell contents Change the format, style and size in Formatting a cell
cell
14 Delete column and row Delete column and row Deleting column & row
15 Use spell check in a Demonstrate and use spell check Checking spelling in spreadsheet
spreadsheet button for checking spellings in a
spreadsheet
16 Assign border to cells Adjust cell layout Applying border on spreadsheet
Use various options for setting border
17 Apply colors and styles Apply different colors and styles on Applying colors on spreadsheet
to cells border
18 Manage worksheet Demonstrate the knowledge of adding, Adding, removing and creating a
removing and creating a worksheet worksheet
19 Preview and print a Preview spreadsheet in print preview Printing a spreadsheet
spreadsheet Set basic printer options to print a
spreadsheet
Print selected part of spreadsheet
Print the spreadsheet
15
UNIT CODE & TITLE IT-SDA-106: Digital Presentation (Basic)
UNIT DESCRIPTOR This unit provides the understanding of digital presentation. The presentation is
prepared in the presentation application. It gives the skills and knowledge about the
presentation package and how to create and show the presentation to the audience.
DURATION 30 Hours (Theory and Demonstration: 15 Hours, Practical Hands on: 15 Hours)
16
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
Save the presentation
10 Change design of the Create a presentation Procedure of changing design of the
presentation Use a background style option for presentation
changing the design of presentation
11 Arrange, delete and add Create a presentation Procedure of arranging, deleting and
slide – slide sorter view Use slide sorter option to rearrange adding slide
Move the slides
Add slides between two slides
Delete the slides
12 Print a presentation Create a presentation Describe the procedure of saving and
Print a slide printing a presentation
Print handouts with 2,4, and 6 slides
17
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
Prepare reply to the message
Forward the message to a recipient
8 Format email message Demonstrate text aligning, Procedure of aligning the text in the
and checking for spelling Bold, underline and italicize the text message and checking and correcting
errors the spellings
Check and correct the spelling errors
9 Attach files and images Compose a new message Procedure of attaching file to the email
with e-mail message Attach text and image file with the message
message
Send message
10 Use help feature for Write appropriate key word and use Procedure of using help for finding
finding solutions to the the index for finding solutions to the solutions to the problems
problems problems
11 Print email message Sign in email account Procedure of printing a message
Read the message in inbox
Print email message using options
12 Organize emails and Create a contact Procedure of organizing and
manage contacts Edit a contact managing emails
Add contacts to contact group
Delete a contact
13 Organize email Demonstrate the knowledge of Procedure of creating, moving and
messages using folders creating, renaming, moving and deleting folders
deleting folders
Demonstrate the procedure of
transferring emails to the folders
18
COMPETENCY BASED CURRICULUM FOR NSQF LEVEL 2 (CLASS 10)
Objectives:
Upon completion of this course, students will be able to:
• Get familiar with the Computer System Fundamentals and Computer Organization
• Learn basic principles of using operating system Windows and Linux
• Access the Internet to search information
• Learn use e-mail for sending and receiving mails
• Learn basic word processing, spreadsheet and presentation skills with LibreOffice
Course Structure: This course (vocational qualification package) is a planned sequence of instructions
consisting of the following modules, called as Units.
Teaching and Training Methods: Theory with Demonstration and Practical Hands on
19
UNIT CODE & TITLE IT-SDA-201: Functional English (Intermediate)
UNIT DESCRIPTOR This is a basic unit to develop communication in English language by way of
learning and using the functional English in our daily life conversations. It develops
the understanding and improve communication skills in English.
DURATION 30 Hours (Theory and Demonstration: 20 Hours, Practical Hands on: 10 Hours)
20
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
19 Writing a Covering Letter Write cover letter for any specific Cover letters in different formats
occupation
20 Facing an Interview Enlist the common interview questions Common interview questions
and their answers
21 Taking a Telephonic Explain telephonic interview statement Standards of a telephonic interview
Interview Answer the typical interview questions
22 Accepting a Job Offer Explain the formats/words/phrases Points included while accepting a job
used while accepting a Job offer offer
21
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
footers in a document
2 Format the document Demonstrate formatting of page using What is formatting?
different formatting options, changing Procedure of formatting a document
portrait orientation to landscape
3 Use document template Demonstrate the use of template on Advantages of using documents
word document template in preparing a document
Steps to be followed to apply template
on word document
4 Use page break and Demonstrate the procedure of Page and section in a document
section break breaking a page and a section Use of page break and section break
5 Usage of clip art in the Demonstrate the use of clip art in word What is clipart, advantages of using
document document clip art in document
6 Insert symbols, images Demonstrate the use of symbols in Advantages of inserting graphics and
and graphics shape word document images in a word document
Demonstrate the use of images and Use of symbols in a word document
graphic shapes
7 Describe the process of Demonstrate a process of inserting Process of inserting water marks in
inserting watermark in watermark in a document word document
word document
8 Describe the process of Demonstrate the process of Process of performing calculation on
performing calculation on performing calculation on tabular data tabular data
tabular data in word
document
9 Describe the process of Demonstrate the procedure of editing Use of crop and resize tools for image
editing image images editing
10 Use text wrapping Create a document and demonstrate What is text wrapping?
feature the text wrapping feature How to perform text wrapping
11 Insert different objects in Demonstrate the process of inserting Different types of objects, advantages
the document different different objects like symbols, of using different objects in the
shapes and images in the document document, Inserting the object in the
document
12 Create complex Demonstrate the use of ‘SmartArt’ Advantage of using ‘SmartArt’ feature
Illustrations with feature for creating complex Illustration
‘SmartArt’
22
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
2 Perform conditional Creating spread sheet using different What is conditional formatting
formatting of the cells styles and rules of conditional Different styles and rules of conditional
formatting formatting
3 Hide, unhide and freeze Creating the spread sheet using How to Hide / Unhide / Rows and
rows and columns Hiding/ unhiding rows and columns Columns
Creating the spread sheet using How to Freeze Rows and Columns
freezing the rows and columns What is the use of Hide / Unhide /
Freeze Rows and Columns
4 Set page break Creating the spreadsheet having How to use a page break option in a
multiple page breaks spreadsheet
5 Set page layout Creating the spreadsheet using How to layout the page in spreadsheet
different options available in page Different options available in page
layout (Margins, Orientation, headers layout
and footers, Hide or display grid lines,
page size, define the print area,
specify the background)
6 Display the workbook in Demonstrate the advantages of Advantages of showing workbook
different views showing workbook records in different records in different views like: Normal
views like: Normal Page Layout, Page Page Layout, Page Break Preview,
Break Preview, Custom view, Full Custom view, Full Screen view etc.
Screen views in worksheet
7 Name the cell and cell Creating spreadsheet naming cell and Advantage of naming the cell/ cell
range naming cell range using different range
examples How to assign a name to an individual
cell as well as to the cell range
8 Create and format charts Creating charts using different Advantages of making charts
elements like: hart area, plot area, Procedure of making charts
data points, horizontal and vertical Different elements used in charts
axis, legend, chart and axis title, data Different types of chart
label Formating the charts
Creating different types of charts,
modifying and formatting them
9 Sort and filter data Demonstrate the use of sort and filter Advantages of sorting and filtering
feature of spreadsheet using different data
data How to sort and filter records
10 Calculate data across Creating a worksheet for calculating How to calculate data across rows
worksheets data across the rows and columns and columns
11 Linking the cells in Creating multiple workbooks and Advantage of linking the cells in
multiple workbooks establishing the linkages between multiple workbooks
various cells Options to link the cells in multiple
workbooks
12 Share worksheet data Creating a worksheet and sharing it for Advantage of sharing worksheet data
updating the data
23
UNIT CODE & TITLE IT-SDA-205: Digital Presentation (Intermediate)
UNIT DESCRIPTOR This unit develops the intermediate skills in digital presentation. It covers the topics
on inserting table, chart, picture, movie, objects as well as grouping objects.
DURATION 30 Hours (Theory and Demonstration: 15 Hours, Practical Hands on: 15 Hours)
24
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
3 Categorize an Categorizing an appointments as per Paramets for categorizing the
appointments our priorities appointments
4 Share and print Sharing the calendar with others and Use of sharing,
calender Printing a calender How to share and print the calendar
5 Create a meeting Sending meeting request to multiple How to send meeting request to user
request user
6 Respond to a meeting Responding to a meeting request sent How to respond to a meeting request
request by the host
7 Create and edit a task Enlist the created tasks that can be Process for creating and editing the
edited with save options tasks
Prepare a process flow diagram for
creating and editing the tasks
8 Create and edit a note Prepare a process flow diagram for Process flow diagram for creating and
editing and saving the Note editing the Note
9 Create and edit a Create and edit Journal entries Journal entry and process to create
journal entry and edit a journal entry
25
COMPETENCY BASED CURRICULUM FOR NSQF LEVEL 3 (CLASS 11)
Course Structure: This course (vocational qualification package) is a planned sequence of instructions
consisting of the following modules, called as Units.
Teaching and Training Methods: Theory with Demonstration and Practical Hands on
Location for Training: Classroom and Practical Laboratory
26
UNIT CODE & TITLE IT-SDA-301: Functional English (Advanced)
UNIT DESCRIPTOR This unit develops the English lanbguage skills required for reading, writing and
communication.
DURATION 40 Hours (Theory and Demonstration: 30 Hours, Practical Hands on: 10 Hours)
27
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
Promotion methods Different ways of promoting a product
Explain the strategies for a product
promotion by different ways
14 Closing a Deal Close the deal document by following How to close a deal
appropriate procedures Tactics used in closing a deal
15 Stock Count Identify the benefits of Stock Count Tasks involved in a Stock Count
16 Writing a Customer Understand the format of CSR Customer service report
Service Report (CSR) Make a CSR of different complaints Purpose of Customer Service Report
2 Follow copyright laws, Demonstrate about how to protect the Copyright laws, rights, jurisdiction,
Trademark and Patent document with copyright, validity and symbol, Trademark and
Demonstrate how to use the copyright Patents
documents
3 Explore the plagiarism Demonstrate the process of detecting Concept of Plagiarism, Internet
a plagiarism using appropriate Plagiarism, Detecting Plagiarism
websites
4 Avoiding Violations Demonstrate and follow the best Methods & licensing types for
practices to avoid copyright violations publication, Impact of violation of
copyright laws
5 Cyberlaws Demonstrate the happenings of cyber Cyber crime and cyber laws, places of
crime and its treatment by cyber laws cryber crime, how it occurs, who does
it, effect of cyber crime on the digital
world
28
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
1 Sort, renumber and Demonstrate the sorting process in Process of sorting, sorting type and
customize a list, particular order, order, sorting function, list types,
Multilevel list Demonstrate the process of Renumbering process, Customizing
numbering, renumbering, assigning
bullets and numbers to single and
multilevel list
Demonstrate the various customizing
options
2 Insert watermark in the Demonstrate how to add watermark in What is watermark, Custom
document the document watermark, Adding watermark in a
document
3 Explore and work with Demonstrate how to insert table, rows, Tabulation concept in word processing,
different features of column, change the appearance, style create, delete, select table, Manipulate
table manipulations and properties of table. table properties, select, add, delete
Demonstrate table auto format, rows/ columns in a table, Change
changing size, style, format of table height, width, style and format of table
4 Styling a document with Demonstrate how to create, delete, Importance of style, creating a style,
styles modify and assess style in word assessing style, deleting and modifying
processing a style
5 Insert and work with Demonstrate how to select and delete Importance of themes, default theme,
themes in a document themes to the documents sources of collecting themes, assigning
Demonstrate downloading themes themes to the document, downloading
from Internet themes from the Internet, customizing
a theme
Demonstrate customizing the themes
6 Insert and work with Demonstrate how to insert picture, Options to insert picture, modify picture
pictures in a document compress and resize a picture, crop a and its appearance, compress a
picture, using the appropriate picture picture, resize a picture, crop a picture
editing tools and techniques Picture tools and techniques
Improve picture quality
Apply special effects to picture
7 Insert and work with Demonstrate how to capture screen- What is screen-shot, What is active
screen-shots in a shot and insert in the word document window
document Demonstrate how to format a screen- Insert a screen-shot in a document
shot Format a screen-shot
8 Create Text boxes and Insert text boxes and pull quotes What are text boxes and pull quotes
Pull Quotes Customize the text boxes How to insert text box & pull quotes
Customize text box
9 Insert word art and Assign word art and special effects to Features of word art
other special effects in a the text in a document What is the importance of word art
document Demonstrate how to insert and remove options to insert and remove word art
word art effect to the text in a document
10 Create and use Smart Demonstrate how to create Smart Art What is Smart Art
29
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
Art in a document diagram, add visual effects to it, modify
the Smart Art contents Smart Art categories, diagram
Adding visual effects to Smart Art
Modifying Smart Art contents
11 Control Text Flow in a Demonstrate how to control the text What is text flow, where it is used, how
document flow in word document to control a text flow in word
processing
30
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
8 Create and use Demonstrate how to use built-in What is template
templates in a template How to use built-in template
spreadsheet Demonstrate how to create, download How to create and use template
and use the template in the
spreadsheet Downloading, saving and using the
template
9 Update workbook Demonstrate where the workbook Workbook properties
properties properties exists and how to update it How to update workbook properties
10 Create and edit macros Demonstrate how to create, use and What is macros
edit macros How to create macros
Editing macros
2 Use the slide master Demonstrate how to work with slide What is slide master, how to work with
mater slide master
Demonstrate how to preserve the slide Preserving the Slide Master
master and use multiple themes
Using Multiple Design Themes
3 Create headers and Demonstrate how to insert header and What is headers and footers
footers footers in the presentation
Header and footer dialog box
Demonstrate how to use various
options in header and footer dialog box
4 Work with the handout Demonstrate how to use handout What is handout master
master master
Creating handout master
Demonstrate how to create handout
master
5 Work with the notes Demonstrate how to use notes master What is notes master
master
Demonstrate how to create notes Creating notes master
master
31
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
6 Save presentation in Demonstrate how to save the Various options for saving presentation
different format presentation in various formats
File formats and size in various formats
Compare the file size in various
formats of presentation
2 Create a distribution list Demonstrate how to create distribution What is distribution list or contact
or a Contact Group list or contact group in email- groups in email-messaging
messaging
4 Sort and filter messages Demonstrate how to sort an filter email What is sorting and filtering
using multiple criteria using singel or multiple criteria
Sorting and filtering email-messaging
using single and multiple criteria
5 Manage junk email Demonstrate how to manage junk What is junk email
emails
How to manage junk emails
6 Set workdays and time in Demonstrate how to set workdays and How to set workdays and time in a
a calendar time in a calender calender in email-messaging
7 Display an additional Demonstrate how to create and Creating and displaying additional time
time zone display additional time zone using zone using calender software
calender software
8 Set availability options Demonstrate how to set availability Setting the availability using options
using options in email-messaging over the Internet
9 Create calendar groups Demonstrate how to set a calender in Setting the calender in groups
groups
10 Manage automatic Demonstrate how to configure email- Configuration for automatic meeting
meeting responses messaging for automatic meeting responses
32
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
responses
11 Manually Modify a Demonstrate how to create and modify Create and modify manually journal
journal entry journal entry manually entry
12 Reply to a task request Demonstrate how to reply task request Purpose of task request
2 Explore the OSI Model Demonstrate diagrammati cally the Different layers in OSI Model
different OSI layer in a OSI Model
3 Introduce with different Demonstrate the different networking Basic concepts and terminologies in
network terminologies terminologies by illustrations networking
4 Networking topologies Demonstrate graphically the different Different networking topologies and
and access methods network topologies, access methods access methods
5 Introduce with network Identify the different networking Networking hardware – configuration
hardware – Network hardware devices and demonstrate its and use
Interface Card, Hub, use in networking
Switches, Routers
6 Introduce with various Demonstrate the use of different Different networking protocols
networking protocols networking protocols
7 Introduce with server Demonstrate the features of various List and compare various server
operating system server OS operating systems
8 Introduce with Demonstrate the installation and What is DHCP and DHCP process
networking services - configuration of DHCP
DHCP
33
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
10 Wireless networking Demonstrate the installation and Introduce to wireless networking
configuration of wireless networking concept and features
11 Wireless security Demonstrate how to establish wireless Wireless security concept and features
security
12 Wide Area Networks Demonstrate the functioning of Wide Concept of Wide Area Network
Area Networks
2 Create web pages by Demonstrate to develop web pages HTML basic elements and attributes to
using HTML basic tags using HTML basic elements develop web pages
4 Introduce with XML & Demonstrate the use of XML & XHTML Overview of XML & XHTML
XHTML in web development
5 Create web pages using Use Javascript for web development Introduction to JavaScript
JavaScript
Basics of JavaScript
6 Introduce with DHTML, Use DHTML, Ajax and Jquery for web Overview of DHTML, Ajax and JQuery
Ajax and JQuery development
7 Introduce with Web Use web server in web development Overview of IIS and Apache Web
server – IIS and Apache Server
8 Introduce ASP for web Use ASP for web development Overview of ASP
development
9 Introduce PHP for web Use PHP for web development Overview of PHP
development
34
DURATION 40 Hours (Theory and Demonstration: 20 Hours, Practical Hands on: 20 Hours)
35
COMPETENCY BASED CURRICULUM FOR NSQF LEVEL 4 (CLASS 12)
Objectives:
Upon completion of this course, students will be able to:
• Get familiar with the Computer System Fundamentals and Computer Organization
• Learn basic principles of using operating system Windows and Linux
• Access the Internet to search information
• Learn use e-mail for sending and receiving mails
• Learn basic word processing, spreadsheet and presentation skills with LibreOffice
Course Structure: This course (vocational qualification package) is a planned sequence of instructions
consisting of the following modules, called as Units.
Teaching and Training Methods: Theory with Demonstration and Practical Hands on
Location for Training: Classroom and Practical Laboratory
36
UNIT CODE & TITLE IT-SDA-401: Functional English (More Advanced)
UNIT DESCRIPTOR This unit covers the more advanced features of functional English, which is required
in the IT/ IteS work environment in IT to communicate with clients and customers. It
develops the skills for reading, writing and communication fluently in English.
DURATION 40 Hours (Theory and Demonstration: 30 Hours, Practical Hands on: 10 Hours)
2 Describe your job Explain how to describe your job How to describe your job
Use connectors and conjunctions Connectors and conjunctions
3 Write a leave Explain how to write a leave Format for writing leave application
application applications
Examples of leave application
Study the samples of leave
applications
4 Being a good team Describe the qualities of good team Qualities of good team player
player player
Role of good team player in various
Perform the role of good team player in situations
various situations
7 Introduce with ITES Explain the meaning of ITES industry ITES industry and its meaning
Industry List out the various types of ITES Types of ITES industry
industry
Work of various of ITES industry
Describe the work of various of ITES
industry
37
9 Open and close a Describe how to open and close a Procedure to open and close a
customer service call customer service call customer service call
Frame the conversation to open a Types of conversation to open and
service call close a service call
Frame the conversation to close a Conversation to open and close a
service call service call
11 Verify the information Explain the term “Verifying information” Meaning of Verification of information
Read and interpreat the varification Examples of verification process
process
12 Give direction to Give proper direction to customer on Tips and directions on various issues
customer telephonically various issues
14 Handle customer Explain the process to handle Tips to handle customer queries
queries customer queries
Expected customer queries and
Analyse the expected customer possible solutions to the queries
queries
Clarification of customer queries
Provide the instance solution to
customer queries and clarify the
customer queries
15 Follow call flow Explain the meaning of call flow Meaning of call flow
Explain the various terms in call flow Various terms in call flow plan
plan
Call flow chart
Read and interpreat the call flow chart
16 Give and receive Explain the meaning and process of Guidelines for giving feedback
feedback giving and receiving feedbak
Guidelines for receiving feedback
17 Communication Skills Describe the communication skills and Importance of communication skills
its importance
Elements of communication process
Describe the various elements of
communication process Communication process
38
Communicate with cooligues in Verbal and non verbal communication
workplace
Communications in workplace
18 Effective Listening Skills Describe the effective listening skills Meaning of effective listening skills
Describe active listening Meaning of active listening
Check your listening skills by Experiments to check listening skills
performing an experiment to listen from
others
20 Workplace Describe the meaning and features of Meaning and features of workplace
Communication workplace communications communications
Communicate properly at workplace How to communicate properly at
workplace
2 Create and print Insert envelop using envelop dialogue What is envelop
envelopes box in a document
Procedure to insert envelop in a
Save the document with envelop document, saving the document with
envelop
Modify, format and print the envelop by
available options Modifying and formatting envelop
Printing the envelop by print option
3 Create and print labels Create label, format label, print label What is labels
39
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
using available option Procedure to create labels with
different fields
procedure to print the label
4 Use mail merge feature Open a document, create a contact list, What is mail merge
in word processing create a new document and enter text
matter requirement for mail merge
Generate and print the letters to the procedure to create and print the letter
addresses in the contact list using mail to different addresses using mail
merge feature merge feature
5 Create and use macros Create the macros using the available What is macros
to automate tasks options
procedure to create macros to
use the created macros by using automate the task
available option
procedure to use macros
6 Link word documents to Create the data record in the Procedure to link the data stored in the
data stored in spreadsheets spreadsheets
spreadsheets
Create the new document and link the
spreadsheet data with the document
using available options
8 Prepare a document for Create a document with some text What is reviewing a document
review enable the tracking and correct the
document in review mode procedure to review a document
9 Track changes, review Insert comments, delete comments, Procedure to track changes review
changes and include review changes, use filters and modify changes in a document
comments in a mark of appearance using available
document option
10 Compare and Merge Create the two documents compare Procedure to compare and merge the
document and merge them using available option document
40
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
website to the spreadsheet hyper-link to the existing, new
document, ccreate custom hyper-link
create custom hyper-link
procedure to link data from another
link data from another workbook workbook
2 Analyze data using Create a spreadsheet with sample Explain the purpose of Pivot Table
pivot tables and pivot data
charts Explain the procedure to create pivot
Create the pivot table from the table from a sample data
spreadsheet data using available
options
3 Create and use pivot Create a spreadsheet with sample What is pivot chart
charts data with 4-5 fileds and 4-5 records
Procedure to create pivot chart from
Create a pivot chart from the the spredsheet data
spreadsheet data
How to use pivot chart
4 Use slicers to analyze Create piviot table and apply slicer to Explain the purpose of Filter Slicers.
data analyse data using the abvailable
options Explain the procedure to apply slicers
to a sample data
7 Merge workbooks Create a spredsheet with some fields, What is merging of workbook,
copy it to another sheet
Explain the procedure to merge
Fill up the 2 data records in the first workbooks
sheet and 3 data records in the
second sheet, Merge these two
sheets with and verify that the merged
sheet contains all the 5 data record
from first and second sheet
8 Use digital signature in Acquire the digital signature from the Concept of digital signaure
a spredsheet provider of digital certificates, install it,
Procedure to apply digital signature to
Create a spredsheet and assign the a spreadsheet
digital signature to it by available
options
41
Sn LEARNING OUTCOME PERFORMANCE CRITERIA RELEVANT KNOWLEDGE
9 Restrict access to Create the spredsheet and restrict the Procedure to protect spreadsheet
spreadsheet print access to others from being copied or printed when
exporting as PDF
10 Share a workbook Create a spreadsheet and assign the Procedure to share a workbook
option to share it,
Allow to change the data in the
spredsheet by others and verify the
result
2 Use multimedia Include the multimedia element in the What is multimedia and how to use it in
elements in presentation by the relevant procedure presentation
presentatioin
4 Customize slide show Creae a prentation with 7-8 slides Procedure to creat a custom slide
show
Create a custom slide show with
available options
6 Use presenter view Configure a presentation to run for Procedure to to configure the slide
audience on another display medium show to display presentation on
another monitor
42
UNIT CODE & TITLE IT-SDA-405: Email Messaging (More Advanced)
UNIT DESCRIPTOR This unit covers the more advanced features of email messaging which is required
by expert office assistant. It develops the skills in using advanced features of email
messaging.
DURATION 40 Hours (Theory and Demonstration: 20 Hours, Practical Hands on: 20 Hours)
2 Create and modify Create a signarure or vCard and allow What is signature in email messaging
signature it to send with all outgoing messages
by setting the available options of Procedure to include signature and
email messaging vCard for outgoing message
3 Configure email security Configure the email security by What is email security and what are
settings available options the security setting options for email
Set the default view of message body Explain the ways to keep email secure
to plain text and configure to move junk
mails to junk folder
4 Organise and group Create different folders for different Purpose, procedure and criteria for
emails in appropriate types of incoming mails grouping emails
folders
Move the mails in different folders
5 Manage data files Take backups of data files of email Purpose and procedure of managing
messaging software using available data files in email messaging
options in that software
2 Create web pages and Create a new website and webpages Concept of web page & site
web sites using HTML basic tags
Creating a new web site and web
View the web page in the web browser pages
43
HTML for creating, saving and viewing
webpage
3 Create and import Create a website by using built-in Template and its purposes
websites using template
templates Options to create and import website
by using templates
4 Create web pages using Create web pages using common Common HTML elements, its syntax
common HTML HTML elements such as font face, and use
elements size, alignment, format, list etc.
How to use these common elements to
build web pages
5 Create webpages with Create tables and include background Creating tables and using background
tables, cells and image using HTML images in cell using HTML
background images
Apply HTML tags for splitting, merging, HTML tags for table properties – split,
row span, column span merge, row span, column span
6 Insert and manipulate Create a web page by inserting various Different types of images, their
images in the web page types of image files and implement the properties and criteria to manipulate,
different image properties
How to insert and manipulate the
images in a web page
8 Create hyperlinks using Create web page by providing How to create hyperlinks using images,
images, interactive hyperlink to the webpage from the interactive buttons and how to use
buttons and use image or interactive buttons hotspots in HTML
hotspots
9 Insert audio, video Create a web page by adding audio, How to include audio, video and flash
contents and flash or video clips and flash or movies of or movies in a web pages using HTML
movies in a web page compatible file types in a web page
using HTML tag
10 Create and use frames, Creating web page using Frames, Concept of frames, inline frames and
Inline frames and layers Inline frames and Layers layers and their properties
in a web page
Use properties of frames and elements Procedure and HTML tags to create
to manage the layers and use frames, inline frames and
layers in a web page
11 Use Hover Effect, Meta Create a web page with hover effect, Hover effect, Meta elements and
Elements and meta elements and watermark Watermark
Watermark in a
webpage Procedure to assign hover effect, meta
elements and watermark to web page
12 Create Forms in the Create webpage having multiple forms Describe why forms are essential and
44
web pages how to create forms
13 Create and use Style Create webpage by including style CSS and its use in the website
Sheets in web site sheets and Providing/ removing links to
the style sheets How to create and use CSS in a
website
By defining various elements to style
sheets
14 Work with behaviors Create a webpage by applying different What are Behaviors, differebt
behaviors such as onclick, mouse over, behaviors and how it is used in the
redirect website
15 Check compatibility of a Checking compatibility of website with What is browser compatibility and how
website with browsers different web browsers it is achived
16 Work with code view, Creating website having multiple Code view, add-ins, snippets and page
add-ins, snippets and snippets and also having various types transitions, its purpose
page transitions of page transitions
How to add Snippets and Page
Transitions
17 Create and edit Create, use and edit dynamic web Dynamic web templates and its
dynamic web templates templates in a web site features
Detach dynamic web template from How to create, use and edit dynamic
site web templates
18 Use SEO checker to Optimize the search engine using SEO Concept of search engine optimizer
optimize the search checker
engine How to use SEO checker to optimize
the search engine
19 Create forms to save Create forms to interact with web Advanced features of forms
results in database server and save the result in database
How to interact with web server
20 Optimize web pages, Perform all the tasks before publishing Task to be carried out for publishing
HTML code to publish the website such as optimize web website
the website pages, HTML code, fix errors and take
back ups How to optimize web pages and HTML
code
21 Introduce with authoring Download the different authoring tools Different authoring tools, their purpose,
tools used to develop and try to use it for web development features and use in the website
websites
22 Download and use CSS Download and use the CSS template Purpose and features of CSS template
templates for designing a website
How to use it in a website
23 Introduce, download Explore the appropriate web Information about different web
and use common web applications and CMS, download it, applications & CMS under different
applications & CMS install it and explore its feature in the platform
web development
How to get it install it and use it
45
24 Introduce with web Explore the software requirement in What is web applications, client server
application development open source to develop web model
applications
What are the software requirement to
develop web application
46
ASSESSMENT GUIDE
1. Written test: It allows candidates to demonstrate that they have the knowledge and understanding
of a given topic.
2. Practical test: It allows candidates to demonstrate application of skills in simulated or real work
conditions against competency standards (skill and academic standards).
3. Oral test/viva voce: It allows candidates to demonstrate communication skills and content
knowledge. Audio or video recording can be done at the time of oral test or viva voce.
4. Portfolio: It is a compilation of documents that supports the candidate’s claim of competence that
was acquired from prior learning and experience. Documents (including photo’s, newspaper articles,
reports, etc.) of practical experience in the workplace or the community and photographs of the
products prepared by the candidates related to the units of competency should be included in the
portfolio.
5. Project: Projects (individual or group projects) are a great way to assess the practice skills on a
deadline, but these should be given on the basis of the capability of the individual to perform the
tasks or activities involved in the project. Projects should be discussed in the class and the teacher
should periodically monitor the progress of the project and provide feedback for improvement and
innovation.
6. Direct Observation – Direct observation requires a considerable degree of commitment from the
observer and those being observed. Employability skills evaluation listed below in the table should
be evaluated through direct observation by the teacher/trainer and appropriate records should be
maintained for transparency in evaluation.
47
Employability Skill Area Sn Competencies and Performance Standards Y N
Communication 1. Questions appropriately
2. Writes clearly and legibly
3. Demonstrates good listening and responding skills
4. Informs about the absence and reasons of absence
Responsibility 5. Organizes work
6. Manages time effectively and efficiently
7. Complete assignments timely
8. Displays care for tools and equipment
9. Accepts responsibility pleasantly
Y=Competent = 0.5 marks, N=Not yet competent = 0 marks
48
LIST OF TOOLS, EQUIPMENT AND MATERIALS
The list of tools, equipment and materials given below is suggestive and an exhaustive list should be
prepared by the teacher/trainer. Only basic tools, equipment and accessories should be procured by the
Institution for performance of routine tasks or activities by the students.
HARDWARE
Computer system with Latest configuration
Laptop and Notebook
Printers – Laser Printer, Inkjet Printer, Dot Matrix Printer
Spare memory, Processor, cables, connectors, power pack, battery, NIC cards.
Web Camera
External Hard disk drives.
Different types, makes and capacities of HDD in IDE/ATA and SCSI.
Flash/Thumb/Pen drives of different makes and capacities.
Different types, makes and sizes of monitors for dismantling, demonstration and reassembly
Different types of Keyboards including wireless keyboards.
Different types of Mice including wireless mouse.
SOFTWARE
Operating systems – full and legal versions of Windows
Operating System – Linux and Free and Open Source Softwares
TOOLS
Tool kit
Cable connectors
Crimping tools
RJ45 connectors and Crimping tool.
Vacuum cleaner
Air blower
OTHER DEVICES
UPS 5 KVA
Multimedia Projector
External HDD
DVD writer
UTP 5/5e/6 cable.
FURNITURE
Computer maintenance table
Lab stools/chairs
Computer tables
CONSUMABLES
Paper
Printer Cartridges
49
TEACHER’S QUALIFICATIONS
Qualification, competencies and other requirements for appointment of Graduate Teacher (IT/ITeS) on
contractual basis should be as follows:
Qualifications: Master of Science degree in Information Technology/ Computer Science/ Computer
Application OR Bachelor of Engineering in Information Technology/ Computer Science/ Computer Application
from any UGC recognized University OR DOEACC 'B' level
Desirable: 1 year experience in industry
Minimum Competencies: Effective communication skills (oral and written) , Basic computing skills.
Age Limit:18-37 years, relaxation to be provided as per Govt. Rules.
LIST OF CONTRIBUTORS
Advisory Group
2. Prof. Saurabh Prakash, Head, Department of Engineering & Technology, PSSCIVE, NCERT, Bhopal
3. Prof. Vinay Swarup Mehrotra, Head, Curriculum Development and Evaluation Centre, PSSCIVE,
NCERT, Bhopal
4. Wadhwani Foundation, C/o Symphony Teleca Corp. (India) Pvt. Ltd., Subramanya Tech Park, Plot
No. 3 & 3A, EOIZ Industrial Area, Sy No.85 & 86, Whitefield, Bangalore South, Bangalore – 560066
1. Ms. Rekha Menon, Wadhwani Foundation
2. Mr. Ajay Goel, Wadhwani Foundation
3. Mr. Austin Thomas, Wadhwani Foundation
Subject Matter Experts
Following experts have worked and contributed in the workshop for development of this competency based
curriculum in IT/ITeS sector. Their contribution is acknowledged.
1. Dr. Rajeeva Shrivastava, Dy Manager (IT), MPSIDC, 192 Zone I, M. P.Nagar, Bhopal, 9425009789,
shrivastava_rajeev@yahoo.com
2. Dr. Karan Singh, Senior Scientist, CIAE, Nabi Bagh, Berasia Road, Bhopal, 9425680189,
ksingh@ciae.res.in
3. Mr. Anant Bhole, Technical Officer, CIAE, Nabibag, Berasia Road, Bhopal, 9425022629,
anantbhole@gmail.com
4. Dr. Manu Pratap singh, Associate Professor in Computer Science, Departement of Engineering &
Technology, Dr. B. R. Ambedkar University, Agra (UP), manu_p_singh@hotmail.com
5. Dr. Rajesh Lavania, Assistant Professor in Information Technology, Departement of Engineering &
Technology, Dr. B. R. Ambedkar University, Agra (UP)
6. Dr. Deepak Shudhalwar, Assistant Professor in VE (CSE), Department of Engineering & Technology,
PSSCIVE, NCERT, Bhopal
50
Dr. Deepak D. Shudhalwar
Coordinator for IT/ITeS Sector
Working as Assistant Professor in VE (Computer Science/Engg), Department of Engineering & Technology
at PSS Central Institute of Vocational Education Bhopal. He has more than 20 years experience in
curriculum development, instructional material development and teacher training in Computer Science and
Information Technology. For further details of the curriculum please contact him on E-mail:
dipakds@yahoo.com, dds.ncert@nic.in
51
SESSION 1: DRESS AND HYGIENE
RELEVANT KNOWLEDGE
What do you think is Hygiene? As you all know, it is all about keeping yourself
clean and healthy. Following a good hygiene may be necessary for many
reasons; personal, social, health reasons, psychological or simply as a way of
life. Maintaining a good standard of hygiene helps to prevent the development
and spread of infections, illnesses and bad odors.
Self-esteem, confidence and motivation can all be altered by our body image
making it very important to follow good hygiene practices. The way you present
yourself speaks volumes about you. Many job interviews are highly dependent
on hygiene, as, often decisions are made by first impressions formed within the
first few minutes of a meeting. Hence chances of succeeding either in work or
social settings can be influenced by your maintenance of hygiene.
What is your idea of a well dressed person? Jot down your ideas here:
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
There are some common terms used when talking about dress and hygiene.
Some of them are introduced here. Read aloud the following terms:
Clipped nails - It is easier to keep your nails clean when they are clipped.
Well-combed hair - Smita likes keeping her hair clean and well-combed.
Ironed clothes - It doesn’t matter whether I wear the white shirt or the blue
one, as long as it is ironed well.
Deodorant - It is advisable to use a deodorant, especially during summer, to
avoid body odor.
Read aloud the “List of Products” given below. Your facilitator will conduct an
activity based on this. Listen carefully and follow the instructions of your
facilitator.
List Of Products:
Cherry boot polish
Rexona deodorant
Vaseline lip balm
Colgate toothpaste
Cinthol soap
Sunsilk shampoo
Happy Nails nail-cutter
Gillette shaving cream
Brylcreem hair-styling gel
Dettol hand wash
Lexus iron
EXERCISE
Pronouns
Examples:
Read out the following sentences and choose the correct option.
1. _______ employees are well known for ______ cleanliness. (Our-their,
Their-our)
2. If _______ don’t dress neatly, people will not have a good impression of
_____. (you- you, I-I)
3. _________ wears polished shoes and _______ hair is always done nicely.
(Her-she, She-her)
4. _______ keeps buying new clothes every week! Someone should tell
______ that he should take care of the ones he has. (He-his, He-him)
5. ______ at ACES ‘n’ Co., believe that a well-dressed employee is a great
asset. (We, Us)
6. We have a dress code at _______ office – blue shirts and black pants.
(our, my)
7. Ravi and ________ have attended a grooming session as part of our
training. (me, I)
ASSESSMENT
2
Fill in the blanks with the appropriate pronouns.
“A person is what ______ (it, she) wears.” This is quite a popular saying. The
clothes that _____ (you, your) wear show others the person that you are.
It does not matter whether _______ (your, yours) clothes are expensive or
cheap. The important thing is that ________ (they, them) must be clean and
worn neatly. For example, _____ (my, mine) friend Parul has many expensive
and pretty clothes. But she never irons ______ (her, hers) clothes before
wearing them and so she never looks neat and presentable. In fact, people
think that she is a lazy girl!
The other important thing apart from clothing that can make your image a good
one is your hygiene. Ask ______ (you, yourself) – do you like to see someone
who comes to work with dirty hair or smelly feet? No! You would like to see
_____ (they, them) coming in ______ (their, theirs) best clothes, with nicely
combed hair and clean shoes. People expect the same from you.
3
SESSION 2: PREPARING A DAILY AND WEEKLY WORK PLAN
RELEVANT KNOWLEDGE
What is a work plan? Why do you need one? Have you ever thought along these
lines?
A work plan is a detailed list of the tasks and activities that are going to be
carried out to fulfill a scope of work.
As a student, it is important for you to set a target or goal and then plan how to
achieve it. Work-planning is your ability to list a collection of related sub-tasks
that need to be done, set specific outcome goals to measure the success of
each sub-task, allocate sufficient time to carry out each sub-task, evaluate
actual work performance, and make necessary adjustments in future work-
planning as needed. As an example, read the following:
“School and homework. Activities and chores. Sleeping and eating. So much to
fit into a single day!
Anisha, 15, said, "I don't have much time for friends. I wish I could talk to them
on the computer and on the phone more". Rakesh, 14, feels like he never has
enough time to practice his football and hang out with friends. Instead, he's
always studying and doing homework. Karan, 16, wants more time for cricket
and Paramjeet, 13, wishes he had more time to watch TV. Malika, 17, said, "I
never have time to talk with my friends, write in my diary, or watch a movie!"
And Arnav, 17, complained that he never has enough time for himself because
he's packed with homework, tuition, and preparing for his exams.
Wouldn't it all be easier if time were like a DVD that you could slow-down,
speed-up, fast-forward, or rewind? Or have you wished that time was like a
computer game, and when your time was up, you could just stop it and return
to it whenever you pleased?
Well, unfortunately, we can't change the speed of time or get more of it. What
we CAN do, however, is manage it.
4
Look at the given sample work plan drawn by Akaash Seth, a call center agent
at “this-is-IT.com”, for 5th October, 2012.
discuss feedback on
2:30 pm. Meeting with Team
performance
Manager, Richa Gulati
discuss career pathway
This plan lists the time, task, and objective of work that Akaash Seth is
planning to do on the 5th October, 2012. Simple work plans such as this one can
be easily drawn up for daily or weekly goals, as required for a situation.
You can keep the points given below in mind when you plan your daily or
weekly goals to work upon:
5
Timelines: When do you start? When do you have to finish? Are your
goals achievable in the given time? Have you thought about the other
tasks that may need your attention at the same time?
EXERCISE
The details given are of Aarav Kapoor’s Weekly Work Plan from October 22 nd to
October 26th. You have to fill the table below and draw up the work plan in
their Student Handbooks in class.
6
Date Day Time Task Objective
Listen to the instructions given by your facilitator and complete this exercise.
7
Future continuous tense
Examples:
The following is a work plan for a day at an IT company. Change the sentences
to the future continuous tense.
7. Then I will show them how to create their own individual password for
the program.
_______________________________________________________________
8
9. I visited two of our offices in Bangalore and Mumbai.
_______________________________________________________________
(a)
9
SESSION 3: THE IMPORTANCE OF COMPUTERS
RELEVANT KNOWLEDGE
10
One of the most positive results from the usage of computers, is the
impact it has had on de-forestation; cutting down of trees, as the use of
paper in offices around the world has gone down vastly over the years.
Computers today are portable and no longer restrict their user to a desk.
They come in various models and sizes; from the super-thin Laptop to a
pocket-sized Tablet PC. This makes it easier for anyone to communicate
and work from anywhere!
EXERCISE
11
B. Go through the following snippet:
“Importance of Computers in Todays’ World”.
Hi! My name is Mithaali. So, are you excited about today’s lesson, the “importance of Computer
Okay.
: So Armaan, because you say that you know everything there is to know
about computers, tell me, do you know why computers are so _______ today?
: That’s easy! Because it allows, people from across the globe to _______ ,
and keep in touch with each other.
: It’s so cool the way families can stay _______ over long distances at no
cost.
: I agree. Did you know that almost all businesses use computers for their
_______?
: Yes. Even students use them to do their _______.
: So, that’s how you’ve been getting yours done!
: Well, I’m just glad our _______ is encouraging the use of computers in all
our schools.
: I agree because, one has to have basic ____________ in order to get a
job.
: That’s because in most _______ around the world today, the computer has
become such an important and _______ tool that enables _______ and_______.
: I agree. Armaan, can you tell me, what is one of the most ________
results from the use of computers?
12
: Yes. They’re also very important because they’re very _______,fast and
can _______ many tasks easily. Computers can do the biggest of _______ in just
a fraction of a second!
: The impact it has had on de-forestation; cutting down of trees, as the use
of _______ in offices around the world has gone down vastly over the years
: Yes. I think computers are super! Look at how easy and _______ they’ve
made our lives.
: I know. Today, by just the use of a few ________ on the _______,
computers have simplified so many complex tasks.
: Do you know that computers have made it easy for people to
communicate and work from anywhere?
: Yes. Since computers today come in various ______ and _____; from the
super-thin _______ to a _______ sized _______ PC, they can be carried and
used from anywhere in the world!
: Can you imagine how life must have been before the computer?
: No, but my dad often tells me that in the days before the computer, tasks
were completed _______ and required much more _______ than it does today.
: Thank God, we are born in the “_______ -age”!
: I completely agree!!
Follow the instructions of your facilitator and complete the exercise in class.
Examples:
Fill in the blanks with the appropriate article “a”, “an” or “the”. Some
sentences may not require an article:
13
7. We need to sell all ____ computers by Friday. (the)
8. Who is typing _____ remaining letters? (the)
9. The computer needs ___________ cleaning. (--)
10.Place ___________ laptop on the desk. (the)
ASSESSMENT
(k)
14
SESSION 4: IDENTIFYING DIFFERENT TYPES OF COMPUTERS
RELEVANT KNOWLEDGE
In this session, you will be recall different types of computers. How many can
you name? List them in your notebooks and describe each one of them in your
own words in a sentence.
EXERCISE
Carefully read aloud the table listed below. You will be answering a quiz based
on this table. Pay attention to the questions posed by your facilitator.
Desktops:
a. A desktop is also known as a “Personal Computer” (PC), and can be
used in a single place.
b. Desktop computers normally cost less than some of the other types of
computers.
c. Desktops are popular for daily use in the workplace and households.
Laptops:
a. Laptop computers are smaller in size and best to use for people who
travel as they can work while they are travelling.
b. Laptops run on a single battery, and because they can be operated
anywhere on battery power, Laptops provide mobility.
c. Laptops operate very similar to Desktops but are less powerful than
desktops.
Netbooks:
a. Netbooks are very similar to laptops, but are low-cost and smaller in
size.
b. Netbooks are the newer version of ‘notebook computers’.
c. Today Netbooks have overtaken notebooks in terms of popularity and
size and sales.
Smartphones:
a. A smartphone is one device that can take care of all of your handheld
computing and communication needs in a single, small package.
b. Smartphones are equipped with enhanced multimedia features;
allowing one to take and view pictures and video in many formats. It
has one or two cameras.
c. Smartphones function as a mini computer, allowing the user access to
the Internet and give the user the ability to download games and
other productivity applications.
Tablet PCs:
a. Tablets are very similar to PDAs.
b. Tablets are mobile computers that are very easy to use.
c. Tablets also have touch screen technology.
15
d. Tablets also have either an onscreen keyboard or a digital pen.
e. “Apple's iPad” redefined the class of Tablet PCs.
Servers:
a. Servers are computers designed to provide services to a large area
network of computers linked together.
b. Servers have very large storage capacities and powerful processors.
c. Servers are usually very large in size, as they have large processors
and many hard drives.
d. Servers are designed to be dependable and resistant to computer
crashes.
Identify the verb in the sentences and if present continuous tense has been
used.
ASSESSMENT
1. These days, I like to shop at the Electronic store. So many people come to
buy the various types of computers available there.
___________________________________________________________________.
2. Zakhir went to the store to buy a Netbook. He said he wants to buy it for his
Dad.
___________________________________________________________________.
16
4. I bought a additional battery for my Laptop. I find it convenient to work
while I am travelling in the car.
___________________________________________________________________.
5. I will try the local CD store. I can buy the games and movies DVDs from
there.
___________________________________________________________________.
6. Tushar plans to buy his Tablet PC from a Secondhand Goods Store. He says
that the store will have good Tablet computers far cheaper than the selling
price.
___________________________________________________________________.
8. Ace One, an International Call Center in Delhi, has offered me a job. It will
be a pleasure to work in a company which develops such three different
types of computer software
___________________________________________________________________.
10. Have you gone to check out the new computer store at the mall? They
sell different types of computers there.
___________________________________________________________________.
17
REVIEW SESSION 1
RELEVANT KNOWLEDGE
Process: The review evaluations will be divided into four parts. One for each
session:
ASSESSMENT
Questions
a) What are the lists of products that go with the following phrases? – You
can name the product in any order.
a. Smooth dude!
b. Strong, silky, and healthy!
c. Feel the energy!
d. Stay fresh, stay confident!
e. Protection and freshness – 24x7!
f. Best foot forward every day!
g. Wah! Kya smile hai!
h. Clip away!
i. Good bye, to wrinkly clothes!
j. Safe hands mean safe you!
k. Not a hair out of place!
b) True or false: A clean and well-dressed person is someone who wears
expensive clothes.
c) What kind of a person defines the idea of good “Dress and Hygiene”?
d) Why is it important to dress up for an interview?
e) Form sentences using the pronouns “Their”, “Our” “You” and “Your”.
18
2) In the sentences given below, fill in the blanks with the appropriate
pronouns.
o It does not matter whether _______ (your, yours) clothes are
expensive or cheap. The important thing is that ________ (they,
them) must be clean and worn neatly.
o _____ (My, Mine) friend Parul has many expensive and pretty
clothes. But she never irons ______ (her, hers) clothes before
wearing them and so she never looks neat and presentable.
o The other important thing apart from clothing that creates a good
image, is ____ (you’re, your) hygiene.
o Ask ______ (you, yourself) do you like to see someone who comes
to work with dirty clothes or bad body odor?
o Would you like to see _____ (they, them) in ______ (their, theirs)
best clothes, with neatly combed hair and clean clothes.
Remember, people expect the same from you.
1) The details given are below of Simran Moitra’s Weekly Work Plan from
August 20th to August 24th. Fill in the details and draw up the work
plan in the table given below.
On Monday, Simran will have a talk with her team of agents at 9:30
am. This will include briefing them on the daily task that they each
need to perform, and remind them to fill in the reports. At 7:00 pm.,
she will supervise the teams’ first day’s performance while dealing
with customers on calls. This will include how they opened and closed
their calls, identifying their strengths and the areas that they need
improving, and helping them accordingly.
19
On Thursday, Simran will check the daily attendance report at 9:00
a.m.
On Friday, Simran will check the daily attendance report at 9:00 a.m.
At 4:30 pm., she will have a meeting with her Manager, Jay Malhotra,
who will give his weekly feedback of the teams’ performance, based
on Simran’s report. After the meeting, Simran will organize and
oversee a team building exercise on ‘goal-setting’ at 6:00pm.
Questions
20
c) Why are governments around the world introducing computer classes
as one of the core subjects in the education curriculum today?
d) How have computers made it easier for people to communicate and
work from anywhere?
e) Why have computers claimed a central position in schools and
workplaces?
f) What is one of the main conditions for getting a job today?
g) What are one of the most positive results from the use of computers,
and why?
c) Manisha, you need to make copies of all ____ lessons using ___
printer.
Questions
21
c) I bought a battery for my Laptop. I find it convenient to work while I
am travelling in the car.
22
SESSION 5: COMPUTER BRANDS AND MODELS
RELEVANT KNOWLEDGE
In this session, you will talk about your preference for a particular computer
brand. Name some well known computer brands popular for the following
categories of computers:
Desktops
Laptops
Tablet PCs
Select a category and prepare to defend a brand of your choice. You can defend
the brand from the point of view of:
Affordability
Efficiency
Brand reliability
Other attractive features - like the processor speed, storage (memory)
space, look, monitor screen resolution, DVD drive, warranty, free
software, etc.
Read aloud the following terms related to computer brands and models.
USP (Unique Selling Point) - A feature of a product shown as the main reason
why people should buy it. For example, the USP for Sony Vaio is it’s punch line
“‘Go Vivid”, as it explains that Vaio comes in different colors.
Models – Most computer brands are available in various models, with different
features and prices. For Example, HCL has 22 different models of Laptops; HCL
ME Laptop K4307 priced at Rs 41, 610, HCL ME Laptop P3897 priced at Rs 29,
250, HCL ME Laptop G3845 priced at Rs 25,130, etc.
23
EXERCISE
Carefully go through the tables below. You will be doing an exercise in the class
based on them. Listen attentively to the instructions given by your facilitator.
1) “Brand HCL”.
Various products – HCL Desktops, HCL Laptops, and HCL Notebooks (also
known as Netbooks).
Price Factor – Ranging from Rs 20,000 to Rs 50,000.
Reliability of brand – A well reputed leading brand, started in 1976, in
Noida, India.
Popularity – HCL operates in 31 countries around the world. Today HCL is
an empire with more than 90,000 employees’ worldwide.
USP – “We Build Technology that touches lives” - From aeronautics,
computers to life sciences, HCL touches millions of people through
technology across the world every day.
Conversation:
A: Did you get your new computer?
B: Yes, I did! And I did not have to spend too much either.
A: What do you mean?
B: I got a brand new laptop at the newly opened ‘Second-hands store’
A: You mean, you bought a second hand laptop at the Second-hand store?
B: Okay, yes.
A: So, which Laptop did you buy?
B: HCL! Here, have a look. A: That is not a HCL computer!
B: Of course it is. The guy who sold it to me said so.
A: But HCL looks different, and it has its logo on top. This is a different
brand.
B: Oh, No! You are right.
A: HCL makes many products like ____________________________.
B: Are they affordable too?
A: Yes, the price ranges from _____ to _______.
B: Wow! They are also a very well-known brand that operates in
___________ around the world.
A: Apart from the price range, did you know that HCL has another USP.
B: No. What is it?
A: Their USP “_____________________” It really works!
B: You are right! I am going right now to that second-hand store to return
this laptop, and then I am going to buy myself a brand ‘new’ HCL Laptop! Do
you want to come along?
A: Yes!
24
2) “Brand Sony”
Parent company Sony Corporation
Target audience – Global population of all ages.
Brand reliability - Sony is one of the largest and leading manufacturers of
electronic products in the world. Started in 1946 in Tokyo, Japan.
Popularity – Sony operates worldwide in more than 41 countries, is an
empire with more than 1, 62, 700 employees’ worldwide.
USP - “make.believe” - The introduction of "make.believe" symbolizes
Sony's spirit of creativity and innovation and marks the first time the
Company has introduced a united brand message encompassing both
entertainment and electronics.
Conversation:
A: Which one should we buy?
B: Let’s buy the Green Colored Sony Vaio! I don’t like the brown-black
variety.
A: Like some other brands?
B: Yes.
A: Did you know that Sony started in the year _______ in ______ , ________?
B: Oh! I never knew!
A: Can you tell me why you like the Sony laptop instead of other brands?
B: Well, the Sony Vaio has got so many _______.
A: And also ________________ is the Brand Ambassador of Sony Vaio!
B: Yes. I suppose that is why it is so popular.
A: It certainly is, and also because it targets a _______ audience of all
________.
B: Plus it has such a unique USP “_____ . ______”, that appeals to everyone.
A: I agree.
3) “Brand APPLE”
APPLE Inc. - is an American multinational corporation that designs and
sells consumer electronics, computer software, and personal computers.
Well-known products – APPLE’s best-known hardware products are
the Macintosh line of computers, the iPod, the iPhone and the iPad.
Its software includes; iTunes, iLife, iWork, etc.
Target audience - Apple’s target customers could be described as middle
or upper income individuals who like to use their computer gadgets for
fun, not just work, and mostly professionals in the creative media and
design fields.
Brand reliability – APPLE is the largest technology company in the world
(by income and profit), more than Google and Microsoft combined. It is
an empire with 63,500 employees’ worldwide.
USP – “Think Different” - Apple's iPad would be a good example of
their USP, nothing like the iPad existed before APPLE created it.
Brand Promotion: The USP “Think Different” inspires and motivates the
APPLE customer to do something, which is to think differently from other
people.
25
Conversation:
A: I bought an iPad yesterday.
B: Great! APPLE is such a good brand.
A: I keep hearing that. But I don’t know much about it.
B: APPLE is actually a ________________________ that designs and sells
___________
_________________.
A: Then why do you say “APPLE is a good brand” instead of “APPLE is a good
company”?
B: Because a “brand” stands for the entire range of products of a company.
A: OK. I understand it now.
B: Can you tell me some best known products of brand APPLE?
A: Uh…There is the Macintosh line of computers, and the ___ which is a
good example of their USP.
B: Yes. Did you know that APPLE is the ______________________ in the
world?
A: Wow! Then it must be manufacturing a lot of computers each year.
B: Of course.
A: Great! What do you think makes it so popular?
B: I think it is popular because it inspires and motivates the APPLE customer
to _____________________, which is to _____________________ from other
people.
A: Must be, after all the USP of the brand is, “Think Different”.
26
B: But that is not the only reason.
A: What’s the other reason?
B: The fact that DELL has ________ for __________.
A: Wow! I’m sure all these factors are responsible for the brand’s success.
B: Did you know that DELL was named after its founder _______________.
A: No, I didn’t. It’s good to know. Thanks.
1. Identify the sentences given below which use the past continuous tense.
1. We were looking for Laptops.
2. The salesman was suggesting Sony, Dell, and HP.
3. We started trying out the games.
4. But the CDs were not playing well.
5. We continued searching in other shops.
6. Finally we found a reasonably priced Tablet PC that did not suit our
budget.
7. It was an Apple iPad and was very expensive.
8. But we got a good discount.
9. We were smiling as we came out of the shop.
27
ASSESSMENT
Rewrite the sentences by changing the verbs in bold to the Past Continuous
Tense.
1. Because of the sale at the APPLE store, people tried to buy many
computer products.
2. I assisted a customer in finding a pair of speakers for his computer.
3. The logo on the laptop said DELL, but it looked fake.
4. I showed the anti-virus software which said “100% safety from internet
viruses” to assure the customer that it was completely safe to use.
5. My friend insisted on going to the new Electronics store at the mall, as
she would get multiple computer brands under one roof.
6. Paramjeet worked in the hardware section of the shop, but he was later
shifted to the software section as more people were needed there.
7. Last week Sony World ran a Customer Loyalty Program, where all their
regular customers got a 20% discount on their purchases.
8. I told the customer that she should not wash her monitor with water, as
it could spoil it.
9. Everyone spoke highly of the new iPhone from APPLE.
28
SESSION 6: FEATURES, ADVANTAGES AND BENEFITS
RELEVANT KNOWLEDGE
Look at the heading of this session. What do these terms indicate to you? How
do these terms relate to a product? Jot down your thoughts. The features,
advantages and benefits of a product are referred to as the FAB of the product.
Features
A feature of a product is something which is hopefully unique in some
way.
A feature should differentiate one product from its competition
(although many times features are similar between competitive
products).
The important features of a product are its Unique Selling Points (USPs) -
that are not available with the competitor's product. (For Example: The
“iPhone 4S” from Apple). Therefore, you need to identify your own
product's unique selling points and make sure your customer agrees that
these are important to them.
Note: Most people think features are benefits but they are not. The
customer likes the features because they provide them with an advantage,
and the advantage then provides them with the benefits.
Some mobile phones have the ability to surf the web and run Internet-
based applications.
Many mobile phones have built-in digital cameras, and can play music
and videos that are stored on the device in addition to making phone
calls.
Some of the latest mobile phones have built-in physical keyboards while
others use touch screen keyboards within the phone's screen or a
traditional numbered phone keypad.
Some newer smart phones are also capable of streaming music and video
from the web.
Mobile phones with built-in Bluetooth can be connected to hands-free
headsets and speakerphones, as well as share data with your computer
and other devices without having to connect the phone to them using
wires.
Some mobile phones offer only built-in memory, while others give users
the ability to expand the phone's memory using memory cards.
29
30
Advantages
The advantage is a result of the feature and is providing something good
for the customer.
The advantage is dependent upon the feature
The advantage is not always apparent so sometimes it needs to be
explained.
Always ensure the customer understands the advantages to the features
the product provides.
Given below are some examples of advantages of the product - mobile phone.
Benefits
The benefits are the final results caused by the advantages, which in
turn have been brought about by the features.
Few people really understand what benefits are, and can successfully
communicate them to the potential customer.
The benefit is the real reason that a customer will make the decision to
invest money and buy the product.
Given below are some examples of benefits of the product - mobile phone.
31
Mini PC: cell phones are nowadays almost equivalent to mini
computers. The latest ones are equipped with windows and internet
facilities. So you don’t need to wait for the newspaper! You can
simply access the internet on your cell phone and get to know about
the latest news, your e-mails, movie shows and a lot more!
Enhance your business: cell phones are a great help even at your
business. With cell phones, you can constantly stay in touch with your
employees and get to know about crucial information of your
business.
Wholesome entertainment: with a cell phone in your hand, you don’t
need a TV or PC to get entertained. It is all in your cell phone. You
can play games, listen to music, and click pictures and even record
videos in your cell phone.
Transfer of data: these days cell phones are equipped with infrared
and bluetooth technologies which allow you to transfer data like
mails, pictures, music and even videos just in span of seconds.
EXERCISE
Customer: Wow! That’s like a lot in such a small package! So, how much does it
cost?
32
Customer: How different can they be? What are the advantages of the laptops
your company makes?
Salesperson: Many, Sir/Ma’am. Let me first explain the features to you.
Customer: Ok. That does not seem too steep, but what are the real advantages
of owning one of these?
Customer: Ok.
Customer: I am looking for a good laptop for my nephew. He has just started
travelling regularly for work, so I thought of buying him something useful. Could
you help me select one?
Salesperson: And yet their features, advantages and benefits are very
different!
Salesperson: Thank you, Sir/Ma’am. The K-Series has been made to benefit
everyone. So, would you like to gift one of our K-Series laptops to your nephew?
Or, would you like to see something else?
Customer: No need to. You’ve convinced me. So, please make me a bill for my
nephews’ new Prime-Top Comps’ K-Series Laptop!
33
Salesperson: Of course, Sir/Ma’am. Some of them are; Time management: as
its’ portability enables for work to be done from anywhere and anytime.
Immediate access to information: as carrying a K-Series laptop means having
instant access to information, whether it's from saved files or from the
Internet, just flip open to find a solution. Low power consumption: the K-Series
models are more power-efficient than a desktop. They are beneficial for
businesses and homes where there is a computer running constantly. The K-
Series models are made to save money on the electricity bill. The K-Series
models can run for several hours off its internal battery. This is useful for
people who travel or when there is a power cut and work still needs to get
done. The K-Series models saves on money too, as other laptops in the market,
with similar FABs, cost a minimum of 46,000 rupees and go up to 1, 64,000
rupees. The K-Series models costs only 35,000 rupees and only goes up to
78,000 rupees.
Customer: Well, thought that’s good to know, because I really don’t know a
thing about them. To me all laptop computers pretty much look the same!
Salesperson: Our premium “K Series” is ultra-light and thin, perfect for people
on the go, just like your nephew. The K-Series models have full flat surfaces,
and come with a specially engraved hinge and the finest quality carbon top
panel. IT also has a third generation Intel Core i7 processor, along with built-in
Bluetooth. The compatible accessories include a Bluetooth mouse, keyboard,
and headset. The K-Series models come with in-built internal battery. Their
monitors have a screen size of 14.5 inches, and have a web-camera of super
clarity. It has a 4GB RAM and a hard drive of 500 GB. Plus they come in various
colors, and only weigh 1.3 kg.
Prepositions
Prepositions of time: at, on, in, during, since, until, by, etc. We reached the
hostel at 9 pm. We reached the hostel on Monday. We will reach the airport
in an hour. Note: Use at for specific times, on for days and dates, and in for
non-specific times.
34
Prepositions of place: at, on, in, over, above, under, beside, behind, etc. We
went to the library. The library is on Hudson Lane. Note: Use at for specific
places, on for roads, streets, etc., and in for cities, countries, etc.
Prepositions indicating other relationships: by, with, of, for, etc. This sari is
made of silk. A surprise is waiting for you.
Examples:
1. She spilt tea all over the tablecloth.
2. Put these coins in the piggy bank.
3. Pour the grains into the sack.
4. Turn off the lights before you go to sleep.
1. This user manual provides details ____ how to use the microwave oven.
(of, for, on)
2. The microwave oven should be opened _____ pressing this button.
(through, by, on)
3. Place the utensil ____ this raised plate. (above, on, over)
4. Only microwave-safe utensils should be used _____ cooking and heating
in a microwave oven. (with, in, for)
5. The red button ____ (in, at, on) the front is ____ (about, for, to) setting
the time.
6. The green button is meant ____ turning the oven on. (about, by, for)
7. The oven will beep to let you know when the time is ____. (over, up,
down)
35
ASSESSMENT
Customer: Yes, please. Could you show me how to operate this washing
machine?
Customer: Okay.
Salesperson: Then, you can put your garments _________. (Into, in)
Salesperson: You can, but you are advised _________ (for, against) washing
different fabrics together. Soft fabrics might be ruined if you wash them
__________ (between, with) heavy ones.
Salesperson: It depends _________ (on, for) the number of clothes you want to
wash ________ (at, over) a time. If the load is heavy, you have to push the
“Heavy” button. The machine will set the time and amount of water
automatically.
Salesperson: Of course, Ma’am. The machine has hot and cold washing options.
Salesperson: Just take the machine’s pipe ________ (off, of) its holder as soon
as you have switched it on. The machine will automatically flush when it is
done.
36
REVIEW SESSION 2
RELEVANT KNOWLEDGE
Methodology: The review evaluations will be Question ‘n’ Answer and Role
play based. Answers will be assessed on Content, Context, Grammar, Sentence
structure and Vocabulary based on the sessions that were imparted.
Process: The review evaluations will be divided into two parts, one for each
session:
ASSESSMENT
Listen carefully to your facilitator and complete the following details as per
directions given.
37
Salesperson: Not at all. In fact, they’re quite affordable. The price
________ from Rs 20,000 to Rs 50,000.
Customer: Okay, but are they as popular as some of the other brands?
Questions:
a) Because of the sale at the APPLE store, people tried to buy many
computer products.
38
b) I assisted a customer in finding a pair of speakers for his
computer.
f) Last week Sony World ran a Customer Loyalty Program, where all
their regular customers got a 20% discount on their purchases.
Listen carefully to your facilitator and complete the following details as per
directions given.
Question:
39
Role-Play
Customer: Wow! That’s like a lot in such a small package! So, how much does it
cost?
Customer: How different can they be? What are the advantages of the laptops
your company makes?
Customer: No need to. You’ve convinced me. So, please make me a bill for my
nephews’ new Prime-Top Comps’ K-Series Laptop!
Customer: I am looking for a good laptop for my nephew. He has just started
travelling regularly for work, so I thought of buying him something useful. Could
you help me select one?
Salesperson: And yet their features, advantages and benefits are very
different!
Customer: Well, thought that’s good to know, because I really don’t know a
thing about them. To me all laptop computers pretty much look the same!
40
Salesperson: I agree, Sir/Ma’am.
Customer: Ok.
Salesperson: Our premium “K Series” is ultra-light and thin, perfect for people
on the go, just like your nephew. The K-Series models have full flat surfaces,
and come with a specially engraved hinge and the finest quality carbon top
panel. IT also has a third generation Intel Core i7 processor, along with built-in
Bluetooth. The compatible accessories include a Bluetooth mouse, keyboard,
and headset. The K-Series models come with in-built internal battery. Their
monitors have a screen size of 14.5 inches, and have a web-camera of super
clarity. It has a 4GB RAM and a hard drive of 500 GB. Plus they come in various
colors, and only weigh 1.3 kg.
Salesperson: Thank you, Sir/Ma’am. The K-Series has been made to benefit
everyone. So, would you like to gift one of our K-Series laptops to your nephew?
Or, would you like to see something else?
Customer: Ok. That does not seem too steep, but what are the real advantages
of owning one of these?
2. Low power consumption: the K-Series models are more power-efficient than
a desktop. They are beneficial for businesses and homes where there is a
computer running constantly. The K-Series models are made to save money on
the electricity bill. The K-Series models can run for several hours off its
internal battery. This is useful for people who travel or when there is a power
cut and work still needs to get done.
3. The K-Series models saves on money too, as other laptops in the market,
with similar FABs, cost a minimum of 46,000 rupees and go up to 1, 64,000
rupees. The K-Series models costs only 35,000 rupees and only goes up to
78,000 rupees.
41
3) In the sentences given below, re-write the given dialogues between a
customer sales/service representative and a customer by filling in the
blanks of the given sentences with the correct preposition.
Customer: Yes, please. Could you show me how to operate this Laptop?
Customer: Okay.
Customer: Just a minute. Can I download any document from the net?
Salesperson: You can, but you are advised _________ (for, against)
downloading any documents that may cause harm to your computer. Your
computer may get infected if you download any document __________
(between, with) a virus.
42
SESSION 7: LOCATING PRODUCTS
RELEVANT KNOWLEDGE
EXERCISE
A: Thank you for calling “Online Gadgets”. How can I assist you?
B: Hello! Do you have computer speakers?
A: Sure, Ma’am. like you what could is kind me speakers tell of you’d?
________________________________________
B: I want a pair of desktop speakers.
A: Very good Ma’am. We have some wonderful desktop speakers from some of
the best brands in the world.
B: Great!
A: Do you have any particular brand and model in mind Ma’am?
B: have black of a Sony you would speakers do pair?
________________________________________
A: Sure, Ma’am. Please click on the “computer hardware” tab on the top left
side of the website, and a new page should open. Please have a look at the
Sony products listed there. You should be able to see the speakers.
B: Yes, I’m able to. Please give me a minute.
A: Sure Ma’am. Please take your time.
B: Oh, no. I am afraid they are not the kind I was looking for.
A: Ma’am, if you like the design, have similar DELL we a pair by.
B: That’s great. them I how find do?
________________________________________
43
A: In the same “computer hardware” page, Ma’am.
B: Oh, yes. I see it. They look very nice, but I don’t like the red color.
A: Ma’am. available they are in also black.
________________________________________
B: Great. Then I think I’m going to order a pair of black DELL speakers.
A: Fantastic Ma’am!
A: May I make your bill Ma’am?
B: Yes, please.
A: Will there be anything else Ma’am?
B: No. That’s it for now. Thanks!
A: Thank you for calling Ma’am.
(a) Here. All shirts on this shelf are Peter England, size 40, and have
full sleeves.
(b) Full-sleeve.
(c) Well, if you have Peter England, then we could take a look at those first.
(d) 40.
(e) Okay, Sir. Is there any brand you prefer?
(f) Sure, Sir. What is your size?
(g) We do have Peter England. What about sleeves, Sir?
(h) Hi! Could you show me some formal shirts?
(i) Okay, Sir. Please follow me.
(j) Hello! Welcome to Menswear!
(k) Ok.
(m) Thank you.
Second conversation:
44
(i) Okay. Could you tell me your size?
Reported speech
Read the following examples carefully:
Direct speech: Tanisha: Will you please buy me a computer for my birthday?
Reported speech: Tanisha requested me to buy her a computer for her birthday.
Choose the correct option of reported speech from the responses given below:
1. The customer said, “Can you help me find a laptop?”
(a) The customer asked if I could help her find a laptop.
(b) The customer asked if I can help her find a laptop.
5. She said, “My name is Sheena Kaur. Please show me only desktops.”
(a) She said her name was Sheena Kaur and asked me to show her only
desktops.
(b) She said her name was Sheena Kaur and please show her only
desktops.
ASSESSMENT
In the following sentences, convert the part in bold into reported speech.
45
Reported Speech:_____________________________________________________
Customer: Can you help me find a matching sweater with this shirt?
Reported Speech:_____________________________________________________
Customer: But I think the sweater won’t look nice with this shirt.
Reported Speech:_____________________________________________________
Customer: I’m looking for a book called The Alchemist. Where will I find it?
Reported Speech:_____________________________________________________
Executive : You will find it in the Popular Fiction section on our website.
Reported Speech:_____________________________________________________
46
SESSION 8: COMPLAINT HANDLING
RELEVANT KNOWLEDGE
We all have complained about something or the other in our daily lives. Now, it
is important for you to understand:
Note: A study says that 95% of customers stop going to a hotel, restaurant or
store because somebody from the staff was rude to them.
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
What do you think would happen if your favorite store/restaurant lost 95% of its
customers? Why do think customers complain? Can you list a few reasons?
47
How do you think complaints affect businesses?
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
A study says that One unhappy customer not using the service of a business
equals to thirty-five people (including friends, family and social contacts)
not using its service.
Do you think it is a good idea for a business to actively seek (try to find out)
customers’ complaints? Support your answer with reasons.
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
Kill the reason for the complaint. Don’t let the complaint arise in the first
place.
48
Go through the text given below “Complaint Handling; Keeping Customers
Happy”.
Akhil is upset about the service at the store. He tells the store
manager he’s never coming back.
Nilofer apologizes to the customer, for the faulty laptop he bought,
and assures him that she will make sure the laptop is replaced and
the whole issue solved within 72 hours.
Ranvir takes down a complaint from Mr. Shorey, who is very
disappointed about the below average service he’d received the last
time he’d called.
Manisha is upset! She has been put on hold, for more than 30mins, by
the call center agent she was speaking to. She is definitely going to
raise a complaint about this to the agent’s superior.
Customers at the restaurant are always complaining to Tanya about
Mahesh’s poor service. If this keeps happening, Tanya fears the
restaurant may face a big loss!
______________________________________________________________
______________________________________________________________
______________________________________________________________
4. What did Nilofer do to handle her customer’s complaint, and how long
did she say it will take to solve?
______________________________________________________________
5. What did the customers complain about in the restaurant, and what
does Tanya fear?
______________________________________________________________
Listen carefully to the instructions of your facilitator and fill in the details
below:
49
A: Does your place of work have a complaint department?
B: No, it doesn’t.
A: Then who handles all of the customers’ complaints?
B: We do!
A: What do you mean you do? Don’t you think it’s wise to have a
separate department for that? Did you know that for every complaint
registered, there are…
B: ____ unregistered complaints. I know and I do agree that it is important to
keep our customers ______; however, we don’t have the budget that allows
such a department. So, even with the few of us, we manage to ______ our
customers with our ___ and undivided ________!
A: I understand. So, what are the different ways you handle complaints?
B: First, like I said, we show all our customers that we care by giving each of
them individual attention, ________ to everything they have to say, asking
them whatever the issue is.
A: Sounds good, but what if the customer insists that there was a problem with
the service, even if you know there wasn’t. What would you do then?
B: Simple. Never ________ or _____, as “the customer is always right”! So, we
_____ that an issue exists, and __________ for any problem caused to them
and then assure them that their complaint will be looked into at once.
A: Does that make the customers happy?
B: Yes, it does. Especially when we _________ them that their issue will be
solved at the earliest, and ______ them for bringing the complaint to our
attention.
A: Wow! This has really taught me a lot about how to handle customer
complaints. Thanks!
B: You’re welcome!
EXERCISE
Identify the sentences that are not in the past perfect tense.
1. Natasha had complained about new computer.
2. Have the customers’ complaints been filed?
3. She had been asked to apologize to the customer.
4. I had chosen to shop at the mall.
5. The waiter had already served the customer some lunch.
6. Ansh had not completed installing the software.
7. She had helped the customer solve the problem.
8. The customer called to thank him for the help, and he accepted.
50
ASSESSMENT
Change the verbs in bold to Past Perfect Tense and rewrite the sentences.
5. I assured the customer that the item will be delivered to him on time.
_________________________________________________________________
6. I counted each and every item before signing the acknowledgement slip.
_________________________________________________________________
10.Did you inform the customer service department that the new agent has
arrived?
_________________________________________________________________
51
SESSION 9: CATEGORIZING COMPUTER ISSUES
RELEVANT KNOWLEDGE
Study the following table and try to match the two columns – issues with the
relevant category.
Now imagine that you are guiding your younger sibling to match the two
columns. How would you instruct her to create the categories match?
Write down the sentences that you form. Note the set of instructions that you
have created and underline the words that help make an ordinary statement
into an instruction.
Now, read aloud the following list “Words for Categorizing Issues”. You have
also been given sample sentences using the words.
52
4) Label: Mark, tag
i) All hardware products have been labeled under various categories
ii) Label each computer with the customers’ names on it
53
5) Divide: Separate
i) Divide the issues amongst them
ii) Computer related issues” has been divided into two sub-categories –
Hardware and Software
6) Connect: Link, join
i) The customer was not able to connect to the internet
ii) He did not face any issues while he was connected to the internet
Make your own sentences with the words for categorizing issues.
Now, read aloud the “List of Computer Issues and Categories” given below.
Computer Issues
Loss of memory
No sound speaker
The keyboard is not working
Screen freeze
Computer crashed
Unable to open programs
Can’t turn on the computer or nothing happens
Computer is running slow
CPU is not switching on
Too many Pop-ups are making the screen hang
System shuts down whenever games are played
System takes a long time to start-up
Categories
Software: System, Programming and Application
Hardware: Keyboard, Monitor, Printer, Optical disc drive (CD / DVD), Floppy
disk, Memory card, USB flash drive, CPU (Central Processing Unit)
Hard disk: Motherboard Network, Power supply, Random-access memory (RAM),
Sound card, Video card
Internet: Broadband; Dial-up and Wireless, Modem
EXERCISE
Both sentences convey the same message. But what makes the two different?
Let’s find out.
54
In the first sentence, the doer of the action (she) comes first in the sentence
and the thing being acted upon, or the receiver of the action (the new business
idea) follows. Such a sentence when the doer of the action precedes the
receiver of the action is called an active sentence.
In the second sentence, the receiver of the action (the new business idea)
comes before the doer of the action (she). Such a sentence is said to be written
in the passive voice.
Example:
Similarly, some sentences in Passive Voice may not have an object. So, when we
change them to Active Voice, we may have to add a subject.
Example:
Passive Voice: You are welcome.
Active Voice: We/I/etc. welcome you.
Passive Voice: I was asked to troubleshoot the hardware issue.
Active Voice: They asked me to troubleshoot the hardware issue.
The following sentences are in the Passive Voice. Convert them to Active
Voice.
1. I was given the task of categorizing all the computer related issues. (use
She as subject).
2. Pop-up issues were put in the Internet section.
3. The Hardware problems were also sorted.
4. The virus issue was incorrectly put in the Hard disk section.
5. The categorizing was finished in 15 minutes.
6. The list of issues was delivered to the supervisor.
55
ASSESSMENT
56
SESSION 10: USER MANUAL
RELEVANT KNOWLEDGE
When you purchase a product, you generally find a small booklet along with it,
guiding you how to effectively and optimally use the product. What is this
booklet? Yes, it’s a user manual or a user guide.
What is the purpose of this manual? Would it make a difference if it was not
there? What kinds of products have user manuals? Is it very complicated and
difficult to follow?
Think about the answers to these questions and participate in your class room
discussion.
EXERCISE
57
Read aloud the conversation given below. Follow the instructions of your
facilitator and complete the blanks.
Read aloud the conversation given below. Follow the instructions of your
facilitator and complete the blanks.
Now that you have mastered the basics of correct usage in written English, you
want to express yourself in increasingly complex ways. One of the ways to
improve your writing style is to use sentence connectors.
Sentence connectors are used to express relationships between ideas and also
sometimes to combine sentences.
Conjunctions are used to join two sentences into one sentence by showing a
relationship between the two sentences.
For example:
59
Now, read the following and choose the correct connectors/conjunctions.
ASSESSMENT
60
REVIEW SESSION 3
RELEVANT KNOWLEDGE
Methodology: The review evaluations will be Question ‘n’ Answer and Role
play based. Answers will be assessed on Content, Context, Grammar, Sentence
structure and Vocabulary based on the sessions that were imparted.
Locating Products
Complaint Handling
Categorizing Computer Issues
A User Manual.
ASSESSMENT
Role Play I
(a) No, they are quite reasonably priced. Would you like for me to show you
their low-cost models?
(b) Sure, Ma’am/Sir. Is there any brand you prefer?
(c) Okay, Ma’am/Sir. Please follow me.
(d) That’s great! Thank you.
(e) Yes. Are they priced very high?
(f) We do have fourteen different models of Dell Laptops. Would you like to
see them?
(g) Hello! Welcome to “Gadgetronics”!
(h) Hi! Could you show me some of your laptops?
(i) Ok.
(j) Here you go Ma’am/Sir. All the computers on this shelf are Dell, and range
from Rs 26,000 to Rs 52,000, and come with a one year warranty.
(k) Yes.
(l) Well, if you have Apple or Dell, I would like to take a look at those first.
Role Play II
61
(a) Yes, that would be very helpful.
(b) Gadgetronics is offering a 25% on all Apple products for customers who
walk-in and make purchases at any of their stores all this month!
(c) Thank you; I’m mailing you the details right away!
(d) I was thinking of the iPhone-4S by Apple, but I’m not too sure.
(e) Yes. So, instead of Rs 40,250, you’ll only be paying Rs 30,187.50/- only! You
get a full 10,000 rupees discount on Apples’ finest iPhone.
(f) Okay, now you’ve got me curious. What is it?
(g) That’s great, Ma’am. Would you like for me to provide you with the address
and contact details of the Gadgetronics stores in your city?
(h) Ma’am, May I please have your email-id in order for me to mail you the
contact details, and the address of the Gadgetronics stores, along with the
directions on how to get there.
(i) Ma’am, Apple’s products are made for very exclusive customers, and the
price set is in accordance to the features, advantages and benefits that
they provide their customers with.
(j) Yes. I am looking for a store that sells smartphones. It’s for my son.
(k) And you won’t have to! I’ve got some very good news that will make you
very happy.
(l) I think the basic model will do, though 40,000 rupees seems like a lot too. I
don’t want to overspend.
(m) Can I help you find anything, Ma’am?
(n) Oh, okay. So, how much would I have to pay for the basic model?
(o) What?! That’s fantastic!
(p) Okay. Could you tell me if there is any particular brand and model you’re
interested in?
(q) Super! I’ve decided I’m definitely going to buy Apple’s iPhone-4S at
Gadgetronics.
(r) The cost starts at Rs 40,250 for a basic model and goes up to Rs 52,000 for
the premium model.
(s) I think that is a fantastic choice Ma’am. The iPhone-4S by Apple is an
amazing piece of technology that your son will love to own.
(t) Thank you.
(u) Okay. My email address is my.name@email.com
(v) Great! How much does it cost? I’ve heard it’s very expensive.
(w) Thank you, Ma’am.
2) In the sentences given below, convert the direct speech marked in bold,
into reported speech.
a) Esha: Puja, Where are the games CDs?
Puja: They are in the second row
b) Customer: Do you have these speakers in blue?
Customer sales representative: You can try these black ones.
c) Customer: I’m looking for a book called The Alchemist. Where
will I find it?
Customer sales representative: You will find it in the Popular
Fiction section on our website.
62
Review of Session 8 : Complaint Handling
Questions:
2) Change the verbs marked in bold to Past Perfect Tense and rewrite the
given sentences.
Sentences:
63
Review of Session 9 : Categorizing Computer Issues
Questions:
Category:
o Operating System
o Hardware
o Anti-Virus Software
o Internet
o Memory / Disk Space
3. Which of the following issues belong to the software and hardware
categories?
o Loss of memory
o No sound speaker
o The keyboard is not working
o Screen freeze
o Computer crashed
o Unable to open programs
o Can’t turn on the computer or nothing happens
o Computer is running slow
o CPU is not switching on
o Too many Pop-ups are making the screen hang
o System shuts down whenever games are played
o System takes a long time to start-up
2) Change only the italicized sentences to the passive voice.
Sentences:
64
1. I solved this issue for you.
5. Then, they divided the issues into sections for each category.
6. Shikha put all the operating system issues in the Software section.
7. Tanisha placed the all the pop-up issues in the Internet section.
9. Mukti and Karan sorted the Hardware issues and put them in the
Hardware category.
10. Arnav informed the customers that all their software related
issues would be solved at the earliest.
11. Shivani informed the customers about the Internet related issues.
12. Finally, they divided the issues into further sub-categories and
solved them accordingly.
Questions:
65
Role-Play: The User Manual
B: Yes, I did.
A: Is it set-up?
A: Great! I’ll help too. Let’s have a look at the user manual and get started!
B: User manual? Oh, you mean that book that comes along with the computer?
___ something.
A: There are many different products that come with their own user manuals
B: Such as?
A: Such as, __________ devices such as; computers, computer __________ and
A: User manuals are normally written so they can be ______ read and
_________ to.
66
3) Fill in the blanks of the given sentences with appropriate
connectors/conjunctions.
Sentences:
e) Once you know how to read a manual, your work will become far easier
________________ (or/ and) rewarding.
g) A machine repaired with the help of a user manual will work well,
________________ (then / while) a machine repaired without the help of
a user manual will not work properly.
j) The computer has a brand new hard disk ________________ (but / and)
CPU (computer processing unit).
67
SESSION 11: CROSS SELLING
RELEVANT KNOWLEDGE
EXERCISE
Now, try making sentences substituting the above given products with any other
computer or computer related products, or mobile phone. For example,
“Would you also like to try out this Nokia Bluetooth? It will work well
with the mobile phone you’ve bought.”
Fill in the blanks with the phrases given below and complete the conversation
between a Customer and a Customer Sales/Service Representative.
First conversation:
Customer: I think I will take the dark grey colored mobile phone.
CSR: Would you also like to ___________________Bluetooth?
Customer: Oh…I wasn’t really looking for one.
68
CSR: Well, Ma’am, it is always useful to have a Bluetooth
___________________, so you don’t have to stop what you’re doing to answer a
call.
Customer: That’s true. What do you have?
CSR: We have some beautiful new colors ___________________ our customers.
Shall we check them out?
Customer: Yes.
CSR: I think this black pair _______________________________ really well.
Customer: I would like to try them on first.
CSR: Of course, Ma’am.
Customer: I like it, _______________________. I will take it.
CSR: Excellent choice, Ma’am!
Second Conversation:
As you already know, adjectives and adverbs are words or groups of words that
modify (describe or provide additional information about) a noun and a verb
respectively. Additionally, adverbs also sometimes modify another adverb or an
adjective. Read the following sentences:
Now, in the above sentences, “beautiful”, “yellow” and “long” are adjectives
as they describe the nouns “house”, “hummer” and “distances” respectively.
69
Similarly, “very” in the first two sentences is an adverb that modifies “well
equipped” and “fast car” – “well” and “fast” being adjectives. In the third
sentence, “quickly” modifies the verb “learning”.
Examples:
1. We need to buy five jackets. (adjective)
2. He was quite a gentleman. (adverb)
3. I think this match was worse than the one we played. (adverb)
4. This box is much heavier than that. (both are adverbs)
ASSESSMENT
1. Ma’am it’s a nice shirt that you have picked up. Please try this silver
bracelet that will beautifully complement your shirt.
2. If you buy two large bottles of jam, you will get a packet of brown bread
absolutely free.
3. Would you like to have our delicious chocolate cookies with your cup of
coffee, ma’am?
4. This sparkling diamond ring looks great on your finger. It would look
much better if you try it out with these pretty bangles.
5. How about buying this sleek DVD player along with your new television
Sir…we will give you 10 % discount on the DVD.
6. I suggest that instead of replacing your laptop, you replace your old
battery with this long-lasting battery.
7. If you buy two large boxes of cookies Sir, you can get a cheese sandwich
for just ten rupees.
8. You have bought all your course books – why don’t you buy other
stationery such as notebooks, coloring pens, pencils, etc.
9. This trendy phone will work much better if you use this memory card
with this phone.
10.How about this stylish pair of shoes to go with your suit? You will make
quite an impact.
70
SESSION 12: MERCHANDIZING VIA TECHNOLOGY
RELEVANT KNOWLEDGE
What do you think is “Online and Tele-merchandising”. Read aloud the following
points out loud.
71
So, when merchandizing over the phone with customers, all the customer sales
representatives need to do is, remember the “Telephone”.
T - Tactful, Trustworthy
E – Efficient
L - Listen carefully
E – Energetic
P – Prompt, Polite, Patient, Pleasant
H – Helpful
O – Organized in thought
N – Natural sounding
E - Eager to serve.
In conclusion, whether serving or selling customers, customer sales
representatives always need to remember to smile a lot and have some fun;
good marketing becomes “best” only when customer sales representatives
are able to make customers feel that the whole interaction was pleasurable
and fun. Only then will the results be great and amazing!
EXERCISE
Now, follow the instructions of your facilitator and complete the exercise on
merchandising via technology.
_______________________________________________________________
2. What type of marketing is becoming easy for customers?
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
4. How is it achieved?
_______________________________________________________________
_______________________________________________________________
72
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
_______________________________________________________________
7. How has the internet revolutionized the way people interact with each
other?
_______________________________________________________________
_______________________________________________________________
8. When Merchandizing over the phone, why do CSRs need to remember the
“Telephone”?
_______________________________________________________________
_______________________________________________________________
You have already worked on this concept earlier. More examples have been
given below:
1. We came out of the theatre even before the movie ended, thereby
making Tara angry.
2. Both the interior of the house and its outer walls have been painted a
light cream.
3. Either you or I will have to talk to her.
4. You passed with good marks. On the other hand, I got only pass marks.
74
SESSION 13: PRODUCT PROMOTION
RELEVANT KNOWLEDGE
Read aloud the following questions and the points listed below each question.
1. What do you mean when you say you are promoting a product?
Advertisement
Adding bonus features like gift items, two for the price of one, etc.
For e.g., “Buy a Desktop Computer and get a pair of speakers for
free”, “Buy a ‘Resilience’ Data Card, and get a 25% discount on the
first year’s bill”, “Four-pack Game Cds, 50 Rupees off”, etc.
Brand ambassadors. E.g., Kareena Kapoor for Sony Vaio, Abhishek
Bachchan for Idea Cellular, etc.
EXERCISE
Think of some more examples. Follow the instructions of your facilitator and
complete the following exercises:
75
is a ___________________. You can win anything from a laptop to a
free mobile phone. (scratch-card, prize scheme, buying).
d) Some online shopping websites have interesting __________ for those
customers who order their products online or by phone. If they fail to
deliver the ________ within the stipulated timeline, the customer
will get the product ______________. (order, for half the cost,
offers).
e) There is a scheme going on at HP. For every Laptop you __________,
you get a printer _________, or 65% _________ on any other item of
your choice that ____________ below 10,000 rupees. (free of charge,
costs, purchase, off).
Product Promotion 2
Rearrange the following sentences so as to form a conversation between
Customer-Sales Executive (A) and Customer (B)
76
A: Thank you, Ma’am/Sir. Is there anything else that I can assist you with?
B: Absolutely, Yes! Though, I don’t understand what’s the surprise in it for me?
A: Yes, it is. So, should I go ahead and make your bill Ma’am/Sir?
A: Great choice, Ma’am/Sir. The surprise offer that is going on for the first
30days is, for every purchase of an e-phone, you get another e-phone
absolutely free of charge!
B: Do you have a smartphone suitable for a fifteen-year old?
A: It costs only Rs 7,500 rupees.
A: Please do. And, let me know if you like anything.
B: Sure.
A: The mobile phones section is this way. Please follow me.
You are already familiar with the concept of future continuous tense. Some
more examples have been provided below:
1. You and I will be performing together.
2. One of the workers will be coming to visit us.
3. You, and not I, will be giving the welcome speech.
Now, from the sentences given below, identify the ones which are in the future
continuous tense:
1. We are willing to introduce a new scheme to promote our products.
2. We will be introducing a new scheme to promote our products.
3. Our brand will rope in a famous actor to promote our products.
4. A famous actor will be promoting our brands.
5. Huge billboards will be put up all over town to advertise our new range
of computers.
6. They will be putting up huge billboards all over town to advertise our
new range of computers.
7. We will be creating a website for our products.
77
ASSESSMENT
Change the verbs in bold to future continuous tense and rewrite the
following sentences.
1. To promote our items, we will call all our existing customers and
communicate the benefits of our new products to them.
2. We will introduce money coupons and special offers on our new products to
increase their sale.
3. We will arrange a free demo of our products to the customers.
4. We will send mini-packets of these biscuits to students in school so that
they buy the bigger ones.
5. We will advertise our new product line on TV.
6. We will invite a famous actress to launch our new product line so that
people come in large numbers to our store.
7. We will put the banners and posters announcing the start of the sale season.
8. We will distribute pamphlets about the exchange offer on our washing
machines.
9. If necessary, we will give free gift items and reward points with our new
products.
10.We will set up a kiosk (a small open-fronted cubicle from which
newspapers, refreshments, tickets, etc., is sold) outside our shop where
customers can try free samples of our new flavored drink.
78
REVIEW SESSION 4
Methodology: The review evaluations will be Question ‘n’ Answer and Role
play based. Answers will be assessed on Content, Context, Grammar, Sentence
structure and Vocabulary based on the sessions that were imparted.
Cross-Selling.
Merchandising via Technology
Product Promotion.
ASSESSMENT
Question:
Role-Play - 1:
79
A: Oh…I wasn’t really looking for one.
A: Yes.
B: Of course, Ma’am.
Role-Play - 2:
the set?
A: Okay.
products.
80
A: Hmm…They look nice.
B:________________________, Ma’am.
Sentences:
a) This sparkling mobile phone looks great in your hand. It would look much
better if you try it out with these colorful headphones.
b) How about buying this sleek DVD player along with your new television
Sir…we will give you 10 % discount on the DVD.
c) I suggest that instead of repairing your laptop, you replace your old
battery with this long-lasting battery.
d) You have bought all your course books – why don’t you buy other
stationery such as notebooks, coloring pens, pencils, etc.
e) This trendy phone will work much better if you use this memory card
with this phone.
Questions:
2) In the sentences given below, fill in the blanks with the appropriate
conjunctions / connectors.
81
Sentences:
Questions:
82
as a gift in a lucky draw. (brand, brand ambassador,
advertisements)
Role-Play:
A: Thank you for being our customer, Ma’am/Sir. It was a pleasure serving you.
83
B: Okay.
A: Yes, we do. In fact, we’ve just received the latest touch-screen smartphones
a couple of days ago.
A: Yes, Ma’am/Sir. So, would you like to buy one for your sister Ma’am/Sir?
B: Very nice! It looks great. My sister will, love it! It looks quite expensive
though. How much does it cost?
B: I don’t plan to buy something that is too expensive, as she still very young.
A: I understand, Ma’am/Sir. Though the mobile I have in mind for your sister, is
not only inexpensive, but also has a fantastic surprise offer that will benefit
you too!
B: Good Morning.
B: What?! Do you mean to tell me that IN-E has made this phone packed with all
these features for only 7, 500 rupees?
A: Please have a look at this state of the art beautiful “e-phone” from “IN-E”.
It has all the features and advantages of all the best mobile phones in the
market.
A: Good choice, Ma’am/Sir. But why don’t I show you a mobile phone your
sister will absolutely love!
A: Thank you, Ma’am/Sir. Is there anything else that I can assist you with?
B: Absolutely, Yes! Though, I don’t understand what’s the surprise in it for me?
A: Yes, it is. So, should I go ahead and make your bill Ma’am/Sir?
84
A: Great choice, Ma’am/Sir. The surprise offer that is going on for the first
30days is, for every purchase of an e-phone, you get another e-phone
absolutely free of charge!
B: Sure.
3) Change the verbs in bold to future continuous tense and rewrite the
following sentences.
Sentences:
a) To promote our items, we will call all our existing customers and
communicate the benefits of our new products to them.
b) We will introduce money coupons and special offers on our new
products to increase their sale.
c) We will arrange a free demo of our products to the customers.
d) We will send mini-packets of these biscuits to students in school so
that they buy the bigger ones.
e) We will advertise our new product line on TV.
f) We will invite a famous actress to launch our new product line so
that people come in large numbers to our store.
g) We will put the banners and posters announcing the start of the sale
season.
h) We will distribute pamphlets about the exchange offer on our
washing machines.
i) If necessary, we will give free gift items and reward points with our
new products.
j) We will set up a kiosk (a small open-fronted cubicle from which
newspapers, refreshments, tickets, etc., is sold) outside our shop
where customers can try free samples of our new flavored drink.
85
SESSION 14: CLOSING A DEAL
RELEVANT KNOWLEDGE
How would you answer the above questions in the positive? Jot down your
answers here:
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
EXERCISE
Fill in the blanks with the sentences given below in order to complete the
conversation:
Sales representative: Is there anything else you would like to know about our
product?
Customer: No. I think you have told me all there is to know.
Sales representative: So, Ma’am/Sir ____________________________________?
86
Customer: It does seem like a very advanced and beneficial piece of technology
packed into one product.
Sales representative: It is, Ma’am/Sir ___________________________________.
Customer: But does it come with a warranty?
Sales representative: Yes, Ma’am/Sir ___________________________________.
Customer: Oh! That’s good.
Sales representative: Plus, we are offering a discount of 20% for the first 20
buyers ___________________________________________.
Customer: Okay. I think I will take it. But will you deliver it to my place?
Sales representative: Sure, Ma’am/Sir ___________________________________.
Customer: Thanks so much!
Sales representative: It’s not an issue, Ma’am/Sir _________________________.
Modals.
As you already know, modal verbs are helping verbs. The English language has
ten modal verbs: can, could, may, might, shall should, will, would, must and
ought to. These are used with the main verb to form a sentence or a question.
Example:
Example:
87
6. You ________ buy the product now as we are currently offering a
discount.
Next, ask each student to make a sentence with one of the following
modals: might, could, should, shall, can, will, would, may
ASSESSMENT
1. __________ you like to know anything else about our product? (May,
Would)
2. __________ I send across a person to install the AC tomorrow? (Shall,
Will)
3. __________ you like to pay by card or cash? (Will, Would)
4. __________ you refer us to a friend or neighbor? (May, Can)
5. Ma’am, you ________ fill out this form. (may, shall)
6. Where _________ we deliver your purchase? (must, should)
7. Sir, you _________ not lose this document as it is a proof of your
ownership of the item. (must, might)
8. __________ you fill out this feedback form and let us know how you like
our services? (Should, Could)
9. Is there anything else we _______ show you? (would, could)
10.We _________ re-issue another invoice, but we strongly advise you to
keep the original safely. (can, may)
88
SESSION 15: STOCK COUNT
RELEVANT KNOWLEDGE
As you know, not only selling items and closing deals but also counting
inventory may be a part of a sales representative's daily job routine.
A stock count as the name suggests is the counting of in-hand inventory. This is
very important from the business point of view. Losing track of inventory is a
sure recipe for disaster in a business. Moreover, you can lose a customer if
often, he/she searches for an item at your store and does not get it due to
unavailability. The customer will definitely switch loyalty to a better stocked
store! Hence, you need to know which products are moving, which are not and
also how much of each item is left in hand.
What tasks do you think are involved in a stock count? Daily stock count
involves the following tasks:
1. Identifying location (The best place to showcase the product)
2. Arranging products (So that the products look attractive and the
customers can easily identify and choose the product they want)
3. Counting products (So they know how many were originally on sale, how
many sold, and how many are unsold)
4. Updating stock count format (Improving on the way/plan of stock taking)
EXERCISE
Read aloud the details given below. Rearrange the sentences to form
conversations between two people A and B.
“Daily Stock Count”
First Conversation:
89
m. I agree.
n. Right. Let me record the numbers first.
o. We have desktops from DELL, HCL, HP, Sony and Acer on Rack B and C.
p. You’ll have to take a look.
q. 48 on the Rack.
Second Conversation:
a) There are 5 white cotton boleros, 6 dark blue denims, 5 cream corduroy
blazers, and 5 black cotton blazers.
b) Jackets. First count the shirts and tell me the number.
c) What are we stacking then?
d) 16 skirts in total then. We are moving them to the second rack.
e) There are 4 different jackets here. We have white cotton boleros, dark
blue denims, cream corduroy blazers, and black cotton blazers.
f) Let us arrange the jackets then. How many types are there?
g) There are 7 denim shirts and 9 cotton skirts.
h) Okay. Let us count how many are there for each type.
i) We are not stacking shirts on this rack anymore.
j) So, we have 21 jackets in this rack.
A: Have you got the list of how many computers were sold?
Articles.
As you know, there are only three articles in the English language: a, an and
the.
A and an are indefinite articles. They refer to something not specifically known
to the person you are communicating with. They are also used before nouns
that introduce something or someone you have not mentioned before in your
conversation.
The is a definitive article. You use the when you know that the listener knows
or can understand what particular person/thing you are talking about. You also
use the when you talk about geographical points, rivers, oceans, seas etc. Read
aloud the examples below:
Read out the sentences and ask the students to fill in the blanks with
appropriate articles.
1. We need to refill_____ rack with more shirts.
2. We need to put _____ packet of detergent here. There should be 5
packets in each rack.
3. We will need ____ hour to count the stock in this section.
4. There is ____ empty rack in ____ Home Appliance section.
5. We have to replenish ____ empty rack in ____ Home Appliance section.
6. One of ____ racks in ____ Home Appliance section is empty.
7. There is _____ rack in ____ Home Appliance which will need to be
restocked.
8. We have finished counting stock for ___ day.
ASSESSMENT
91
SESSION 16: WRITING A CUSTOMER SERVICE REPORT
RELEVANT KNOWLEDGE
The Customer Service report has been prepared showing the number of
customers, their addresses and contact numbers. The report also shows the
reason why the customers contacted the company, their date of contact, the
discussion details, products sold, services requested, customers who need to be
called back, customers who need service provided, and any follow-up calls or
service that needs to be made or delivered.
With this information in hand, now listen carefully to you facilitator and
complete the exercises in the session.
EXERCISE
92
o “Service provided”
o computer upgrade for a desktop, model no. DT1234
o The second one is
o R.S House, High Park Road, New Delhi, Pin code – x0x 0x0, and the contact
number is 8765432190.
o the address of our store
o It’s a “Call back”.
o On the 22nd of August 2012 at 4:12 pm, Mr. Rajeev Shukla had called. The
same date, at 5:23pm, Ms. Deepika Patel had called, and at 6: 07pm Mr.
Mahinder Deol had called.
o House No. 16, Vallabhai Patel Road, Andheri, Mumbai – 400093, and the
contact number is 9874563210.
o Okay. I have the table with me. Do you have the details?
o call report
o Sunny Apartments, Dharam Jat Road, Gurgaon – 123456, and the phone
number is 9087654321.
o Tell me the date first, followed by the time, followed by the customers’
names.
o The third one.
o the number of customer calls we received.
o about the price of a laptop, model no. LT8910
93
B: Is that it?
A: Yes.
B: Great! The ____________ is complete.
Rearranging sentences.
ASSESSMENT
Given below is an empty call report template that you have to fill in.
Rearrange the sentences that follow so that you get a step-by-step
explanation of how to write the call report.
94
REVIEW SESSSION 5
The review evaluations will be Question and Answer and Role-Play based.
Answers will be assessed on content, context, grammar, sentence structure and
vocabulary based on the sessions 14, 15 and 16.
The review evaluation is divided into three parts. One for each session:
Closing a Deal.
Stock Count.
Writing a “Customer Service Report”.
ASSESSMENT
2. Is an upgrade available?
Role-Play:
95
o So, you get to pay less if you buy it now.
B: Is there anything else you would like to know about our product?
A: It does seem like a very advanced and beneficial piece of technology packed
B: Plus, we are offering a discount of 20% for the first 20 buyers. ___________.
A: Okay. I think I will take it. But will you deliver it to my place?
A: Thanks so much!
3) In the sentences given below, fill in the blanks with the appropriate
modal.
Sentences:
a) __________ you like to know anything else about our product? (May,
Would)
Questions:
Role-Play - 1:
Role-Play - 2
(a) There are 4 different brands of Desktops here. We have Sony Vaio, Dell,
Apple Macs, and HCLs.
(b) Tablet Pcs and Laptops. First count the Tablet Pcs and then the Laptops,
and only then tell me the number.
(c) What are we stacking then?
(d) So, we have 365 Desktop Computers on these eight racks.
(e) Let us arrange the Desktops then. How many types are there?
(f)There are 75 Sony Vaio, 90 Dell, 50 Apple Macs, and 150 HCLs.
(g) There are 70 den Tablet Pcs and 95 Laptops.
(h) Okay. Let us count how many are there for each type.
98
(i) 166 computers in total then. We are moving them to the second rack.
(j)We are not stacking mobile phones on this rack anymore.
3) In the sentences given below, fill in the blanks with the appropriate
article.
Sentences:
Questions:
99
Role-Play
B:______________________________________________?
A: Yes. I will read out the details. You can fill in the table.
B: Yes.______________________________________________________________.
A: Ok._______________________________________________________________
____________________________________________________________________.
____________________________________________________________________.
100
A: The second customer’s address is,
____________________________________________________________________.
____________________________________________________________________.
A: _____________________ “Follow-up”.
A: ________”_____________”.
B: Is that it?
A: Yes.
Sentences:
101
Student Details
Student Name :
_______________________________________
_______________________________________
_______________________________________
1
PREFACE
Background
The National Curriculum Framework, 2005, recommends that children‟s life at school
must be linked to their life outside the school. This principle makes a departure from
the legacy of bookish learning which continues to shape our system and causes a gap
between the school, home, community and the workplace.
This student workbook, which forms a part of vocational qualification package for
student’s who have passed Class X or equivalent examination, was created by a group
of experts. The IT-ITeS Skill Development Council approved by the National Skill
Development Corporation (NSDC) for the IT/ITeS Industry developed the National
Occupation Standards (NOS). The National Occupation Standards are a set of
competency standards and guidelines endorsed by the representatives of IT Industry
for recognizing and assessing skills and knowledge needed to perform effectively in
the workplace.
This student workbook attempts to discourage rote learning and to bring about
necessary flexibility in offering of courses, necessary for breaking the sharp
boundaries between different subject areas. The workbook attempts to enhance these
2
endeavors by giving higher priority and space to opportunities for contemplation and
wondering, discussion in small groups and activities requiring hands-on-experience.
We hope these measures will take us significantly further in the direction of a child-
centred system of education outlined in the National Policy of Education (1986). The
success of this effort depends on the steps that school Principals and Teachers will
take to encourage children to reflect their own learning and to pursue imaginative
and on-the-job activities and questions.
Acknowledgements
1. Accenture India’s Corporate Citizenship Program (Skills 4 Life) has provided the
content material for English and have commissioned and developed as well as
provided access to their implementing partners (Dr. Ready’s Foundation and
QUEST Alliance).
2. The Wadhwani Foundation team involved in designing and building this
curriculum and content include Ms. Sonia Kakkar, Mr Karthik Chandru, Ms.
Rekha Menon, Mr. Ajay Goel and Mr. Austin Thomas.
3. The PSSCIVE’s team was involved in guidance and editing the content.
4. In addition, various public domain sources have been leveraged to create
materials and illustrations across module. The contributions of all these sources
is gratefully acknowledged and recognized.
3
Table of Contents
WORD PROCESSING...........................................................................6
Session 1: Manage Lists – Sort, Renumber, Customize......................................6
Session 2: Add a Watermark & Apply a Page Border and Color..........................12
Session 3: Table Manipulations...............................................................15
Session 4: Work with Styles...................................................................20
Session 5: Work with Themes.................................................................25
Session 6: Play with Pictures.................................................................29
Session 7: Insert and Format Screenshots in a Document................................34
Session 8: Create Text Boxes and Pull Quotes.............................................36
Session 9: Use Word Art / Font Work with Special Effects...............................40
Session 10: Use SmartArt......................................................................42
Session 11: Control Text Flow................................................................46
Spreadsheet....................................................................................50
Session 1: Insert and Modify Pictures and ClipArt.........................................50
Session 2: Draw and Modify Shapes..........................................................55
Session 3: Illustrate Workflow Using SmartArt Graphics..................................57
Session 4: Layer and Group Graphic Objects...............................................61
Session 5: Goal Seek...........................................................................63
Session 6: Analyze Data with Logical and Lookup Functions.............................66
Session 7: Manage Themes....................................................................71
Session 8: Create and Use Templates........................................................75
Session 9: Update Workbook Properties.....................................................78
Session 10: Create and Edit Macros..........................................................80
Presentation....................................................................................83
Session 1: Work with a Design Template....................................................83
Session 2: Using the Slide Master............................................................87
Session 3: Create Headers and Footers.....................................................90
Session 4: The Handout Master...............................................................92
Session 5: The Notes Master..................................................................94
4
Session 6: Saving in a Different Format.....................................................96
Session 7: Assignment........................................................................101
Email Messaging..............................................................................104
Session 1: Modify Message Settings.........................................................104
Session 2: Change the Message Format....................................................111
Session 3: Out Of Office Notification......................................................114
Session 4: Create a Distribution List / Contact Group..................................118
Session 5: Insert a Hyperlink................................................................121
Session 6: Sort and Filter Messages Using Multiple Criteria............................124
Session 7: Manage Junk E-mail..............................................................128
Session 8: Set Workdays and Time in a Calendar.........................................133
Session 9: Display an Additional Time Zone...............................................135
Session 10: Set Availability Options........................................................138
Session 11: Manage Automatic Meeting Responses.......................................140
Session 12: Reply To a Task Request........................................................142
5
WORD PROCESSING
Session 1: Manage Lists – Sort, Renumber, Customize
Learning Objectives:
At the end of this session, you will be able to work and manage lists at an advanced
level including:
Sorting a list according to criteria (alphabetic, ascending/descending, etc.).
Renumbering individual list items.
Customizing lists – multiple levels, using different number styles or bullets, etc.
RELEVANT KNOWLEDGE
While working with word processors earlier, you created bulleted and numbered lists.
As you may recall, you use numbered lists when you are working with instructions to
be done in a sequence i.e. steps to be followed, and the numbers suggest an order.
The same applies when you refer to specific items by number. If ordering using
numbers are not necessary, you can use bullets.
Lists help to organize the contents of a document and summarize key points that are
easier to read and remember. For example, if you would like to summarize several
paragraphs, you can summarize as points and display a list that is easier to
understand. In some cases, you may need sub-lists under existing lists. For example, a
planets list can have a sub-list of moons. Creating multiple level lists help you to
organize the contents of your document effectively.
You have already created single level bulleted and numbered lists and are aware that
they can be created by clicking on the Bullets/Numbering icon in the Standard
Toolbar. These lists are by default, automatically indented from the page margin. To
stop creating the list, click the highlighted Bullets/Numbering icon again to turn it off
or press Enter twice.
To use a different bullet type (e.g. arrow head instead of a dot), do the following:
1. Select Format > Bullets and Numbering. A Bullets and Numbering dialog box
appears (figure below left).
6
2. Select a bullet design from the list, click OK.
3. Select the Numbering type tab (figure above right) and select a numbering
type from this list. Click OK.
Sorting a list
4) When you have finished, select the entire list and click Tools> Sort… . A Sort
dialog box appears.
5) Currently the list has a single column (list of names), so, select “1” under
Column. Using the Key type drop down list, you can also specify whether the
contents are text or date or numbers. Select the appropriate radio button
under Order to specify the sort order (ascending or descending).
7
6) Click OK. Notice the result! Your list of classmates is now displayed in
alphabetic order of their names.
Re-numbering a list
When you create lists, the numbering may continue throughout the document.
Renumbering is handy when you want to create a new list (figure above left) or when
you want to continue an old list from before (which has been reset to 1). To restart
the numbering at the beginning of each list, do the following:
1) Select the items where you want to restart the numbering, and right-click. For
example, select items 15 to 25 (Refer figure above).
2) Select Restart Numbering from the popup menu. This automatically resets it
as another list instead of continuing from the previous list (figure above).
3) Alternatively, you can also make a list to continue from a previous list by
selecting the option Continue Previous Numbering (figure above).
8
4) If you want to start the numbering
from a specific number, place the
cursor next to the number and do
the following:
Occasionally, you may realize you need to use numbers instead of bullets or vice versa
as shown by the lists below.
Radha Radha
A bullet is a symbol used for Anita Anita
representing items in a list. Kashish Kashish
Bullet symbols can have a Ambikagiri Ambikagiri
variety of shapes, such as Swarna Lakshmi Swarna Lakshmi
circular, square, diamond, Aniruddha Aniruddha
arrow, etc. Bullets can also Vidya Vidya
include pictures. To use Geeta Geeta
bullets for an existing
numbered list do the following:
2) Select Format > Bullets and Numbering. A Bullets and Numbering dialog box
appears. Select desired bullet from the list by clicking on it and click OK.
Notice the change as the numbers change into bullets.
Multilevel Lists
Having worked with single level lists, now you will learn about the powerful feature of
multilevel lists. A multilevel list has list within lists. The added advantage is that you
can mix numbers, letters and bullets in such a list. Look at the list below.
9
How do you create such a multilevel list? To create such a list, you need to first
understand the concept of list levels. A single level list has all details at one level.
When you add another list under one item, you are creating a new list at the next
level. Each new list within a list creates a new list level. Now, do the following:
EXERCISE
S.No. Activities
1. Create the following list of planets:
1. Solar System
1.1.Major Planets
1.1.1. Mercury
10
1.1.2. Venus
1.1.3. Earth
1.1.3.1. Moon
1.1.4. Mars
1.2.Minor Planets
1.2.1. Pluto
2. Create a new multi-level list style in your word processing software
and apply it to be used across different documents. Then, do the
following:
ASSESSMENT
1. ______ can help in summarizing key points that are easier to read and
remember.
2. ___________ is a symbol used for representing items in a list.
11
Session 2: Add a Watermark & Apply a Page Border and Color
Learning Objectives:
At the end of this session, you will be able to:
Understand the purpose of watermarks.
Use watermarks.
Apply Page border and Page color.
RELEVANT KNOWLEDGE
12
4. Select Graphic from As dropdown menu (figure above, right). Click Browse…,
select the picture created earlier and click Open. Notice the background
preview as shown below (figure below, left).
5. Click OK to insert this image as a watermark for this document. Notice the
watermark applied to the document (figure above, right).
Page Border
1. Select Format > Page…. A Page Style: Default dialog box appears, select the
Borders tab (figure below).
13
a. Select a Line arrangement (Hint: Move your mouse
over each item), for example Set All Four Borders.
b. Select a line style from the list of styles.
c. Select a line color.
d. If you want to add shadow effect, select a shadow
style.
e. Click OK when done (figure adjacent).
Page Color
1. Select Format > Page…. The Page Style: Default dialog box appears, select
Background tab.
2. Select a color from the palette (Move your mouse over each color), click OK
when done.
EXERCISE
S.No. Activities
1. Create a watermark to apply your name as a watermark to the
document created in the previous session. Observe the effect on the
document with each change.
ASSESSMENT
14
Session 3: Table Manipulations
Learning Objectives:
At the end of this session, you will be able to manipulate data in tables and do the
following:
Sort data in a table.
Perform calculations using formulas.
Repeat table headers across multiple pages.
Modify a cell layout.
Format and design tables.
RELEVANT KNOWLEDGE
You are familiar with using spreadsheet software for sorting and computing numeric
values. You can also perform similar operations in using word processing software. You
have already learnt how to create a table for tabular representation of data using
spreadsheet software.
You can sort data available in a table when you want to visualize data in a particular
sequence. You can sort up to three levels in a table on individual columns (not rows).
To sort the table data in the Name column by alphabetical order, do the following:
1. Select the rows and columns (except header) that need to be sorted (refer
figure below).
2. Select Tools > Sort…. A Sort dialog box appears (figure adjacent).
15
3. Since the names are in the
first column, select “1” in
Column. Select the Order
as Ascending, Click OK.
4. Notice the data in Name
column is sorted
alphabetically.
If you are using numbers in a table such as financial data or score, you can also apply
formulas for computations. This is similar to the calculations performed in a
spreadsheet. For example, to find the total score for the first student in the table, do
the following:
Note: Before you enter the formulae, you need to understand the row and
column numbering system in a table. Columns represent letters and Rows
represent numbers (similar to that of a spreadsheet). Calculations are
performed based on cell references. First cell in the table is A1 and the cell to
the right is B1. The cell below A1 is A2.
16
Since this is very similar to spreadsheets, you can apply the formulas learnt
during spreadsheet sessions. You need to enter the formula in a particular cell,
similar to a spreadsheet, in order to calculate.
4. Now type the formula =<B2>+<C2>+<D2>. This will calculate the total of all
the values present in selected cells. Note the value in Total column.
Note: Calculations done using a word processor is suitable for simple calculations. For
complex operations such as data filtering, validation, etc, it is advisable to use
spreadsheet software.
If you have a lengthy table that spans across multiple pages, it will be easier to refer
if the headers are repeated on each page. Table headers are available only on the
first row of a table by default. To include header on each page, do the following:
Note: You need to have a table that spans at least two pages to complete this
exercise.
1. Place the cursor on the row that has headers (first row).
2. Select Table > Headings Row Repeat. Notice the header text is available on
subsequent pages.
If you want to modify an existing cell layout, you can use options under Table
dropdown menu.
17
To insert a column,
Splitting Cells
Merging Cells
You can apply designs to a table to make it look attractive. To apply design, do the
following:
18
Scroll and select a design from the Format list. Click OK. Now try other styles
in the list.
EXERCISE
S.No. Activities
1. Repeat the calculation learnt in class and calculate totals for the
remaining students.
2. Create a weekly expense report containing daily expenses; include at
least expense heading for 3 items. Apply formula to calculate the
total weekly expense.
Use the following table as a guideline.
Expense Day 1 Day 2 Day 3 Day 4 Day 5 Total
Bus
Breakfast
Lunch
Dinner
Charity
Gifts
Groceries
3
ASSESSMENT
19
Session 4: Work with Styles
Learning Objectives:
At the end of this session, you will be able to:
Understand the purpose of styles.
Apply default styles.
Design your own styles.
RELEVANT KNOWLEDGE
Styles give your document a professional look and saves time. You have observed a
default style in your documents created using a word processor:
You have also learnt to apply different formats using font size, style, bold, italics etc.
As you know, this method of direct formatting can be very tedious when updating a
huge document. If you want to change the look of the document, you must select
each element separately and apply the new formatting choices.
On the other hand, by using styles to format your document, you can quickly and
easily apply a set of formatting choices consistently throughout your document.
For example, instead of taking three separate steps to format your heading as Arial,
16 point, bold, you can get the
same result in a single step by
applying the built-in Heading 1
style (Apply Style dropdown
in Standard Toolbar.). For
each heading just click on
Heading 1 and the job is done!
1. Select Format > Styles and Formatting F11 (or press F11 on your keyboard).
Styles and Formatting popup appears as shown below.
20
2. Following five styles are
available:
a. Paragraph Styles
applies to paragraphs.
b. Character Styles
applies to words in
paragraphs.
c. Page Styles applies to
entire page(s).
d. List Styles applies to
ordered and
unordered lists.
e. Frame Styles applies
to frames (you will
learn about this later).
3. Now look at the listing under Paragraph Styles such as Default, Heading 1,
Heading 2, etc. Each of them has pre-defined font family, size, formatting,
etc. set already that can be used in a document. For example to apply Heading
1, select the text in the document and click Heading 1 from this list. Notice the
text is automatically formatted with Arial font, bolded with size 16.
Note: Change of style is either a change of character style (the font, font size, color
etc.) or a change of paragraph style (alignment, spacing, paragraphing, and
indentation).
Sometimes, you may want to create customized styles that suit your requirements.
You can create your own styles in two ways:
Now imagine that you have just finished creating an 80 page report with several
subheadings and your boss is not happy with the font and alignment. He wants you to
change it to left aligned, italics, bold, Arial point 14. You have been smart enough to
use a self created style for subheadings. So now, all you need to do is modify the style
and it automatically updates subheadings all over the document! What a relief! But
how do you modify a style?
21
2. A Styles and Formatting popup appears. Right-
click on Heading 1 (figure below).
3. Click the option Modify…. A Paragraph Style:
Heading 1 dialog box appears (figure below).
Notice the text highlighted as Heading 1 is now formatted with this new setting.
If you have received a document from someone that is already formatted, you may
apply those to your existing document. This could be useful in situations when you
want to create additional documents based on this pre-formatted document.
4. Check Overwrite (figure above) and click From File…. Browse and select the
file created earlier (sample.ott), click Open.
5. Notice the styles applied to this document.
EXERCISE
S.No. Activities
1. Write short notes on each course offered by each college and their
academic requirements based on the list created in first session in a
new document; Use heading 1 for locations and heading 2 for courses.
Create a custom design using the following guideline:
a. Heading 1: Font Trebuchet MS, Size 14
b. Heading 2: Font Trebuchet MS, Size 12
c. List Paragraph: Font Verdana, Size 10
Save this as STYLE_(YOUR NAME) and apply this Style to document
created in this session.
23
ASSESSMENT
24
Session 5: Work with Themes
Learning Objectives
At the end of this session, you will be able to:
Understand the purpose of themes.
Apply built-in themes.
Customize themes.
Download and use themes.
RELEVANT KNOWLEDGE
Themes can help in creating professional looking documents with coordinated sets of
colors, fonts, effects and backgrounds. When you create a new document in word
processing software, Office theme is applied by default by which a specific set of
colors, fonts, effects are applied to the document. However, you can customize the
look and feel of a document by modifying theme settings or design your own theme.
Themes are available in Microsoft Word. You can use Microsoft Word to learn and use
themes. To launch Microsoft Word (if installed), Click Start > Programs > Microsoft
Office > Microsoft Word.
25
Theme Colour Theme Font Theme Effects
To apply a theme color, click the dropdown menu available under theme color and
select by clicking on an item available in the list.
To apply a theme font, click the dropdown menu available under theme font and
select by clicking on an item available in the list.
To apply a theme effects, click the dropdown menu available under theme effects
and select by clicking on an item available in the list.
Notice the changes in the document after applying theme color, theme font and
theme effects.
Download themes
You can download and use themes in a document. To do so, do the following:
Having worked with styles, Quick Styles and Themes, it is now important to grasp the
relationship between them. On the surface, it seems that both serve the same
function, helping you to change color, typefaces and style sets. However, the
difference is that while themes define the overall look of your document, styles offer
different palette options that work with the main design.
Once you apply styles to your document, you can quickly change its look to suit your
needs by selecting the Quick Style set you want. You can further refine the look of the
document by selecting a theme you like. You can also fine tune the color and font
schemes to give your document the desired professional looking design.
26
Quick Styles available under Styles group in Home Tab rely on the theme selection.
Similarly, the fonts in Fonts dropdown and styles in Style Set dropdown (under Change
Styles dropdown in Styles group) are determined based on a theme selection.
To summarize, when styles are used in a document it interacts with the Quick Style
Sets and themes to provide professional looking documents.
EXERCISE
S.No. Activities
1. Customize an existing theme using the following guidelines:
a. Open an existing document that has headings and few paragraphs
of text content.
b. Select Opulent theme from Themes dropdown menu in Themes
group.
c. Customize by changing the Theme Color to Verve, Heading fonts to
Arial Narrow & Size 14, Paragraph font to Antique Olive & Size 12.
d. Save the theme by specifying the file name as THEME_(YOURNAME)
e. Navigate to Themes dropdown (Notice the custom theme available
in the dropdown) and apply this theme to the document created in
the previous session.
2. Download word processor themes and use them in your document.
Download themes from http://themes4office.sourceforge.net/.
Replace the custom theme applied in this session using Air Theme.
ASSESSMENT
28
Session 6: Play with Pictures
Learning Objectives:
At the end of this session, you will be able to:
Modify pictures.
Apply picture styles such as shadow effects.
RELEVANT KNOWLEDGE
You have already learnt to insert objects in a word processor document. You can also
insert pictures and customize them by resizing and using special effects available
within the word processing software.
Inserting pictures
Note: If you want to display the picture toolbar, select View > Toolbars > Picture.
Word processing software includes support for limited photo formatting and editing.
However, if you want to use advanced functions consider using photo editing software
such as GIMP, Photoscape, Paint.NET, etc.
29
Crop pictures
To crop,
1. Right-click on the picture and select Picture... from the popup menu. A
Picture dialog box appears; select the Crop tab (figure below, right).
2. Adjust the size by changing values in Left, Right, Top and Bottom numeric
value boxes. The changes are visible in the preview. Click OK when done.
Resize a picture
You can resize a picture to show the complete but smaller version of it. To resize,
drag the boxes at the corner of the picture until the desired size is reached.
Alternatively, you can specify the size in height & width by specifying numeric values
for height & width in the Scale section of the Crop tab in the Picture dialog box
(figure above, right).
Note: When you click on a picture, you can see 8 small little square boxes on its
sides. These are called place holders. Dragging the boxes in the middle of each side
will only change the height or width dimensions (depending on which side you
choose). To keep the picture’s height and width ratio in proportion, drag the boxes at
30
the corners. Also, the larger you re-size your picture, the more pixilated (grainy and
blurry) it gets.
Improving clarity
In some cases, the picture may lack clarity due to excess brightness or contrast.
1. From the Picture toolbar, Click Color icon (figure below, left). A Color popup
appears similar to the one below (figure below, right).
You have noticed in newspapers and magazines have text content placed around a
picture referred to as wrapping. Wrapping allows text content to flow around a
picture.
1. Create a new document with some text and Insert a picture (refer figure
below).
31
2. Select the picture and right-click. Select Picture (figure below, left).
Picture dialog box appears. Select the Wrap tab (figure below, right).
3. You can apply wrap settings such as Before, After, Parallel, Through or
Optimal by selecting corresponding option. Click OK. A sample is provided
below for your reference; in this Optimal Wrap setting was used.
EXERCISE
S.No. Activities
1. Create a one page flyer for promoting a product or service (example:
Tablet PC, Eye donation camp, etc.) using the following guidelines
(sample below):
32
a. Page Size: A4
b. Include placeholders for pictures & text content (Similar to
picture above) Hint: Draw text boxes using items such as a
Rectangular box from drawing toolbar to create placeholders. Include
content within the boxes.
c. Include relevant pictures
d. Apply special effects to the pictures.
2. Create a one page newsletter using the following guidelines:
a. Write an one page essay on (Choose one):
1) Ozone depletion and its harmful effects.
2) Pollution
3) Importance of Time
4) Social Service
5) Nuclear Power
b. Include at least three relevant pictures.
c. Wrap the content around the pictures.
ASSESSMENT
1. To display picture toolbar, you should select ______ from Toolbar submenu
located in _____ dropdown menu.
2.
33
Session 7: Insert and Format Screenshots in a Document
Learning Objectives:
At the end of this session, you will be able to:
Capture and use screenshots in a document.
Format screenshots.
RELEVANT KNOWLEDGE
A screenshot is an image taken by the user to record what is displayed on the monitor
of the computer. Screenshots are used for demonstrating a program or a problem
associated with a program. For example, there are several screenshots included in
this manual demonstrating various options available within the word processing
software.
You can take screenshots by using the Print Screen key and this option captures the
entire screen that can be inserted as a picture in a document.
1. Open a new word document. Press Print Screen Key on your keyboard.
2. To paste the screenshot on the word document, press CTRL+V together on the
document. Notice the entire screen is pasted into the document.
In some cases, you may need to insert portions of a screenshot instead of entire
screen, in that case you can use the ALT + Print Screen Key combination.
34
For example if you want to take the screenshot of only the
computer properties, do the following:
1) Right-click My Computer.
2) Click Properties. Ensure the screen is the
active window.
3) Press ALT + Print Screen on your keyboard.
4) Use CTRL+V to paste the screenshot in a
document.
EXERCISE
S.No. Activities
1. Prepare short tutorials on the following topics:
a. Using Notepad
b. Using WordPad
c. Using Paint
Use the following guidelines:
a. Create detailed step-by-step instructions with screenshots.
b. Crop screenshots to point out necessary areas of the software
(For example, tools menu).
ASSESSMENT
35
Session 8: Create Text Boxes and Pull Quotes
Learning Objectives:
At the end of this session, you will be able to:
Explain the purpose of text boxes.
Use text boxes and pull quotes in word processing software.
RELEVANT KNOWLEDGE
A text box is used for placing a block of text in a document. Though a text box can be
placed anywhere in a document, it is usually used for highlighting key points that are
indicated within quotes ( i.e. “”).
Teamwork
Teamwork refers to efforts made by individuals in a team who work together to
achieve a common goal.
36
2. Select View > Toolbars > Drawing (if it is not available). Drawing toolbar will
be available at the bottom of the Word Processing window (figure below).
37
i. Select a style such
as dotted line,
dashed line, etc.
from Style
dropdown menu.
ii. Choose a color
from Color
dropdown menu.
iii. Specify the width
of the line by
specifying a size
from Width
numeric box.
iv. Click OK.
c. To include background color,
shadow effects, etc. click
Area… from the popup menu.
Area dialog box appears as
shown adjacent.
i. Select a solid color
from Fill dropdown or
choose a shade from
Gradients tab, apply
shadow effects from
Shadow tab.
ii. Click OK when done.
Notice the document containing text annotated through a sample pull quote;
experiment by selecting different line styles, fill colors, etc. and observe the results.
EXERCISE
38
Perform the following activities until you are confident:
S.No. Activities
1. Create a one page article on the following topics (choose one):
a. Astronauts
b. Albert Einstein
c. Mahatma Gandhi
d. Success
e. Entrepreneur
f. Leadership
Insert text box to position quotes within the article. Use the
following quotes for inserting into relevant topic.
a. That's one small step for a man, one giant leap for mankind.
—Neil Armstrong, 1969
b. E=mc². —Albert Einstein, 1905
c. "Live as if you were to die tomorrow. Learn as it you were to live
forever", “We must become the change we want to see in the
world.”, “Be the change that you want to see in the world.”,
“Anger and intolerance are the enemies of correct understanding.”.
– Mahatma Gandhi.
d. “The only place where success comes before work is in the
dictionary.” - Vidal Sassoon
e. “My son is now an ‘entrepreneur’. That’s what you’re called when
you don’t have a job.” - Ted Turner
f. A leader is a dealer in hope. —Napoleon Bonaparte. Education is
the mother of leadership. —Wendell Willkie. The supreme quality of
leadership is integrity. –Dwight Eisenhower.
ASSESSMENT
39
Session 9: Use Word Art / Font Work with Special Effects
Learning Objectives:
At the end of this session, you will be able to:
Explain the purpose of Fontwork / Word Art.
Use the Fontwork feature of word processing software.
RELEVANT KNOWLEDGE
Fontwork is a text-styling utility. It allows users to create stylized text with numerous
"special effects" such as textures, outlines, etc and many other manipulations that are
not available through the standard font formatting. This is also referred to as WordArt
in some word processing software.
You can add special effects to text such as Shadow, 3-D Rotation, etc. to make text
visually attractive. You will learn to use Fontwork by creating a poster for Children’s
day. Do the following:
1. Select View > Toolbars > Fontwork (figure below, left). Fontwork toolbar
appears (figure below, right).
40
5. You can customize the text further by
adding 3-D effects. Use the 3D-
Settings toolbar to modify the
settings (3D-Settings toolbar appears
when a Fontwork is selected).
EXERCISE
S.No. Activities
1. Apply Fontwork to the titles created in the previous session.
2. Apply different shadow and 3D effects to the Fontwork applied
earlier.
ASSESSMENT
41
Session 10: Use SmartArt
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of SmartArt.
2. Use different SmartArt graphics.
3. Apply SmartArt styles to a SmartArt graphic.
RELEVANT KNOWLEDGE
SmartArt is a set of editable & formatted diagrams in word processing software that
are used to create organizational charts, process diagrams, relationship diagrams,
etc.
When you want to present a flow chart, a good visual diagram can help you easily
explain the flow or the steps involved. Some word processing software have a feature
called SmartArt using which, it is convenient and easy to create such diagrams. You
select a layout, colors, enter some textual data, and the diagram is created
automatically!
SmartArt categories
There are 115 preset SmartArt graphics layout templates in categories such as list,
process, cycle, and hierarchy. For example, if you would like to create a diagram to
represent a process flow, you can use the Process SmartArt Style.
42
7. Pyramid- Use this style to display relationships with the largest component at
the top or the bottom.
43
Notice the flow chart created looks similar to the one here.
If you want to enhance the visual effects, you can choose from the SmartArt Styles
available in Design tab. To apply a style, double-click the SmartArt.
Select subtle effect from the SmartArt Styles dropdown list. Notice the effect applied
to the SmartArt (figure below).
If you want to modify the SmartArt by adding colors, you can choose a color scheme
from Change Colors dropdown in SmartArt Styles group. For example, select Colorful-
Accent colors from the Change Colors dropdown menu. Notice the color scheme
applied to the SmartArt (Figure below).
44
Use the Promote & Demote option in Create Graphic group to promote or demote
levels in a list (for example, replace step 3 with step 2 and vice versa).
EXERCISE
S.No. Activities
1. Create an organizational chart of school administration using
SmartArt.
2. Create a process chart for Life Cycle of a butterfly/ silk moth using
SmartArt.
3. Create a Nutritional Food Chart.
ASSESSMENT
45
Session 11: Control Text Flow
Learning Objectives:
At the end of this session, you will be able to:
Explain what a Text Flow is.
Use Text flow in documents.
RELEVANT KNOWLEDGE
When you read newspapers or magazines, you might have noticed text content span
across different pages. When entering text there must be some way wherein the text
flows from one text box to another on a different page.
You might have noticed that the first five to six lines of a news item may be present
on the main page and rest of the news content continue several pages away. Have you
ever thought - how do the editors control the content and its flow across pages?
Editors use special procedures to control text that can span across multiple pages
through a feature built-in within the word processing software.
Text flow is a word processing feature that can help in controlling text flowing across
multiple pages. Text flow is created using “Frames”; Frames are similar to text boxes
but can be “linked” to provide flow between them.
46
4. Uncheck Autosize in
the Size section
(figure adjacent) to
keep the height of the
frame fixed. Click OK.
Notice the frame
displayed in the
document (figure
below).
b. Notice the cursor change to hyperlink-like symbol. Now place the cursor
over second frame and click. This will create the link between these two
frames; notice the dotted line displayed indicating the link between the
frames (figure adjacent).
7. Enter the following content in the first frame:
47
Optimism
Common sense
Responsibility
A sense of humor
Honesty
These are also abilities that can be practiced (but require the individual to genuinely
like other people) such as:
Empathy (sensitivity to others views/feelings)
Teamwork
Leadership
Communication
Good manners
Negotiation
Sociability
Ability to teach.
It's often said that qualifications and expertise (often called “hard skills”) will get you
through an interview but you need soft skills to get (and keep) the job. Many people
often refer to 'soft skills' as 'people skills' or 'emotional intelligence'. Hard skills are
the technical abilities required to do a job or perform a task: essentially they are
acquired through training and education programs.
Some studies have shown that a person's ability to manage his or herself and relate to
other people-matters twice as much as intelligence or technical skills in job success.
Results of recent studies on the importance of soft skills indicated that the single
most important soft skill for a job candidate to possess was interpersonal skills,
followed by written or verbal communication skills and the ability to work under
pressure.
The work environment is constantly changing due to technology, customer-driven
markets, an information-based economy and globalization. These factors impact on
the structure of the workplace and lead to an increased reliance on, and demand for,
soft skills.
Soft skills are not a replacement for hard/technical-skills. They are, in many
instances, complementary, and serve to unlock the potential for highly effective
performance in people qualified with the requisite hard skill.
8. Notice the text continues to fill in the second frame automatically. You can also
link multiple frames using the above mentioned procedure.
EXERCISE
S.No. Activities
1. Design a two page article using your own words on one of the
following topics:
a. Air Pollution
b. Discipline
c. Child Labour
d. Online Advertisement (website)
e. Electronic Newsletter
f. Email etiquettes
g. Stress Management
h. Resume writing service
i. Job / Employment Portals
j. Interview Preparation
Use the following guidelines:
a. Create Frames on both the sides and link the Frames.
b. Fill the frames with continuous content such as advertisement
samples or quotes relevant to the topic.
ASSESSMENT
49
Spreadsheet
Session 1: Insert and Modify Pictures and ClipArt
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
You have learnt to work with pictures and clipart in earlier sessions using word
processing software. You can insert pictures and clipart in spreadsheet software as
well.
You can download clip arts and use them in a spreadsheet. Some of the websites that
provide clip arts include:
http://www.openclipart.org/
http://office.microsoft.com/en-us/clipart/default.aspx
http://www.barrysclipart.com/
http://classroomclipart.com/
1. Go to www.openclipart.org.
2. Search for the required clip arts by using relevant keyword. For example to find
clip arts related to a camera, type “Camera” in the search box and click
Search.
3. Notice the results displayed (figure adjacent).
4. Select a clip art from this list, click PNG (download button). Save the clipart.
50
You can also add clip arts to the
“Gallery” that is built-in with
word processing software. To
manage clip arts, do the
following:
b. Replace “New Theme” with “Camera”, select Files tab (figure above
right).
c. Click Find Files…. Browse and select the folder that has clip arts, click
OK. Notice the list of clip arts displayed.
d. To add a single picture, select the picture and click Add.
51
e. To add all the pictures, click
Add All….
f. Click OK. Notice the new theme
created along with clip arts
(figure below).
You can add a clip art into a spreadsheet by either inserting a copy or by linking it to
the spreadsheet. Linking helps save overall space occupied by the spreadsheet, as the
clip art is only linked and is displayed from the original location. However, a linked
clip art will not be displayed when the spreadsheet is viewed from another computer,
since the clip art is available only on the computer where the spreadsheet was
created. Hence, it is recommended that you insert a copy when you intend to send
the spreadsheet to someone else. To insert a clip art, do the following:
52
2. Select Size and Properties option and specify the desired width & height of
the picture just as you do in a word processor.
You can apply special effects to enhance the appearance of a clipart or picture.
Adding special effects can make the spreadsheet look attractive.
1. When you select the picture, the Picture toolbar appears below Standard
toolbar (figure
adjacent).
2. You can apply pre-defined filters to the picture. Click
dropdown arrow from a popup appears similar to the one
adjacent.
3. To apply a filter, click corresponding icon from this list. (Hint:
Move your cursor over each effect to identify the effect. Some
display a popup for additional settings, experiment with each
one of them and observe the results).
EXERCISE
S.No. Activities
1. Create a ready-to-print one page spreadsheet for the following
(Choose one):
a. Travel Itinerary for a Travel agency.
b. Medication Schedule.
c. Hotel Menu Card.
d. School Time Table.
Use the following guidelines:
a. Include relevant fields & content for the topic selected.
b. Include relevant pictures or clip art.
c. Use appropriate picture effects.
ASSESSMENT
53
Answer the following questions
54
Session 2: Draw and Modify Shapes
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
You have learnt to work with shapes using word processing software in earlier
sessions. You can also use shapes in spreadsheets to annotate or insert comments to
compliment the data / data analysis.
Inserting a shape
You can insert shapes such as lines, basic geometric shapes, arrows, flowchart shapes,
stars, banners, and callouts using the items in Drawing toolbar (figure below).
To
Modifying a shape
55
1. Right-click the callout and click Area…. A Area dialog box appears as shown
below.
a. Select a fill color from the
list.
b. To apply shadow effect, select
Shadow tab. Check Use
Shadow and select a shadow
color.
c. To apply gradient effect,
select Gradients tab. Select a
gradient of your choice.
2. Click OK. Notice the effect applied
to the callout (figure below).
EXERCISE
S.No. Activities
1. Create a marksheet with your marks scored in earlier exams. Use
callouts to indicate the reason for marks higher and lower than 60%.
ASSESSMENT
56
Session 3: Illustrate Workflow Using SmartArt Graphics
Learning Objectives:
At the end of this session, you will be able to:
Click Start > Programs > Microsoft Office > Microsoft Excel.
You can illustrate a sequence of actions or events such as different phases of a project
or process by using SmartArt in spreadsheet software. Workflow consists of a
sequence of actions where each step has a precedent before the next action or step
can begin. You can basic workflow process using SmartArt.
Workflow process can vary from simple to complex structures. It is widely used in
almost every business today, ranging from manufacturing, production to research &
development, etc.
57
3. Notice, the recruitment process
defined here is a continuous
process. The cycle SmartArt
graphic illustrates a continuous
process. Select Cycle from the list
4. Select Basic Style and click OK. A
SmartArt graphic similar to the one
below is displayed.
5. You need to add text to illustrate the workflow process. To modify the default
text, enter the following under Type your text here section:
o Post Job Description & required qualification.
o Collect resumes.
o Match skill sets.
o Conduct preliminary assessments.
o Shortlist potential candidates.
o Conduct face-to-face interviews.
o Finalize candidates.
o Provide employment offer.
o Complete hiring formalities.
58
Modify a SmartArt
To enhance visual appearance of the SmartArt, you can use the Design tab to
customize the color, style and layouts. To apply a style, do the following:
Use List, if you want to illustrate a listing that do not follow a step-by-step
process.
Use Process, if you want to illustrate a one way process.
Use Cycle, if you want to illustrate a continuous process.
Use Hierarchy, if you want to illustrate tree structure such as an organizational
chart.
Use Relationship, if you want to illustrate connections between sets.
Use Matrix, if you want to illustrate how parts relate to a whole.
Use Pyramid, if you want to illustrate a top to bottom proportional
relationship.
EXERCISE
S.No. Activities
1. Create a family tree using hierarchy SmartArt.
2. Apply different effects to the SmartArt Graphics.
3. Illustrate an ecological pyramid. Hint - An ecological pyramid is a
59
diagram that shows the relative amounts of energy or matter
contained within each trophic level (producers, herbivores, carnivores
etc) in a food chain or food web. You can use the Pyramid SmartArt
here and create a Number pyramid.
4. Apply different SmartArt Styles to the SmartArt graphic created
earlier.
ASSESSMENT
60
Session 4: Layer and Group Graphic Objects
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
You have already learnt to group graphical objects in word processing and
presentation software. You can also group graphical objects in spreadsheet software.
Grouping can help when you want to simultaneously move, rotate or resize multiple
objects in a workbook. You can group objects such as pictures, clip art, shapes and
text box. Once grouped, they appear as a single object.
Layers
When working with graphical objects such as pictures, clip arts, shapes, etc., each
object is layered on top of each other. For example if you insert a picture over data,
the picture overlaps hiding the data and likewise if you draw a shape over a picture,
the shape overlaps hiding the picture. You can
rearrange layers according to your requirement after
inserting several pictures, clip arts or shapes.
Notice the graphical objects overlap each other. In this example, a digital camera
overlaps a rectangle box, which in turn overlaps the surveillance camera clip art.
1. Select an object.
2. Select Format > Arrange (figure below).
3. Click Bring to Font to bring it to the front
(foremost layer).
4. Click Send to Back to make it as the last layer.
Grouping Objects
61
Sometimes, you work on a spreadsheet that has multiple graphical objects, each
object being placed with great care at a relational distance from each other. To move
them all to another position would mean spending effort in positioning them once
again. So what’s the solution?
Grouping can help in organizing a group of objects to act like one single object
making them easier to move in a worksheet.
EXERCISE
S.No. Activities
1. Insert at least 5 different objects and group them as a single object.
ASSESSMENT
62
Session 5: Goal Seek
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
Goal seek is a special and very useful feature of spreadsheet software. This feature
allows you to alter the data used in a formula in order to find out what the modified
results will be. Basically, goal seeking is the ability to calculate backwards to obtain
an input that would result in a given output. This is also referred to as the what-if
analysis or as back solving.
For example, if you want sell a book worth Rs.500 with a sales target of Rs. 30,000
but are unsure of how many books you need to purchase and sell, you can use the goal
seeking method to create a forecast. This function helps you to see how one element
of data in a formula affects another.
To learn about this feature of spreadsheets, you will first create a scenario with the
example discussed above and then create a forecast using goal seek.Do the following:
63
b. Specify the cell reference as B2 in the Variable Cell text box;
spreadsheet software will change
the goal value until it completes
matching the target income.
c. Select the Target Value text box
and enter the goal, 30000.
d. Click OK. Notice the popup
message that displays the progress for computing
the value necessary to reach the goal value.
e. Click Yes.
This feature can be very useful in loan or investment calculation. Another scenario
where this feature can be used is to answer the “what-if” questions people ask after
elections (for example, how many votes would have been needed to win, etc.).
EXERCISE
S.No. Activities
1. Your business has a profit of Rs 37,500. You have set a new profit goal
of Rs 65,000. Currently, you are selling 1500 items at Rs 25 each. If
you still sell the same number of items, calculate by how much you
should raise your prices to achieve your target. Find the solution using
Goal Seek.
2. Using the same conditions as above, if you decide that changing the
price is not a good idea, but rather you should sell more items,
calculate how many more items need to be sold to achieve the same
target. Find the solution using Goal Seek.
ASSESSMENT
64
Answer the following questions
65
Session 6: Analyze Data with Logical and Lookup Functions
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
When you need to perform complex calculations and data analysis, you can use the
powerful functions of a spreadsheet - Lookup function and Logical function.
For example, if you have a large database of customers and you want to find out
customers by location, town, etc. you can use a combination of logical and lookup
functions for your data analysis.
Lookup functions are used to return a value from a single column or from an array. For
example, if in one sheet of a spreadsheet, you have a parts list in a table containing
thousands of part numbers and their description and other details (supplier, price
etc.). On a separate sheet in the spreadsheet, you have the Invoice with columns for
Part Number, Description, Quantity Sold, Price, and Total. Now, when you enter the
part number in the Part Number column of the Invoice sheet, the VLOOKUP function
can be used to automatically search for and get the related details of the input part
number (description, price, etc).This has a two pronged benefit:
Logical Functions
AND Function
The AND function returns TRUE if all the argument results are true and
returns FALSE if one or more argument results are false. To understand
AND function
66
1. Open a new worksheet and enter the above data.
2. Type the following in cell B2 & B3 =AND(5<A2;A2<100) and press Enter.
a. The AND function will display TRUE if the number is within the range of 6 to
100 and the value is greater than 5.
b. The AND Function will display FALSE if the value is not within the mentioned
range. Notice the result in the column where the formula was entered.
OR Function
Returns the value TRUE if any argument is true and returns the value
FALSE if all arguments are false. To understand the OR function.
IF Function
NOT Function
The NOT function returns reversed logical value i.e. if it is used for a true expression,
FALSE is returned, but, if it is used for false expression, TRUE is returned. To
understand the NOT function:
67
TRUE() and FALSE() Functions
The TRUE() function returns the logical value TRUE in its cell. Similarly, FALSE()
always evaluates to logical value FALSE. These functions are used with other
functions.
TRUE() or FALSE() can be used for testing purposes to force a certain value to be
returned. For example, consider the IF statement:
IF (logic_test;true_value;false_value).
If logic_test evaluates to TRUE, true_value is returned, otherwise false_value is
returned.
Lookup Functions
Lookup functions return values by looking up a table. Most popular lookup functions
include the VLOOKUP and HLOOKUP. These functions are available under Lookup &
Reference dropdown in Function Library group under Formulas tab.
Note: VLOOKUP needs data to be sorted in ascending order; sort the data before
attempting to use the function in a spreadsheet.
VLOOKUP looks for data vertically (top to bottom) until it locates a value that
matches your query. HLOOKUP looks for data horizontally (left to right) until it locates
a value that matches your query.
Lookup functions are used when you have a huge amount of data to analyze and take
decisions. To understand the VLOOKUP function, you will work on an exercise that is
based on the assumption that the spreadsheet has a lot of data and that you need to
find out the department of a person by
specifying the Employee ID. Do the following:
=VLOOKUP(lookup_value,table_array,col_index_num,[range_lookup])
Lookup_Value is the value you want to search for in the first column of the
table_array. In this case, it is the Employee ID (A3).
68
Table_Array is the data range to be searched. In this case, it is A1:C4.
Col_Index_num is the number of the column in the table_array that contains
the data you want returned. In this case, it is the third (3) column that refers
to department.
Range_lookup is the logical value that returns - either TRUE or FALSE. This
value indicates if VLOOKUP should return an exact value or an approximate
value.
o If TRUE, an exact or approximate match is returned. If the exact match
is not available, then the next largest value is returned.
o If FALSE, only an exact match is returned. If the exact match is not
available, then the error value #N/A is returned.
To understand HLOOKUP, you will work on an exercise where it is assumed that the
records or data are available horizontally (figure above) and that you need to find out
the Department of a person using the Employee ID. Do the following:
=HLOOKUP(lookup_value,table_array,row_index_num,[range_lookup])
Lookup_Value is the value you are searching for in the first column of the
table_array. In this case, it is the Employee ID (D3).
Table_Array is the data range to be searched. In this case, it is A1:C4.
Row_Index_num is the row referenced for returning respective value. In this
case, it is the third (3) row that refers to department.
Range_lookup is the logical value that returns TRUE or FALSE; this value
indicate if HLOOKUP should return an exact value or an approximate value.
o If TRUE, an exact or approximate match is returned. If the exact match
is not available, then the next largest value is returned.
o If HLOOKUP value is smaller than the smallest value, the error value
#N/A is returned.
In this session, you have learnt about the fundamentals of logical & lookup functions.
You can perform complex analysis by combining the functions with different
arguments. You can also use data from different columns, rows, worksheets or
69
spreadsheets for data analysis. Refer to the spreadsheet help file for more syntax,
constraints and examples to learn more about logical & lookup functions in detail.
EXERCISE
S.No. Activities
1. Create a spreadsheet with the following data:
ASSESSMENT
70
Session 7: Manage Themes
Learning Objectives:
At the end of this session, you will be able to:
RELEVANT KNOWLEDGE
Themes are used to format a spreadsheet and make it look attractive. For example,
you can create attractive scorecards, business reports or invoices to customers (email
or color print) by using themes.
You can apply themes to existing documents, documents created from templates or a
even a blank document.
71
3. Select Paper theme from Themes dropdown (sample below) and observe the
changes. Select different themes until you find a theme that fits your need.
You can customize the look and feel of a workbook by modifying the theme color,
theme font and theme effects available under Themes group (figure below).
For practice, change the theme color to Oriel and observe the change.
Now change the theme font to Technic and observe the difference. Now change the
theme effect to Equity and observe the change.
You can save themes for future use once it is customized. To save a theme, do the
following:
Downloading Themes
You can download and use themes in a workbook. Use search engine such as Google to
find download themes from different websites. To apply the theme downloaded
earlier, do the following:
73
1) Select Page Layout tab.
2) Select Themes dropdown under Themes group.
3) Click Browse for Themes. Select the theme downloaded to your computer and
click Open. Theme will be applied to the spreadsheet and results will be
displayed on the screen.
EXERCISE
S.No. Activities
1. Create a personal monthly budget by using appropriate template and
customize it to suit your needs.
2. Apply different themes to the spreadsheets created earlier.
ASSESSMENT
74
Session 8: Create and Use Templates
Learning Objectives:
At the end of this session, you will be able to:
Create templates and save it for future use or for sharing with others.
RELEVANT KNOWLEDGE
Templates can help you save time and effort because all the work it takes to design a
workbook has already been done. You can use templates that are built-in within the
spreadsheet software or create your own templates.
To create a template, first you need to create a spreadsheet as per your requirements
and then convert it to a template. You can create templates for a variety of purposes
such as invoices, bills, feedback forms, quiz, etc.
To create a template of a bill that auto calculates the price with sales tax, do the
following:
75
4. Enter a file name, for example, My Bill sample. Click Save.
Now you can use this template whenever you need to raise a bill. To create a
spreadsheet based on this template, double-click the template; a new spreadsheet
will be created based on this template and displayed.
You can add this templates to your template collection. Do the following:
76
Templates added through this method makes the template available in the Templates
and Documents view.
Downloading templates
http://templates.openoffice.org
http://www.tutorialsforopenoffice.org/tutorial/Calc_templates.html
EXERCISE
S.No. Activities
1. Create a spreadsheet template for storing and calculating your exam
scores. You will be using this template for later exercises. So save it
as Exam_{yourname}.
For each subject, have an internal assessment and a Term
Assessment. Create columns for:
1. Marks for Term I and Term II.
77
2. Percentage for each term for each subject.
3. Average percentage for the year for each subject.
4. Aggregate percentage for the year.
ASSESSMENT
78
Session 9: Update Workbook Properties
Learning Objectives:
At the end of this session, you will be able to:
Update workbook properties such as details about the Author, Title, Subject,
Keywords, etc.
RELEVANT KNOWLEDGE
Workbook properties contain information about the workbook such as the author of
the workbook, date and time when the workbook was created and modified, etc. This
information is referred to as metadata.
Adding information about author, company, etc. can help in identifying the source of
the document. For example if you need to report an in error in a document, it will be
easy it you know information about the author or the company.
You might also want to view a workbook's properties to find out information about the
workbook. For example, you might want to find out the name of the workbook owner
or the date that the workbook was created or last saved.
79
EXERCISE
S.No. Activities
1. Update all the spreadsheets created earlier using the following
guidelines:
a. Use your name as the Author Name
b. Fill in the title as Spreadsheet Exercise.
c. Type a detailed comment about the exercise in about 50 words in
the Comments field.
ASSESSMENT
80
Session 10: Create and Edit Macros
Learning Objectives:
At the end of this session, you will be able to:
Understand Macros.
Create and edit macros.
RELEVANT KNOWLEDGE
Macros are used for storing a sequence of action that can help reducing time and
effort while performing repetitive tasks. In other words, when you find yourself
performing the same actions or tasks in a spreadsheet, again and again, it is useful to
create a macro.
A macro is a recording of each command and action you perform to complete a task.
Once you have created a macro, whenever you need to carry out that particular task
in a spreadsheet, all you need to do is to run the macro!
Macro recorder works by recording all keystrokes and clicks of the mouse.
To understand how to use macros, you will first open a new workbook in spreadsheet
software and then format the worksheet title.
Editing Macros
You can modify a macro to include additional sequences or remove certain sequences.
Though macros are usually created for automating tasks, it is possible to create
macros programmatically that can run programs or spread virus on a computer.
Spreadsheet containing macros are considered to be a high risk. This is because when
a spreadsheet containing macros is accessed from another computer, most
spreadsheet software disables the macros by default. This results in reduced
functionality of the workbook itself as the macro is disabled and the user may have to
follow additional procedures.
EXERCISE
S.No. Activities
1. You had created a spreadsheet template for storing and calculating
your exam scores in earlier sessions.
Modify that spreadsheet by applying a theme, customize the font and
include logical function to automatically determine your grade level
82
(Include Grade level Distinction, Good, Average and Below Average).
Complete the steps by recording a macro and share it among the
class.
ASSESSMENT
83
Presentation
Session 1: Work with a Design Template
Learning Objectives:
At the end of this session, you will be able to:
Understand templates
Customize a design template
RELEVANT KNOWLEDGE
In presentation software, there are many in-built design templates with various
layouts, formatting and colors. These combinations help you to create eye-catching
presentations. You have learnt to work with templates in earlier sessions using word
processing and spreadsheet software. You can also work with templates in
presentation software. Templates or presentation templates refer to a sample design
that helps in saving your time and effort.
Sometimes, in a template, you may find sample content along with designs. For
example, if you want to inform the audience about an idea regarding the launch of a
product using a presentation, you can choose a relevant template and then modify
the required sections.
1. Click Start > Programs > OpenOffice.org 3.4 > OpenOffice.org Impress. A
Presentation Wizard appears.
2. Select From template under Type in the Presentation Wizard.
84
3. Notice the list of templates available.
Select Introducing a New product,
and click Create. A presentation
based on the template opens (figure
adjacent).
4. Now you can customize the contents
by replacing the title and contents.
5. Save the presentation.
More Templates
Presentation software includes a limited set of templates. If you want to use more
templates, you may download and install template collection from OpenOffice.org
website (Steps listed below).
1. Go to http://extensions.services.openoffice.org/en/project/modern-impress-
templates and click Get It button to download.
2. Save download in a folder. The downloaded file will look
similar to the one adjacent with an extension .OXT.
3. To install, open the presentation software.
4. Select Tools > Extension
Manager…. An Extension
Manager dialog box appears as
shown adjacent.
5. Click Add… button. Browse
and select the downloaded file
(.oxt), and then click Open.
You may notice a popup similar
to the one below:
6. Click For all users, and an End User License Agreement may be displayed,
Scroll down till the end of the agreement and click Accept. Notice the
template pack is installed and displayed.
7. Click Close and exit the presentation software.
85
Note: You may also double-click and install extension directly from the downloaded
folder.
Creating a template
Sometimes the built-in templates may not suffice your design needs. In such cases,
you can customize a template and use it for other presentations you create. To
customize an existing design template, do the following:
You can now use this customized design template to create other presentations. To
use this customized design template, do the following:
Customizing a template
86
EXERCISE
S.No. Activities
1. Create a presentation on one of the following:
a. Electricity Consumption & Saving
b. Water Treatment (Recycling)
c. Solar Energy
d. Wind Energy
e. Nuclear Energy
Choose a design template, select theme color to match the selected
topic. Summarize the points on the slides and provide detailed text in
the notes for each slide.
Apply different themes to the presentation and observe the changes.
Save the presentation with the name DESIGN TEMPLATE_{yourname}.
The presentation will be used in later sessions too.
2. Download Presentation templates from the following websites:
a. http://templates.openoffice.org
b. http://www.presentationmagazine.com/free-open-office-
impress-templates-91.htm
Customize the templates by modifying fonts, colors, etc. and use
them for your presentations.
ASSESSMENT
1. You should select _________ option under Type in the Presentation Wizard.
2. Extension Manager is available under ___________ dropdown menu.
3. File extension for Presentation templates: _____.
87
Session 2: Using the Slide Master
Learning Objectives:
At the end of this session, you will be able to:
Explain the concept of a slide master
Customize the slide master
RELEVANT KNOWLEDGE
In the last session, you used in-built templates found in a presentation software.
However, you may wish to create your own template so that certain features, such as
a predefined background, your organization’s logo or company colors are always
present. These templates
are called Master Slides.
When you launch a presentation, the default design template or theme is a plain,
white slide. This is created from the slide master. A slide master controls the overall
formatting and object placement for the presentation and stores information about
the template, such as font styles (type, color and size), placeholder sizes and
positions, background design, color scheme information and special effects (e.g. text
shadowing). Slide masters also allow you to insert common elements on every slide,
for example, a common footer, slide number, copyright line, logo, or even pictures.
All slides in a presentation are created using the fonts, colors and graphics specified
in the slide master. Each new slide takes on these features. When you want to make a
global change to the appearance of your slides, you need to make changes on the
slide master and automatically the change ripples on all slides created using that slide
master.
This feature is very useful when you want all slides in your presentation to use similar
fonts, formatting, colors, and graphics. It saves time and the effort of applying
repetitive formatting. You can customize an existing slide master and create a
template for your personal use. Presentation software includes several tools to
88
control the look and functionality of the slides. Slide Master View helps you to control
the themes to make the presentation look consistent across all the slides.
Open a new presentation in the presentation software. To work with Slide Master
view, do the following:
89
6. Select Presentations under Categories (figure adjacent).
7. Type a new for this template in New template, for example Design1. Click OK.
8. Click Close Master View.
You may also use settings from other Slide masters available in the presentation
software.
Now try inserting different slide layouts in the presentation; observe the results as an
effect.
EXERCISE
S.No. Activities
1. Create a template by editing the slide master using the following
guidelines:
a. Modify the borders of the Title Area.
b. Change the font to Century Gothic.
c. Apply a background picture instead of color.
Apply this custom template to the presentations created in the
previous session.
ASSESSMENT
90
Session 3: Create Headers and Footers
Learning Objectives:
At the end of this session, you will be able to:
Work with headers and footers in presentations.
RELEVANT KNOWLEDGE
You have learnt that you can use the slide master to insert information globally across
slides. One such item, usually required is headers and footers. You have learnt to
create headers and footers in documents using word processing software. You can also
add headers and footers to the slides using presentation software. As you already
know, headers and footers help to:
1. Include important information about the slides for the presenter (or audience),
such as the date when the presentation was created or delivered.
2. Brand the slides with your company name.
3. Automatically place a slide number on each slide.
1. Open a new
presentation.
2. Select View > Header
and Footer. A Header
and Footer dialog box
appears (figure
adjacent).
3. To include a date
and/or time, check
Date and time and do
either:
a. If it is a fixed date, Select and type the date and time in Fixed text
box.
b. Select a date from calendar using the dropdown arrow below
Variable option.
4. The footer text can be entered in the Footer text text box.
5. To include slide numbers, check the option Slide Number.
6. Click Apply to All.
Now play the slide show and observe the results displayed on the screen.
91
EXERCISE
S.No. Activities
1. Open an existing presentation. Add your school name to the footer
along with current date.
ASSESSMENT
92
Session 4: The Handout Master
Learning Objectives:
At the end of this session, you will be able to:
Work with the handout master.
RELEVANT KNOWLEDGE
3. Notice the different handout layouts under Layouts pane. To set 9 Slides per page,
Select Nine Slides (figure above) under Layouts Pane (left).
93
4. Modify Header and Date/Time (figure above) if required, using View> Header and
Footer.
Handout elements are not visible on the screen as they are meant for printing
purposes. To confirm the changes you have made, print the handouts.
EXERCISE
S.No. Activities
1. Open the presentation created in previous sessions.
Use the Handout Tab to customize printing 9 slides per page.
ASSESSMENT
94
Session 5: The Notes Master
Learning Objectives:
At the end of this session, you will be able to:
Work with notes master.
RELEVANT KNOWLEDGE
Notes master view is used for setting up header, folder and layout of printed notes.
A notes page contains a reduced image of your slide, and notes that go along with the
slide. The format of notes pages is specified in the Notes Master. Remember to add
page numbers to your speaker notes so that if you drop a stack of notes pages, you
can use the page numbers to quickly sort them back into order! To work with notes
master, open an existing presentation in which you can add notes for practice.
2. You can customize the orientation, header, footer and slide position on the
page. Notes master has two placeholders by default; one for the slide and one
for the notes.
a. For example if you want to reduce the space taken by the slide when
printing notes and change the page orientation, you can use the notes
master to:
95
i. Resize the Slide area to make it smaller.
ii. Modify font family and font size for notes.
b. You can also insert logo’s (Select Insert > Picture > From File…) that are
printed along with the notes.
3. Click Close Master View when done.
EXERCISE
S.No. Activities
1. Open the presentation created in the earlier sessions. Modify it to
include the subject as the header, resize the slide area to fit about
25% of the printable area and add a logo on the right top corner.
ASSESSMENT
96
Session 6: Saving in a Different Format
Learning Objectives:
At the end of this session, you will be able to :
RELEVANT KNOWLEDGE
You can save your presentation in a variety of formats. You may need to do so if you
want to:
Send your presentation to someone but you do not want them to use your design
template, you can save and send the presentation as images.
Publish your presentation as a web page on your LAN or the Internet, you can save
the presentation as a webpage.
Send your presentation in PDF format (non-editable).
Save the presentation in Flash Format (Non-editable, suitable for web pages).
1. Open a new
presentation or an
existing
presentation.
2. Select a slide from
the list (Note that
you need to save
each slide one by
one).
3. Select File > Export.
An Export dialog box
appears (figure
adjacent).
4. Notice the list of file
formats displayed in
the dropdown such as
PNG (Portable Network Graphics Format), GIF, JPEG, etc.
5. To save the files in PNG, select PNG from the dropdown list. Type a name in
File name:, click Save. PNG Options dialog box appears as shown below.
97
6. If you want to modify height and width,
change the values in Width: and Height:
numeric boxes, Click OK. The slide will be
saved in PNG format at the specified
location.
98
6. Type your name in Author field, your email address in E-mail address, etc.
Click Next.
7. You may include a navigation menu to navigate between slides. Uncheck Text
only. Select a button style from this list, click Next.
Save as PDF
PDF or Portable Document Format is a widely used format. You can save your
presentation as a PDF file and send that to recipients using your email software.
99
1. Open an existing presentation.
2. Select File > Export as PDF….A PDF
Options dialog box appears as shown
below.
3. Click Export button. Give a file name and
click Save.
4. Notice the PDF created in the specified
folder. Open the PDF using Adobe acrobat
reader.
Note:
100
1. Select File > Save As….
2. Select Microsoft PowerPoint
97/2000/XP (.ppt) from Save as
type: dropdown list.
3. Type a file name and click save.
Now you may send this
presentation saved in Microsoft
PowerPoint format to others.
Note: If someone sends you a presentation in Microsoft PowerPoint format, you may
view or modify that using OpenOffice.org Impress.
EXERCISE
S.No. Activities
1. Save a presentation as an image (PNG format) using the procedure
leant in this session.
2. Save a presentation as a web page and share it with your class.
3. Save a presentation as a flash file and share it with your class.
ASSESSMENT
101
Session 7: Assignment
Learning Objectives:
At the end of this session, you will be able to:
Create a full fledged presentation utilizing your skills on a presentation
software
RELEVANT KNOWLEDGE
Guidelines
Before you design and deliver a presentation, use the following guidelines that can
help you make effective presentations:
102
Summarize the presentation towards the end. Be ready to accept questions
from the audience.
Include contact information at the end of the presentation.
EXERCISE
Create a presentation of about 10 – 15 slides for any two of the following topics:
National Flag
Hobbies
Social Service
Small Scale Industries
Droughts
UNO
Any topic of your interest from your course books
103
o Customize handouts to print 6 Slides per page.
o Include your name, data of presentation using headers and footers.
o Print and keep handouts ready.
104
Email Messaging
Session 1: Modify Message Settings
Lesson Objectives:
Sometimes it is necessary to alert recipients about the importance or sensitivity of
the information you are sending as well as making sure that your message has been
received and read. At the same time, as a recipient of e-mail, it is critical that
senders know when you will be able to respond to their e-mail. Moreover, when you e-
mail regularly to the same group of people, there is a great way to save time. In
addition, you may want to insert hyperlinks about resource in a mail you send. In the
following few sessions, you will learn about all these features of e-mailing software.
At the end of this session, you will be able to configure your e-mail to:
RELEVANT KNOWLEDGE
There are many email software available such as Microsoft Outlook, Mozilla
Thunderbird, Opera, Foxmail etc. You need to have one of them installed on your
computer. You can use these packages even if you aren’t connected to the network or
internet, although the e-mail messages can be received or sent only when this
internet connection is available.
To start you can choose any of the above software. Make sure that the software is
already installed in your computer. You can start using Mozilla Thunderbird software,
by performing any one of the following steps:
Note: If you are using any other email application software, the steps to start it
would be almost identical to these.
105
You have already learnt to work with e-mail messages using the e-mail messaging
software. E-mail messaging software allows us to modify settings such as importance,
confidentiality, set color category, delivery options, etc.
Message settings alert the recipient of the message about the importance and
sensitivity of a message. Both the message importance and sensitivity are indicated by
an icon after the message subject in the Inbox.
Priority
E-mail messaging software allows you to set priority for messages. For example, since
an exam schedule is of high importance, you can set the importance level of exam
related e-mails to highest.
106
Receiving a confirmation (Requires Exchange environment and/or ISP support)
Sometimes, when you send important messages, you may need a confirmation that
the e-mail message sent by you has reached the recipient. E-mail messaging software
can track delivery of messages. However, this is not a guarantee that the recipient has
read and understood the message.
Return Receipt
The e-mail recipients may choose to send the response by clicking on the Send Return
Receipt button. You will receive a message similar to the one adjacent only if the
recipient has clicked the Send Return Receipt option.
107
Categories
You have learnt to create color categories for appointments using Calendar. Now, you
will learn about a similar concept with mail messages.
When you have large number of mails in your inbox, it may be difficult to locate
specific messages. You can tag e-mails to
categorize and prioritize messages that
are easier to locate. For example,
messages marked as red mapped to
clients could mean a high priority, green
for mails from friends, etc.
108
Modify a tag
1. Select an e-mail message, right-click and select Tag > Manage Tags….
109
2. Click the Add button. A Create New Tag dialog box
appears as shown adjacent.
3. Type a name in Tag Name: text box and choose a color.
For example, type Clients and select violet color. Click
OK twice.
4. Notice the new tag available in the context menu (figure adjacent). Now you
can assign this tag on mails that you
receive from your clients.
Delay Delivery
110
7. Select a schedule and click Put in Outbox. The message will be sent
automatically at the specified time.
EXERCISE
S.No. Activities
1. Create a message containing exam schedule and do the following:
ASSESSMENT
111
Session 2: Change the Message Format
Lesson Objectives:
At the end of this session, you will be able to:
Understand message formats in e-mail software
Modify message format settings
RELEVANT KNOWLEDGE
You have already learnt how to compose e-mail messages. When sending e-mails, you
need to consider if the recipients have necessary support to view the e-mail as
intended. When a recipient views your mail using a e-mail software different from
yours, the message may appear distorted or garbled, making it difficult to read. In
such cases, you need to send the message in a format that is acceptable to the
recipient’s e-mail software.
112
HTML – This is the default message format in e-mail messaging software.
This format allows the user to add formatted text, images, and hyperlinks in
the message. Message composed using this format look like document.
Plain Text – This format of e-mail message enables the user to add only text
contents without any images or text formatting such as bold, italic, colors,
etc. This format is supported by all e-mail messaging software. You can use
this when you need maximum compatibility.
4. Notice the option Compose messages in HTML format is checked by default
indicating the default format is set as HTML.
Note: In most cases, you can leave the default setting as it is. Change the message
format settings only if the recipient is having issues viewing your mails.
Plain text format is a simple text format that has widest compatibility compared to
other formats. Since plain text format is pure text, mails composed using this format
are smaller and move faster compared to other formats. To change the format to
plain text, do the following:
HTML format is like that of a webpage containing text and graphics formatted in a
specific manner. Messages composed using this format appear as it would appear in a
web browser. HTML mails are used in scenarios that require attractive messages such
as a newsletter or marketing e-mails. However, since HTML mails contain graphics,
colors, tables, URLs, etc, they take up more mail space making the e-mail bulkier and
its movement is also slower compared to other formats.
Most e-mail software includes support for HTML format through a GUI editor for
composing mails and a rendering engine for displaying HTML mails. To change the
format to HTML, do the following:
113
4. Now compose a new e-mail message. Notice the Insert and Format dropdown
menus are now available as the default format is now set to HTML.
5. Send the message to a recipient and observe the format received by the
recipient.
EXERCISE
S.No. Activities
1. Compose a bi-monthly newsletter to be sent to all your classmates
based on the guidelines below:
a. Announce an activity to be held in school or neighborhood.
b. Include promotional pictures.
c. Use HTML format.
ASSESSMENT
2. To send e-mails in plain text format, you should ______ Compose messages in
HTML format option.
_______________________________________________________.
114
Session 3: Out Of Office Notification
Lesson Objectives:
At the end of this session, you will be able to:
Understand the benefits of Out Of Office notification
Configuring an Out of Office notification
RELEVANT KNOWLEDGE
To configure the out of office notification, as a first step, you need to create a
template that is used for automatically responding to received mail. Do the following:
4. Select Template.
115
Note: The template is
saved in the Templates
folder with titles based on
the text in Subject: text
box and you will not
receive any
acknowledgements. To
view this template, select
Templates folder (Figure
adjacent).
5. You need to create a
“rule” for Out Of Office
notification. Select Tools >
Message Filters. A
Message Filters dialog box
appears.
6. Click New…. A Filter Rules
dialog box appears as
shown below.
a. Type a name in
Filter name:, for
example OOO Reply.
b. You need to set a
criteria, for
example if you
want to send out of
office notification
to e-mails sent to
you, Select Match
any of the
following and
select To from the
first (left-most)
dropdown menu and
type your e-mail
address in the text
box (figure below).
116
c. Under Perform these actions: section, select the
first dropdown menu and select Reply with
template (figure adjacent). Notice the list of
template(s) displayed in the dropdown list next to
it (figure below). In this case the template saved
earlier is automatically selected.
Recipients will
automatically receive a
message similar to the
one adjacent. Notice
the message in the Subject.
You can also set up rules to forward mails from a specific client to a colleague who is
handing issues in your absence or to forward messages on a critical project to your
manager, or move messages to a specific folder from a particular e-mail address and
so on.
117
EXERCISE
Perform the following activities until you are confident:
S.No. Activities
1. Configure Out Of Office for Annual Holidays. Use the following
samples as guidelines:
Sample 1:
Thank you for your message. I am not available until DATE and I have
limited access to my E-mails.
If urgent, please contact - Phone +__________ or e-mail
__________________.
Regards,
Your Name
Sample 2:
Thank you for your message. I am not in the Office until DATE and I
have limited access to my E-mails.
If urgent, please contact - Phone +__________ or e-mail
__________________.
Regards,
Your Name
Sample 3:
I am currently out of the office and will respond to your e-mail when I
return on Date. If you need immediate assistance, please contact
Name at e-mail or phone.
Thank you,
Your Name
ASSESSMENT
118
Session 4: Create a Distribution List / Contact Group
Lesson Objectives:
At the end of this session, you will be able to:
Understand the what are distribution lists /contact groups / mailing lists
Create, use and print a distribution list
RELEVANT KNOWLEDGE
Distribution lists are stored in the contacts folder, where you can identify them by the
distribution list symbol.
119
a. Specify a name for this list, for example
my classmates in the List Name:
textbox.
b. Specify a nickname for this list
(optional), for example 11th Grade in
the List Nickname: textbox.
c. Specify a brief note (optional), for
example 11th Classmates list, Year
2013 in the Description: textbox.
120
d. You need to add contacts to this distribution list. Type the list of email
addresses in the Type email addresses to add them to the mailing list:
section; type one by one and press Enter for next entry. Repeat the
process until you have added all the email addresses.
e. Click OK. Now a distribution list is created.
121
EXERCISE
S.No. Activities
1. Create a distribution list for:
a. your school friends
b. classmates
c. your family
d. your friends at home
ASSESSMENT
2. You should click _______ from File Menu of address book to print a mailing list.
122
Session 5: Insert a Hyperlink
Lesson Objectives:
At the end of this session, you will be able to:
Work with hyperlinks in e-mail messages.
RELEVANT KNOWLEDGE
Hyperlinks are widely used in the Internet. A hyperlink is an object, text or a graphic
that links to another web page, e-mail address or network etc. E-mail messaging
software includes a facility for sending hyperlinks to recipients. This is very useful
when you need to send reference links to others via e-mail. By clicking the hyperlink
in an e-mail, you can quickly get to the resource.
3. Type the website URL in the text box below Link Location. For example,
http://www.google.com.
4. Click OK. Now send this message to a contact.
123
Inserting lengthy website hyperlinks can look odd or difficult to read. For example:
http://en.wikipedia.org/wiki/Etiquette_%28technology%29. You can insert text to
include lengthier hyperlink. To set hyperlinks through text, do the following:
If you want to send a list of hyperlinks in an e-mail for example a list of job websites
and important e-mail address, do the following:
124
EXERCISE
S.No. Activities
1. Compose a message with list of:
a. Job websites
b. E-mail addresses of recruitment consultants
Include the websites and e-mail addresses as hyperlinks.
ASSESSMENT
1. To insert hyperlinks, you should select _____ option from _____ dropdown
menu.
125
Session 6: Sort and Filter Messages Using Multiple Criteria
Lesson Objectives:
As messages accumulate, in your mailbox it becomes important to organize and find
messages as quickly as you can. In addition, you would want to filter out unnecessary
mails (advertisements etc.) rightly called Junk. The next two sessions guide you
through these options in an e-mail messaging software.
RELEVANT KNOWLEDGE
You have already learnt to create, send, receive and open e-mail messages. Over
time, searching for a particular e-mail message could prove to be difficult as your
mailbox might have innumerable mails.
To help you out, e-mail-messaging software has features to sort and filter messages
using single or multiple criteria. For example, if you want to locate a mail that has a
large attachment, you can sort mails by size and locate the specific mail from the
sorted list.
Sorting Messages
By default, messages are listed based on timestamp, with most recent mails at the
top. You can change the arrangement to suit your needs.
Mailboxes can be flooded within a short span of time. Messages from friends, colleges,
subscriptions, etc. need to proper management to avoid issues locating important
mails. However, an alternative is to use the filtering feature available in mail
messaging software to organize mails.
1. One way is to setup a folder and move e-mails from specific e-mail address to
be stored in that folder. Open the e-mail messaging software.
2. Create a folder for a specific e-mail address. For example create a folder
matching a sender’s e-mail address (refer adjacent figure).
126
3. Select Tools > Message Filters….
A Message Filters dialog box
appears (figure adjacent).
4. Click New…. A Filter Rules
dialog box appears.
a. From the first dropdown,
select From. Select is
from the second
dropdown list and type
the e-mail address in the
last column.
b. Under Perform these
actions: section, select Move Message to from first dropdown list.
Locate and select the folder in the second dropdown list (figure below).
c. Click OK.
d. Click Run Now. Notice the relevant e-mails are moved to the mentioned
folder. Also new e-mails will be delivered to this particular folder.
127
Using multiple criteria
In the previous case, mails from specific e-mail address were moved to a specific
folder based on single criteria. You can also include additional criteria to organize
mails. For example to move mails marked with high priority and sent to a particular e-
mail address, do the following:
Mails marked with high priority from the mentioned e-mail address will be
automatically moved to the mentioned folder.
128
EXERCISE
S.No. Activities
1. Sort messages based on the following guidelines:
ASSESSMENT
2. List any five options available under Sort By: dropdown menu. ___________,
__________, __________, __________ & ______________.
3. Message Filters option is available under ____________ dropdown menu.
129
Session 7: Manage Junk E-mail
Lesson Objectives:
At the end of this session, you will be able to:
Understand the concept of Junk Mails
Manage Junk mails in messaging software.
RELEVANT KNOWLEDGE
Junk mails, also known as Spam are the unwanted mails you receive (sometimes
unintentionally sent to you). You can configure the e-mail messaging software to filter
junk mails and keep your mailbox cleaner. Some junk mails anchor viruses that could
potentially harm a computer, remove data, send personal information from the
computer to unknown recipients, etc. and are considered extremely dangerous.
E-mail messaging software include spam filters that can block mails that have
potentially dangerous content such as scripts or viruses. Spam filters can be set either
for a specific e-mail account or globally across all e-mail accounts.
130
a. Enable adaptive junk
mail controls for this
account is checked;
this means the e-mail
messaging software
learns by monitoring
to classify junk e-mails
based on how you
manage junk e-mails
over a period of time.
For example if you
mark marketing e-
mails as spam
consistently, then all
similar mails will be
marked as spam in the
future. However if e-
mail messaging
software cannot
identify if the mail is junk or not, then it is not marked as spam.
b. Notice that Personal Address book is checked under Do not
automatically mark as junk if the sender is in: section. This means e-
mail messages from senders in your personal address book are not
treated as junk e-mails, thus acting as an effective “white list”.
c. Notice the settings under Destination and Retention section (figure
above).
i. Check Move new junk
messages to: if you want
to move messages to a
specific folder if they are
identified as junk e-
mails.
131
Once you have configured the settings, you may have to classify unwanted e-mail
messages as “Junk”. To mark an e-mail as junk, do the following:
From now on, any e-mail from this sender will be stored in the Junk folder instead of
Inbox. To move existing e-mails marked as junk to the Junk folder, do the following:
3. Select Tools > Run Junk Mail Controls on Folder. Observe all mails from this
particular sender are moved to the Junk folder.
132
1. Open an e-mail message and click on the e-mail address displayed next to To:.
A dropdown menu appears similar to the one below.
2. Click Edit Contact….A Edit Contact dialog box
appears as shown below:
To view your Personal Address book, click Address Book icon from the menu (figure
below, left). Notice the folders in your Address Book (figure below, right).
133
To configure spam filters for all e-mail accounts (globally), do the following:
EXERCISE
S.No. Activities
1. Block at least 3 e-mail addresses by marking them as Junk.
2. Add all your classmates e-mail addresses to your personal address
book.
ASSESSMENT
1. Explain the purpose of Junk Mail Filtering options in e-mail messaging software.
2. Explain the procedure to mark specific e-mails as “Junk”.
3. Explain the procedure to add contacts to “Collected Addresses”.
1. You should mark e-mails as _____ to send e-mails directly to Junk folder.
2.
134
Session 8: Set Workdays and Time in a Calendar
Lesson Objectives:
Suppose your normal workday hours need to change due to the needs of a new
project, or you have to coordinate appointment times with someone across the
country or the globe (different time zones) and need to indicate your availability. At
the same time, you may need to create a calendar group to send mails to. How would
you manage all these activities? Additionally, you receive so many meeting requests,
can you configure the system to automatically respond to them?
E-mail messaging software provides tools and options for you as a solution to all these
issues. In the next five sessions, you will learn about all these tools and options.
RELEVANT KNOWLEDGE
You have learnt how to work with calendar using e-mail messaging software. The
default workdays and work time are set in the e-mail messaging software. You can
configure the workdays and time according to your preferred schedule.
Typically, workdays start on a Monday ending Friday. However, in some countries and
even in some jobs, workdays could be different. To modify workdays and time in a
calendar, open the e-mail messaging software and do the following:
S.No. Activities
1. Modify your calendar to include a six day work week (Mon – Sat) with
a schedule between 7 AM – 7 PM.
ASSESSMENT
1. To change workweek, you should select _____ tab from options dialog box.
136
Session 9: Display an Additional Time Zone
Lesson Objectives:
At the end of this session, you will be able to:
Explain the concept of Time Zones
Work with Time zone settings
RELEVANT KNOWLEDGE
Places around the world have different time zones and calendar software is set to
match the current geographic schedule. Calendar software include option for adding
additional time zones; this could be beneficial to work if you are working with
colleagues from different time zone.
By default, e-mail messaging software displays the local time in your calendar.
3. Type “Time Zone” and Click Search. Select FoxClocks from the search results
and click Install.
4. Click Restart Now. The FoxClocks add-on will be installed and three time
zones will be displayed at the bottom of the calendar software (figure below).
137
To set additional Time zones, do the following:
b. To add a time zone, select time zone from the Zone Picker pane and
click Add >> button.
i. Expand Asia > Countries and select Singapore. Click Add >>.
ii. Expand North America > United States and select Central Time.
Click Add >>.
iii. Close FoxClocks dialog box.
4. Notice the time zones added.
138
EXERCISE
S.No. Activities
1. Add the following Time zones:
a. Malaysia
b. Qatar
c. Australia
d. Netherlands
ASSESSMENT
2. List any three time zones available in the Time Zone dropdown list.
____________, ___________ & _____________.
139
Session 10: Set Availability Options
Lesson Objectives:
At the end of this session, you will be able to:
Specify your availability in the messaging software
RELEVANT KNOWLEDGE
You have already learnt to share your calendar through e-mail. When you schedule
activities and share, the persons who you have shared with on viewing your calendar
can see your availability as either busy or a blank. Informing others about your
availability assists them in fixing a meeting or requesting an appointment with you.
You can indicate your availability by using the built-in indicators of the calendar
software.
Before you share your calendar, use the in-built indicators of the messaging software
to schedule tasks or meetings. To use the indicators, do the following:
140
c. Schedule 3
i. Subject: Free
ii. Timing – 3 PM – 5 PM
iii. Reoccurrence: Monday to Friday (10 occurrences)
iv. Mark the entire appointment as Free. Select Free from Show As
dropdown in Options Group.
ASSESSMENT
141
Session 11: Manage Automatic Meeting Responses
Lesson Objectives:
After this session, you will be able to:
Use automatic meeting responses
RELEVANT KNOWLEDGE
You have learnt to set up meeting requests in the earlier sessions. You can configure
the e-mail messaging software to respond to meeting requests automatically.
Using automated meeting responses could be useful in situations when you want to
accept meeting requests from your team members or colleagues.
142
EXERCISE
S.No. Activities
1. Modify your calendar software settings to accept all meeting requests
and decline only recurring meeting requests.
ASSESSMENT
1. Explain the procedure to configure the e-mail client to automatically reject all
conflicting meeting requests.
143
Session 12: Reply To a Task Request
Lesson Objectives:
At the end of this session, you will be able to:
Use Task Request
Reply to a task request
Accept Task Request
Track Tasks
RELEVANT KNOWLEDGE
When working together as a team, you may have a list of tasks assigned to each
person in the team. For example, if you want to organize a school annual day
function, a team is formed and tasks are assigned to each student. This makes it
easier to complete the project on time.
This is also called work delegation. The same scenario exists in a real work life. Tasks
can be assigned to coworkers and subordinates. Each Task has a due date, a priority,
and other settings such as whether you want status updates, privacy options, etc.
You have learnt to create tasks in earlier sessions. You can create task requests for
others using the e-mail messaging software.
Note: You will use MS Outlook for this session, as you cannot send task request in
Thunderbird / Lightning. The same holds true for replying to task request.
Create a task
If you want to assign an existing task from your calendar, do the following:
144
c. Use the Task body to include task items or instructions for this task
Notice the Owner: field
(Currently you are owner
of this task) (figure
above).
4. Select Save & Close.
Notice the task is
created in your task list
(figure adjacent).
Assign a task
145
7. You have assigned the task to the contact. To send this task, select Send. The
task is sent to the contact through e-mail.
146
Do you notice a difference? List them out.
Sending updates
Now the assignee will send updates of the progress and complete this task. To send an
update, you need to do the following:
Once the task is completed, the sender can indicate so by doing the following
1. Select Mark Complete Mark Complete in Manage Task group to indicate to the
sender that the task is complete.
2. On doing so, an e-mail is automatically sent to the contact who originally
assigned this task.
The sender (Original owner) receives a mail similar to the one below:
147
Sender’s task list is automatically updated with the status of this task and can be
viewed in their task list as being struck out.(figure below):
This method of assigning existing tasks from your task list can also be used when the
task is originally assigned to you and you to transfer the task to someone else.
Just because you delegate a task to someone does not mean your responsibility is
over. Hence, even though you assigned a task to someone else, you will still need to
keep track of the progress on the task. This helps to avoiding any last minute
surprises. You will receive a status report from the recipient similar to the one below:
148
To view the status of the task, do the following:
EXERCISE
S.No. Activities
1. Create Task request for the following:
149
Use the following guidelines:
ASSESSMENT
1. Once a task is complete, you need to select ___________ in Manage Task group.
150
Student Details
Student Name :
_______________________________________
_______________________________________
_______________________________________
1
PREFACE
Background
The National Curriculum Framework, 2005, recommends that children‟s life at school
must be linked to their life outside the school. This principle makes a departure from
the legacy of bookish learning which continues to shape our system and causes a gap
between the school, home, community and the workplace.
This student workbook, which forms a part of vocational qualification package for
student’s who have passed Class X or equivalent examination, was created by a group
of experts. The IT-ITeS Skill Development Council approved by the National Skill
Development Corporation (NSDC) for the IT/ITeS Industry developed the National
Occupation Standards (NOS). The National Occupation Standards are a set of
competency standards and guidelines endorsed by the representatives of IT Industry
for recognizing and assessing skills and knowledge needed to perform effectively in
the workplace.
This student workbook attempts to discourage rote learning and to bring about
necessary flexibility in offering of courses, necessary for breaking the sharp
boundaries between different subject areas. The workbook attempts to enhance these
endeavors by giving higher priority and space to opportunities for contemplation and
2
wondering, discussion in small groups and activities requiring hands-on-experience.
We hope these measures will take us significantly further in the direction of a child-
centred system of education outlined in the National Policy of Education (1986). The
success of this effort depends on the steps that school Principals and Teachers will
take to encourage children to reflect their own learning and to pursue imaginative
and on-the-job activities and questions.
Acknowledgements
1. Accenture India‟s Corporate Citizenship Program (Skills 4 Life) has provided the
content material for English and have commissioned and developed as well as
provided access to their implementing partners (Dr. Reddy‟s Foundation and
QUEST Alliance).
2. The Wadhwani Foundation team involved in designing and building this
curriculum and content include Ms. Sonia Kakkar, Mr Karthik Chandru, Ms.
Rekha Menon, Mr. Ajay Goel and Mr. Austin Thomas.
3. The PSSCIVE‟s team was involved in guidance and editing the content.
4. In addition, various public domain sources have been leveraged to create
materials and illustrations across module. The contributions of all these sources
is gratefully acknowledged and recognized.
3
Table of Contents
COMPUTER NETWORKS......................................................................7
Session 1: Introduction to Networking........................................................7
Session 2: The OSI Model......................................................................11
Session 3: Terminologies and Technologies.................................................16
Session 4: Network topology and Access Methods.........................................21
Session 5: Network Hardware – Network Interface Card.................................26
Session 6: Network Hardware – Hubs, Switches and Routers............................33
Session 7: Protocols............................................................................38
Session 8: IP Address...........................................................................43
Session 9: IP Address Assignment.............................................................47
Session 10: Transport Layer Protocols – TCP & UDP.......................................53
Session 11: Server Operating Systems.......................................................58
Session 12: Networking Services - DHCP....................................................61
Session 13: Networking Services – Name Resolution......................................69
Session 14: Networking Services - NETBIOS, WINS & DDNS..............................75
Session 15: Wireless Networking.............................................................78
Session 16: Wireless Security.................................................................86
Session 17: Wide Area Network Concepts...................................................91
Session 18: Networking Services – Proxy Servers and Address Translations............99
Session 19: Network Security................................................................103
Session 20: Troubleshooting Networks.....................................................107
WEB DESIGNING - PART I....................................................................118
Session 1: Introduction to Web Design and HTML........................................118
Session 2: HTML Elements & Attributes - The Basics....................................121
Session 3: HTML Elements & Attributes - Text Formatting..............................125
Session 4: HTML Elements & Attributes – Lists & Links..................................130
Session 5: HTML Elements & Attributes – Tables, Images & MultiMedia..............134
Session 6: HTML Elements & Attributes - Forms & Frames.............................138
Session 7: HTML Elements & Attributes – Metatags, Doctypes & Validation.........142
4
Session 8: Introduction to CSS..............................................................145
Assignment.....................................................................................150
Session 9: Overview of XML & XHTML......................................................152
Session 10: Web Design Scripting Tools....................................................156
Session 11: Overview of DHTML, AJAX & JQUERY........................................160
Session 12: Introduction to VBScript.......................................................163
Session 13: Overview of IIS & Apache Web Server.......................................166
Session 14: Overview of ASP.................................................................169
Session 15: Overview of PHP................................................................171
WEB DESIGNING - PART II....................................................................173
Session 1: Introduction.......................................................................173
Session 2: Creating Web Pages and Websites.............................................176
Session 3: Templates and Importing Websites............................................182
Session 4: Lists, Formatting Text, Spell-check, and Find & Replace..................187
Session 5: Tables and Cells..................................................................191
Session 6: Images.............................................................................195
Session 7: Hyperlinks - I......................................................................202
Session 8: Hyperlinks - II.....................................................................206
Session 9: Audio & Video.....................................................................209
Session 10: Frames, Inline Frames and Layers............................................213
Session 11: Hover Effect, Meta Elements & Watermark................................217
Session 12: Forms.............................................................................221
Session 13: CSS................................................................................224
Session 14: Behaviours.......................................................................228
Session 15: Compatibility....................................................................230
Session 16: Code view, Add-ins, Snippets and Page Transitions........................232
Session 17: Dynamic Web Templates.......................................................237
Session 18: SEO - Search Engine Optimization............................................242
Session 19: Forms - Advanced...............................................................244
Session 20: Publishing Web Pages or Websites - I........................................249
Session 21: Publishing Web Pages or Websites - II.......................................254
5
Session 22: Authoring Tools..................................................................260
Session 23: CSS Templates...................................................................262
6
COMPUTER NETWORKS
Session 1: Introduction to Networking
Learning Objectives:
At the end of this session, you will be able to:
Describe the purpose of networking.
Explain the various ways to form a computer network.
Describe types of networks: Peer-to-Peer and Client Server models.
Explain the concepts of Internet, Intranets & Extranets.
RELEVANT KNOWLEDGE
Networks are used widely used for web browsing, file transfers, file & printer sharing,
etc. and has become an integral part of our daily activities. Today, networks are now
popular across private and business users across the globe making it difficult to work
without it. Networks can also help in reducing costs; for example you can buy a single
printer, attach it to a single computer and share it across multiple users.
Networks based on size are broadly classified into LAN & WAN.
LAN: Local Area Network refers to group of computers networked within a limited
geographical area such as schools, colleges, offices, etc.
7
Use Bluetooth.
Use Wi-Fi (for more than two computers).
Use Hub or Network Switch (for more than two computers).
SOHO Router or Wi-Fi Router (Commonly found in home & small business
networks).
Networking Models
Peer-to-Peer (P2P): P2P is meant for limited number of connections, for example 10-
20 computers. In P2P
networks, each computer
can act both as a server as
well as a client. Also
known as workgroup
model, this model is simple to setup & use.
Client / Server: These are large networks with 10 to hundreds of computers and may
have dedicated servers and devices. Office networks that require centralized security
and administration
fall in this
category. Common
servers on these
networks include
File Servers, Print Servers, Messaging Servers, Database Servers, Domain controllers,
etc. Key difference from Workgroup model is that in Client/Server model, security is
centralized.
Networks can have a combination of both Client/Server models and Peer-to-Peer. For
example, you may be using a centralized mail server and/or access files from other
machines in the network.
8
Intranet
Extranet
Internet
EXERCISE
S.No. Activities
1. Analyze the network requirement for your school or office setups
available close to your vicinity. If a network is already present,
understand the purpose of it. Share the inputs with rest of the class.
ASSESSMENT
9
3. In ________________ model, a computer can act both as a server and a client.
4. List any three resources that can be shared across a network. _________ ,
________ & _________. _________
5. _________ model uses centralized security database.
6. __________________ is also referred to as Service Requestors.
7. __________________ is also referred to as Service Providers.
8. __________________ is the largest network in the world.
9. __________________ is commonly referred to as a private network by most
organizations.
10
Session 2: The OSI Model
Learning Objectives:
At the end of this session, you will be able to:
Understand the OSI Model.
Explain the different layers of the OSI Model with their functions.
RELEVANT KNOWLEDGE
In 1978, Open Systems Interconnect (OSI) model was introduced by the International
Standards Organization (ISO) to provide a conceptual model for networking. The OSI
model describes how data is sent and received over a network. This model breaks
down data transmission over a series of seven layers.
Data sent from one computer to another on a network flows two ways in the OSI
model, Down (data encapsulation) and Up (data decapsulation). OSI model ensures
that everyone follows certain guidelines and hence each computer is able to
communicate with every other computer, regardless of whether one computer is a
Macintosh and the other is a PC.
For example when data is sent by a network application such as a web browser to the
application layer, the application layer adds specific information and passes on to the
11
Presentation layer. Likewise presentation layer adds presentation layer specific
information and passes the result to session layer. This process is repeated till Physical
layer. Process of adding layer specific information is termed as “encapsulation”.
On the receiving computer, the various headers and the data trailers are stripped off
one by one by each layer and passed on to the next upper layer till the packet finally
reaches the receiving process. Process of removing layer specific information is
termed as “decapsulation”.
12
Layer Description
Network Layer Logical addressing and routing functions.
Handle routing of packets.
Routers operate at this layer.
Unit of measurement in network layer is packets or datagram.
Protocols include IPv4, IPv6, IPX, RIP, OSPF, ICMP, etc.
Transport Layer Ensures end-to-end communication and error-free transmission.
Provides connection/connectionless oriented packet delivery &
Sequencing.
Unit of measurement in transport layer is segments.
Protocols include TCP, UDP, etc.
Session Layer Manages user sessions and dialogues (Logon/Logoff).
Controls establishing, maintaining (synchronizing) and
terminating sessions (conversations)/logic links between users/
network applications.
Protocols include NetBIOS, PAP, PPTP, L2TP, etc.
Presentation Specifies architecture-independent data transfer format.
Layer Encodes/decodes, encrypts/decrypts,
compresses/decompresses data.
Protocols in this layer include ASCII, EBCDIC, MIDI, SSL, TLS, etc.
Application Responsible for process-to-process communication.
Layer Provides standardized services such as virtual terminal, file and
job transfer and operations (provides services to end-users such
as browsing, email, file transfers, etc.).
Protocols include HTTP, FTP, SMTP, POP3, DNS, DHCP, NNTP, etc.
Note: Unit of measurement at Session, Presentation & Application layers is data.
Hint: A simple acronym that will help you to remember the layer names is All People
Seem To Need Data Processing. Physical layer is concerned with hardware and the
rest with software.
13
Hint: When you want to buy network products, all you need to check is if it is
adhering to certain standards. This can help you save time, avoid compatibility issues
and you need not worry about which vendor to choose! You will come across few IEEE
802 standards in the next few sessions.
Standard Description
IEEE 802.3 Ethernet
IEEE 802.5 Token Ring
IEEE 802.11 Wireless LAN
IEEE 802.15 Wireless Personal Area Network
EXERCISE
S.No. Activities
1. Write the layers of OSI Model and list different protocols that match
each layer. Refer to http://en.wikipedia.org/wiki/OSI_model for list
of protocols at each layer.
Layer Protocols
14
ASSESSMENT
1. Briefly explain :
a) The purpose of OSI Model.
b) Physical Layer of the OSI Model.
c) Data Link Layer of the OSI Model.
d) Network Layer of the OSI Model.
e) Transport Layer of the OSI Model.
f) Session Layer of the OSI Model.
g) Presentation Layer of the OSI Model.
h) Application Layer of the OSI Model.
15
Session 3: Terminologies and Technologies
Learning Objectives:
At the end of this session, you will be able to:
Understand signaling methods.
Differentiate baseband and broadband.
Explain different terminologies.
Before you learn further about networking, it is essential to learn about key
terminologies and technologies associated with networking.
RELEVANT KNOWLEDGE
Signaling Methods
Baseband: Data is sent as digital signals by using entire bandwidth of the media
(Single Channel), supporting single communication at a time. Signals are sent over
co-axial, twisted pair or fiber optic cables. Baseband supports higher transfer rates
as compared to broadband; however, baseband is limited with distance. Baseband
uses TDM (Time Division
Multiplexing) to send multiple
signals over a single cable.
Example: Ethernet, Token Ring &
FDDI.
Broadband: Data is send as analog
signals by using portion of a
bandwidth. Broadband supports use Baseband vs. Broadband
of multiple signals at different frequencies (multiple channels). Signals are split
into channels by using FDM (Frequency Division Multiplexing). Example: xDSL,
where telephone lines are used for both voice (telephone) calls and data (Internet
connectivity).
Channel Operation
16
Half-duplex is a two way communication but only one way at a time, similar to
that of a walkie-talkie.
Full-duplex is two way simultaneous communication (data can be received and
sent at the same time), similar to that of a telephone.
When multiple devices or computers are connected in a network, they use multiple
signals that are combined at the source and separated at the destination by use of a
technique called multiplexing. For multiplexing, a device called the multiplexer is
used for multiplexing / demultiplexing signals. Types of multiplexing include:
17
Cell Switching: Cell switching method is similar to that of packet switching but
has a fixed size for the cells transmitting data. Cell switching is efficient when
large amounts of data need to transferred. Example: ATM.
Channel access methods refer to how devices communicate using a shared medium
such as bus networks, star networks, ring networks, hub networks & wireless
networks. When multiple devices or computers are used in a shared medium, a pre-
defined method of transmission needs to be defined. Channel access methods in
circuit switching networks include FDM, TDM, etc and in packet switching networks
include CSMA/CD, CSMA/CA, Token passing, etc.
Ethernet
CSMA/CD
CSMA/CD (Carrier Sense Multiple Access/Collision Detect) as per IEEE 802.3 standard is
a mechanism that defines how transmission takes place in a network. Only one device
in the collision domain may transmit at any one time, and the other devices in the
domain listen to the network before sending any packets in order to avoid data
collisions. Collisions also decrease network efficiency on a collision domain. If two
devices transmit simultaneously, a collision occurs, and both devices device will wait
for a random amount of time before attempting to transmit again.
Collision domains are found in a hub environment where each host segment connects
to a hub that represents only one collision domain and only one broadcast domain.
Modern wired networks use a network switch to eliminate collisions. By connecting
each device directly to a port on the switch, either each port on a switch becomes its
own collision domain (in the case of half duplex links) or the possibility of collisions is
eliminated entirely in the case of full duplex links. Collision domains are also found in
wireless networks such as Wi-Fi.; CSMA/CA is used in wireless networks.
18
CSMA/CA
Token passing is a channel access method where a signal called a token is passed
between nodes that authorize the node to communicate. The most well-known
examples are token ring and ARCNET.
Addressing methods
ASSESSMENT
20
Session 4: Network topology and Access Methods
Learning Objectives:
At the end of this session, you will be able to:
Describe different types of network topologies.
Explain different types of cables.
RELEVANT KNOWLEDGE
In bus topology, each node (computer) is connected through a single cable (known as
backbone or trunk) used as a common transmission medium for communication. Signal
from the source computer travels to all computers connected to the cable until the
destination computer accepts the data; if not, the machines ignore the data.
Nodes are
interconnected using
co-axial cables through
the T-Connector that
splits the connection
between nodes. Terminators are used at both ends to absorb the signal.
A device called the Repeater is used to amplify and retransmit weak signals to cover
longer distances. Advantages include ease of installation and low cost; however, since
all the computers depend on a single cable, a single break or loose connection can
cause the entire network to be down and troubleshooting can be difficult.
Though bus topology is the simplest form for connecting multiple computers, issues
may arise when two computers have a need to transmit at the same time. To handle
such collisions, CSMA/CD protocol is used in Bus (Ethernet) implementations.
21
IEEE Standards related to bus topology are 10BASE2 (Thinnet) and 10BASE5 (Thicknet).
Star Topology
Star topology is the most common and widely used topology today. Each computer is
connected to a centralized device called the hub or switch using dedicated cable such
as the Twisted-Pair. All signals need to pass through the centralized device. Star
topology is considered to be the easiest topology to design and implement as adding
additional nodes is simple and easy to troubleshoot in case of single cable failure.
However, entire network is affected if the hub or switch goes down.
Ring Topology
In a ring topology, each node connects to exactly two other nodes, forming a single
continuous pathway for signals through each node. Data travels
from node to node, with each node along the way handling every
packet. Ring topology provides only one pathway between any
two nodes, ring networks may be disrupted by the failure of a
single link. A node failure or cable break can isolate every node
attached to the ring. Ring topology uses physical star topology
and logical ring for communication.
Devices used in ring topology include the Token Ring Network Interface card, Twister
pair or fiber optic cables connected to a centralized device called the MSAU (Multi-
station Access Unit).
Other topologies include the Mesh Topology where all nodes are connected to each
other one way or the other and the Hybrid Topology which is a combination of one or
more topologies.
Twisted Pair
Twisted-Pair cables are widely used in Local Area Networks and telephone networks.
In a twisted pair cable, two conductors of a single circuit are twisted together for
22
canceling out electromagnetic interference (EMI) from external sources. Types include
the UTP (Unshielded Twisted Pair) and STP (Shielded Twisted Pair).
UTP cables are found in Ethernet networks and telephone systems. RJ-45 (Registered
Jack) connectors are used to connect the twisted pair cables to end-points on
computer networks. RJ-11 is a connecter used on telephone networks. Some of the
UTP cable grades include:
IEEE Standards related to star topology are 10BASET, 100BASE-TX, 1000BASET &
10GBASET. Maximum distance supported by twisted pair is 100 meters.
23
Fiber Optic
A fiber optic cable is a cable containing one or more optical fibers. Fiber-Optic cables
are ideal for transmitting data over very long distances at great speeds as light is used
for the medium for transmission. Fiber optic cables are not susceptible to any EMI,
Near-end Crosstalk (NEXT), or Far-end Crosstalk (FEXT).
Note that you require special network interface cards & network switch that support
the fiber optic interface which is usually expensive and common only in large
enterprise networks or locations that are susceptible to EMI such as factories that use
heavy machineries.
Fiber-Optic cables consist of a high quality glass or plastic strands and a plastic jacket
made of Teflon or PVC that protects the cable. Single-Mode Fiber (SMF) is used for
longer distances and Multi-Mode Fiber (MMF) is used for shorter distances.
In some cases, plenum rated cables are used that have a special jacket to protect
against fire and emit less smoke than normal cables. However, this is rare and often
seen only in industrial or manufacturing sites.
24
EXERCISE
S.No. Activities
1. Identify hubs, switches, connectors & cables.
2. Compare Straight-through & Crossover cables.
ASSESSMENT
25
Session 5: Network Hardware – Network Interface Card
Learning Objectives:
At the end of this session, you will be able to:
Explain the purpose of network interface cards.
Describe the features of network interface cards.
RELEVANT KNOWLEDGE
TCP/IP Utilities
Note: Use /? for additional help/syntax for each command listed here. For example to
know more about IPCONFIG, do the following:
Network devices such as NIC, hub, bridge, switch & routers are devices that help
computers to network and communicate. There are a variety of network devices
equipped with a wide range of functions.
26
Network cards are devices that connect computers to the network. Network cards are
both Layer 1 (Physical) & 2 (Data Link) devices as they provide physical access to the
medium and also provide physical addressing through the MAC address.
A variety of interface such as PCI, CardBus, USB are available today. Most desktop
computers, laptops, servers and motherboards have built-in NIC.
PCI Ethernet Card for use CardBus Ethernet Card for USB Ethernet Card (USB
in Desktops use in older laptops Ethernet converter)
Device Manager is a utility used for configuring & troubleshooting hardware devices
such as Network Interface card, sound card, video card, etc. Device manager display
the status of devices along with error codes if any. It is commonly used for updating
device drivers, enabling or disabling devices, re-installing device drivers, etc.
Reference: http://support.microsoft.com/kb/310123
NIC’s are installed, configured and work right out of the box. In some cases
administrators modify settings for speed & duplex, WOL, VLAN, etc. to match their
network environment.
Network Interface cards have one or more LED (Light Emitting Diodes) to indicate
network conditions such as Link status, Network Speed, etc. which are useful for
troubleshooting.
27
Locate the NIC (located at the rear end of the computer, use either the integrated NIC
in the motherboard, dedicated NIC in an I/O slot or USB Ethernet converter)
1. Click Start > Run and type NCPA.CPL Then click OK.
2. Right-click Local Area Connection, and click Status.
1. Click Start > Run and type Devmgmt.msc. Then click OK.
2. Device Manager opens. Expand Network Adapters.
3. Double-click on the Network Adapter (For example, RealTek RTL 8139
Family PCI Fast Ethernet NIC). Network Adapter properties is displayed.
28
Auto-negotiation
Due to affordability of high speed devices (NIC & Switch), 100 or 1000 Mbps speed and
full duplex settings are used usually through auto-negotiation, eliminating the need to
configure this setting.
MAC Address
Also known as physical address, MAC Addresses are unique to each network interface
card. MAC addresses are integrated with the NIC and usually not possible to change.
On a network, each station is identified by its MAC Address. MAC Addresses are
governed by IEEE and use 48-bit (2 48) addressing scheme providing a total of
281,474,976,710,656 MAC addresses.
GETMAC is a command line utility used for viewing the MAC address of an NIC.
1. Click Start > Run and type CMD to activate the command screen. Click OK.
2. Type GETMAC. Notice the MAC address displayed.
29
Lab: View MAC Address of a Network Interface Card using IPCONFIG.
1. Click Start > Run and type CMD to activate the command screen. Click OK.
2. Type IPCONFIG/ALL. Notice the MAC address displayed under Physical Address.
Boot ROM
Some NIC’s are equipped with a special chip called the Boot ROM. Boot ROM is used
for loading an Operating System from a remote computer or for administrative
purposes such as Remote OS Installation. Some computers such as public terminals
used in libraries, schools, etc. rely on a centralized computer for processing and
storing capabilities; referred to as Thin Clients these computers load their operating
system and applications from a much powerful computer.
30
EXERCISE
S.No. Activities
1. Refer to the following articles:
http://en.wikipedia.org/wiki/IEEE_802.3
http://en.wikipedia.org/wiki/Network_interface_controller
http://en.wikipedia.org/wiki/Conventional_PCI
http://en.wikipedia.org/wiki/CardBus
http://en.wikipedia.org/wiki/Device_Manager
http://en.wikipedia.org/wiki/MAC_Address
http://en.wikipedia.org/wiki/Boot_ROM
2. Compare different models of wired network cards available from different
vendors. Most vendors provide technical specifications through their website
and/or as downloadable manuals. Use those resources to complete the
following activity. More models you refer, the better.
Use the Wired Adapters Sample Worksheet below:
31
Wired Adapters (Sample provided below for your reference)
Vendor D-Link
Model DGE-528T
Interface
PCI Yes
USB No
PCMCIA No
Cardbus No
PCI Express No
Number of Ports (RJ-45) 1
Supported Speed (Mbps)
10 Yes
100 Yes
1000 Yes
Connectors
RJ-45 (UTP) Yes
Fiber Optic No
Features
WOL Support (Yes / No) Yes
Boot ROM (Yes / No) Optional
Power Management (Yes / No) Yes
Operating Systems
Microsoft Windows XP Yes
Microsoft Windows Vista / 7 Yes
Linux Yes
IEEE Standards
IEEE 802.3 Yes
IEEE 802.3u Yes
IEEE 802.3ab Yes
IEEE 802.3x Yes
ASSESSMENT
32
1. _________ types of NICs are designed for use in desktop computers.
2. _________ types of NICs are designed for use in laptop computers.
3. _________ type of NICs can be used in both desktop & laptop computers.
4. List any three manufactures of NICs. ______________ , ____________ &
___________.
5. MAC Addresses are displayed in ____________ format, separated by ________.
6. ___________ refers to the procedure through which the devices choose
compatible network speed.
7. ____________ is also known as Physical address of an NIC.
8. ________ is a command line utility is used for viewing the physical address of
an NIC.
33
Session 6: Network Hardware – Hubs, Switches and Routers
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of hub, switch & routers.
2. Understand features of hub, switch & routers.
RELEVANT KNOWLEDGE
While setting up a network, you will come across different types of hardware used.
The commonly used hardware are hubs, switches and routers.
Hub
Hubs are Layer 1 (Physical Layer) devices that connect multiple computers. Number of
computers that can be connected depends on the number of ports available on a hub,
typical 4 to 8 computers. Hubs broadcast data to all devices connected to it leading
to collisions; hence they are referred to as multiport repeaters.
Bridge
Bridge is a device that can connect network segments and separate network traffic
based on broadcasts. Bridges examine the frames and selectively transfer frames
according to their MAC address. Bridges operate at Layer 2 of the OSI Model.
Switch
Switch or Network Switch is similar to hub but manage traffic based on MAC address
and are efficient in large networks. Switches are considered intelligent as they build a
table of MAC Addresses of devices connected to it and when each packet is received,
they are analyzed and forwarded to the device with matching MAC Address.
Using switches can eliminate collision as each port in the switch acts as a collision
domain. Since switches isolate collision domains, they are referred to as multiport
bridges. When forwarding frames, switches use Store and forward, cut through,
Fragment free or Adaptive switching methods.
Unlike a hub that uses half-duplex communication, a network switch can send and
receive at the same time (full-duplex mode) resulting in faster performance.
Number of computers that you can connect to a switch depends on the number of
ports available ( Typically 4 or 8 on SOHO switches designed for use in home and small
business networks and 8 – 32 or 64 on switches designed for use in an enterprise
network.). The networks can be extended by adding additional switches usually
34
cascaded from the primary switch. Switches designed for larger networks are
cascaded through a special port called the Uplink port.
Unmanaged switches are network switches used typically for homes or small
offices requiring no administrative configuration.
Managed switches are widely used in enterprise networks and ISP’s. These need to
be configured by the network administrator before it is used in a network.
VLAN
Advantages of PoE include the ability to provide power up to 25 watts and distance
factor that allows devices to be connected up to 100 meters from the switch.
35
Router
Routers are Layer 3 devices that route packets to different logical networks. Routers
can discover and transfer packets based on routing table that are pre-determined or
self-discovered. Routing tables are either managed by an administrator by manually
defining the routes or automated through special configuration to exchange the
routing tables with other routers on a logical network. SOHO Routers are found in
home and small business environments and Enterprise Routers are found in ISP’s and
enterprise networks.
SOHO Router
Also referred to as a residential gateway, SOHO (Small Office Home Office) routers are
devices designed for use in small to medium sized networks. Most SOHO routers have
combinations of a switch, DSL or cable modem and an access point for Wi-Fi
connectivity; some are designed to connect to an existing modem. These devices are
used for two primary purposes:
Some models include support for connecting peripherals such as printers, USB hard
disk drives, etc. through USB ports.
36
EXERCISE
S.No. Activities
1. Read and understand the following websites:
a. http://en.wikipedia.org/wiki/Network_Switch
b. http://en.wikipedia.org/wiki/Router_%28computing%29
2. Compare different models of unmanaged switches available from
different vendors.
Network Switch (sample provided below for your reference)
Vendor D-Link
Model DGS-1008D
Details
Managed / Unmanaged Unmanaged
No. of Ports (Ethernet) 8
No. of Ports (PoE) None
Speeds
10 Mbps Yes
100 Mbps Yes
1000 Mbps Yes
IEEE Standards
IEEE 802.3 Yes
IEEE 802.3u Yes
IEEE 802.3ab Yes
IEEE 802.3x Yes
Interface
10BaseT Yes
100BaseTx Yes
1000BaseT Yes
ASSESSMENT
37
1. Hubs operate at the ________ layer of the OSI Model.
2. Switch operates at the _______ layer of the OSI Model.
3. Router operates at the __________ Network Layer of the OSI Model.
4. ________ are also referred to as multiport repeaters.
5. __________ type of switches require no administrative efforts.
6. VLAN's, PoE, bandwidth restrictions can be used only on ___________ switches.
7. Acronym for VLAN _________________________.
8. Acronym for PoE ____________________.
9. ___________ layer of OSI Model is used for VLANs.
10.__________ is the process of selecting paths in a network when sending or
receiving packets from one computer or device to another.
11.Switches use __________, _____________, ____________ or ____________
methods.
12. __________ switches are used to create VLANs.
13.__________ are also referred to as multiport bridges.
38
Session 7: Protocols
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of protocol.
2. Explain different types of protocols.
3. Explain IPv4 & Classes of IPv4.
RELEVANT KNOWLEDGE
Protocols are a set of standards that allow network devices to communicate and
exchange information. Protocols define how devices start, manage and end
communication; most protocols are described by IETF (Internet Engineering Task
Force) as RFC's (Request for Comments).
Protocols are set of rules for communication. In a computer network, all computers
need to use the same protocol for communication. Protocols may include signaling,
authentication and error detection and correction capabilities. Protocols address data
formats, address formats, error detection techniques, sequence & flow control,
routing and other requirements for communication. In a network, multiple protocols
are used during communication. Examples of protocols at the network layer are
NetBEUI, IPX/SPX, TCP/IP, AppleTalk, etc.
The NetBEUI protocol is used to connect and communicate between computers with
Microsoft Windows as the operating system. Similarly AppleTalk protocol is used to
connect and communicate among computers with MAC OS. However, when connecting
computers with different operating systems you need to use the TCP/IP protocol.
Open Standard protocols are communication protocols that are publicly available,
have various rights to use associated with it, and may also have various properties of
how it was designed. Example, TCP/IP.
39
TCP/IP
TCP/IP protocol suite is the most widely used protocol today including LAN’s and
WAN’s. Internet uses TCP/IP as its protocol.
IP (Internet Protocol)
Internet protocol is the primary communication protocol used for relaying data across
network boundaries. Functions include logical addressing and routing. The first major
version of IP, Internet protocol Version 4 (IPv4), is the dominant protocol of the
internet. Its successor is Internet Protocol Version 6 (IPv6), which is increasingly being
used.
IPv4
40
represents the network that a device belongs to) and Host ID (Portion of the
address that represents the host on a particular network).
Each device on an IP network must have a unique IP address.
IP addresses are binary numbers (image above), but they are usually stored in text
files and displayed in human-readable notations such as 10.3.5.10 (image above).
IANA
Internet Assigned Numbers Authority (IANA) is the entity that oversees global IP
address allocation, autonomous system number allocation, root zone management in
the Domain Name System (DNS), media types, and other Internet Protocol-related
symbols and numbers. IANA is a department operated by the Internet Corporation for
Assigned Names and Numbers, also known as ICANN. IANA manage the IP Address
space through regional Internet registries (RIRs) to allocate IP address blocks across
the globe.
Classful Network
Classful network is an addressing schedule originally introduced in 1981 and used for
several years until the introduction of CIDR method. In this method, the 32-bit
address space is divided into five addresses classes namely A, B, C, D and E. Each class
defines a fixed network size and number of hosts within networks.
IPv6
Internet Protocol version 6 (IPv6) is the latest revision of the Internet Protocol (IP),
intended to replace IPv4. IPv6 was developed by IETF to address the IPv4 issue of
address exhaustion. IPv6 uses a 128-bit address, allowing for 2 128, or approximately
3.4×1038 addresses, or more than 7.9×1028 times more than IPv4.
41
IPv6 addresses consist of eight groups of four hexadecimal digits separated by colons,
for example: 2001:0db8:85a3:0042:1000:8a2e:0370:7334. Most operating systems
support IPv4 and IPv6.
EXERCISE
S.No Activities
.
1. 1. Identify the class for the following IP addresses:
a. 7.1.2.3, Class ___ .
b. 45.43.32.12, Class ___ .
c. 183.12.34.22, Class ___ .
d. 203.23.12.33, Class ___ .
e. 219.44.34.23, Class ___ .
f. 130.34.54.12, Class ___ .
2. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Communications_protocol
b. http://en.wikipedia.org/wiki/NetBEUI
c. http://en.wikipedia.org/wiki/IPX/SPX
d. http://en.wikipedia.org/wiki/TCP/IP
ASSESSMENT
1. Explain Protocol?
2. Explain Proprietary Protocols with an example.
3. Explain Open Standard Protocols with an example.
4. What is IP?
5. List the classes of IPv4.
42
12.Number of logical networks in Class A _____ and host per network
____________.
13.Number of logical networks in Class B _____ and host per network
____________.
14.Number of logical networks in Class C _____ and host per network
____________.
15.Range of IP Address Class A _________________.
16.Range of IP Address Class B _________________.
17.Range of IP Address Class C _________________.
18.Range of IP Address Class D _________________
19.Range of IP Address Class E _________________.
20.____________ class of IP addresses are reserved for multicasting.
43
Session 8: IP Address
Learning Objectives:
At the end of this session, you will be able to:
1. Understand Public & Private IP addresses.
2. Understand binary to decimal conversion (lab).
3. Perform binary to decimal conversion & vice versa (lab).
4. Identify network & host ID of an IP address (lab).
RELEVANT KNOWLEDGE
As you have learnt about IP addresses in the previous session, you know that IP
addresses are seen as numbers or numeric values such as 10, 192, 182, etc. However,
computers use binary language and translate decimal to binary and vice versa behind
the scene. IP addresses assigned to a host or a computer can be public or private.
Public IP Address
When you rent or lease an Internet connection from an ISP such as DSL, Cable, Dial-
up, etc. you are given only a dynamic public IP address that changes every time you
re-connect; ISP’s issue the same IP address to different customers on a rotation basis
to reduce the incurred cost. If you want to provide an Internet based service such as
free mails or a website on your computer, you need to get a dedicated or static IP
address which can be leased from the ISP for a fixed fee.
Private IP Address
Private IP addresses are addresses used in private networks such as homes and office
networks. Private IP addresses need not be purchased as it is meant for private use
and anyone can use the private address without approval from a regional Internet
Registry (RIR); private IP addresses will not connect to public address and vice versa.
This is similar to an intercom system, ie extension numbers that can be used only for
calling telephone numbers within a location not externally. Following IPv4 addresses
are the reserved ranges for private networks:
44
Internet service providers (ISPs) only allocate a single public IP address to each
residential customer, but some homes have more than one computer or other Internet
connected device, such as IP telephones or IP televisions. In this case, a network
address translator (NAT/PAT) gateway is used to provide Internet connectivity to
multiple hosts. This gateway translates private to public IP address and vice versa.
Private addresses are also commonly used in corporate or enterprise networks.
Subnet Mask
When you assign IP addresses, you need to provide the subnet mask value. Subnet
masks are used for dividing logical networks into one or more sub-networks, a
practice referred to as “subnetting”.
Providing a subnet mask helps devices or computers calculate and indicate portions of
network ID for a given IP address; this in turn is used for determining if the host
belongs to the same or different logical network. If the host is identified to be in a
different logical network, then the packet is sent to the gateway IP address for
routing.
1. Click Start > Run > Type CMD > Click OK.
2. Type IPCONFIG. Notice the IP address displayed; analyze the IP address range
to determine if it falls within the private range of IP address.
Use the following links for Binary & Decimal conversions and Subneting (Classful &
CIDR) exercises.
http://technet.microsoft.com/en-us/library/bb726995.aspx
http://technet.microsoft.com/en-us/library/bb962065.aspx
45
EXERCISE
S.No. Activities
1. Identify the Network & Host ID of the following IP Addresses with
Subnet Masks.
Computer ID IP Address Subnet Mask
Computer A 10.1.1.3 255.0.0.0
Computer B 10.1.2.3 255.0.0.0
Computer C 10.23.1.3 255.0.0.0
Computer D 11.2.1.2 255.0.0.0
Computer E 11.2.3.2 255.0.0.0
Computer F 141.23.12.12 255.255.0.0
Computer G 202.13.14.12 255.255.255.0
46
ASSESSMENT
47
Session 9: IP Address Assignment
Learning Objectives:
At the end of this session, you will be able to:
1. Understand IP address assignments.
2. Assign static IP addresses to computers.
3. Verify network connectivity using PING.
4. Understand CIDR method.
RELEVANT KNOWLEDGE
IP Address Assignment
If you want to host a website or provide email services to employees or users, ideally
you should use static IP addresses. If you want to provide Internet access to users, you
can use dynamic IP address.
1. Click Start > Run > Type NCPA.CPL > click OK.
2. Right-click Local Area Connection, Click Properties.
48
3. Select Internet Protocol Version 4 (TCP/IPv4) and click Properties.
PING is a command line utility used for testing network connectivity. PING operates
using ICMP echo request packets for its response from another computer and
measures the time taken by the packet (from transmission to reception - referred to
as Round-Trip). PING is widely used by administrators to understand and troubleshoot
network related issues particularly at the network layer of the OSI model.
49
PING utility sends 4 packets by default to determine the network connectivity
condition, however this can altered. To send unlimited packets,
ARP or Address Resolution Protocol is used for resolving IP addresses to MAC address.
When two computers communicate using IP address (Layer 3) on the same subnet, the
IP address is resolved to MAC address (Layer 2) and they start communicating using
MAC Address through Network Switch. Thus ARP, a layer 3 protocol serves as an
intermediate between Layer 3 and Layer 2 establishing connectivity between network
layer and the Ethernet.
Once resolved, mapping of IP Address to MAC addresses are stored in cache for some
time for future use. Entries resolved automatically are referred as dynamic entries
and are used most of the time.
50
Loopback IP Address
Loopback IP address is a special IP address reserved for testing the local machine NIC
or device drivers or TCP/IP stack within the local computer. It cannot be assigned to
any computer and is implemented at the software level. IP address in the range of
127.0.0.1 to 127.255.255.254 is reserved for loopback address. However, 127.0.0.1
is most commonly used for testing and management purposes by administrators.
CIDR
Assigning numbers based on Classful network was easier during early stages of
networking when networks were smaller. As time evolved, due to explosive growth of
the Internet, IP addresses were getting exhausted. An addressing scheme, CIDR
(Classless Inter-domain Routing), was introduced for efficient use of IP addresses.
If you have noticed, a Class A IP address can accommodate 16 million hosts. However,
in most organizations the number of computers is probably in thousands and not
millions. Assuming if an organization has around 2000 computers, imagine the wastage
of number of IP addresses if Class A was used. Similarly, a Class C IP address can
accommodate only 254 host; and in the same situation, the IP address range is
insufficient and multiple ranges from Class C will be needed. CIDR helps resolve these
issues.
Lab: Use the decimal to binary conversion to determine network ID & Host ID by
using CIDR Method.
51
Special IPv4 Addresses
Given below is a list of special IP addresses that cannot be assigned to any computer
as they are reserved for specific functions.
EXERCISE
S.No. Activities
1. Identify the Network & Host ID of the following IP Addresses with
Subnet Masks.
Computer ID IP Address Subnet Mask
Computer A 10.13.1.3 255.255.0.0
Computer B 10.13.5.3 255.255.0.0
Computer C 10.23.1.3 255.255.255.0
Computer D 101.27.1.2 255.255.255.0
Computer E 101.27.1.112 255.255.255.0
Computer F 192.168.2.5 255.255.0.0
Computer G 192.168.20.5 255.255.0.0
52
8. Will Computer A be able to communicate with Computer C?
9. Will Computer C be able to communicate with Computer D?
10.Will Computer D be able to communicate with Computer E?
11.Will Computer A be able to communicate with Computer E?
12.Will Computer E be able to communicate with Computer F?
2. Assign Static IP address to computers, verify network connectivity.
3. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Ping_%28networking_utility%29
b. http://en.wikipedia.org/wiki/Address_Resolution_Protocol
c. http://en.wikipedia.org/wiki/CIDR
ASSESSMENT
53
Session 10: Transport Layer Protocols – TCP & UDP
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of Transport Layer Protocols.
2. Understand TCP & UDP.
3. Understand Ports & Sockets.
RELEVANT KNOWLEDGE
While network layer protocols are used for logical addressing and routing, transport
layer protocols provide end-to-end communication between hosts or computers on a
TCP/IP Network.
User Datagram Protocol (UDP) is a transport layer protocol that is used for sending
messages to other hosts on the network without prior communications, to set up
special transmission channels or data paths. UDP does not provide reliability,
ordering, or data integrity. UDP assumes that error checking and correction is either
not necessary or performed in the application, hence avoiding the overhead of such
processing at the network interface level.
UDP's stateless nature is also useful for servers answering small queries from huge
numbers of clients, such as Domain Name System (DNS), streaming media applications
such as IPTV, Voice over IP (VoIP), Trivial File Transfer Protocol (TFTP), IP tunneling
protocols and many online games.
54
check reliability or when transfers happen that do not require reliability. UDP has less
overhead than TCP.
Note: To know about the port numbers and range for specific network application,
refer to product manual or the vendor’s website.
Port numbers are standardized by IANA for most network applications. Port numbers in
the range from 0 to 1023 are referred to as well-known ports. Following are some of
the standardized well-known port numbers:
Note: Refer to Service Name and Transport Protocol Port Number Registry of IANA for
complete list of assigned ports.
55
Port numbers from 1024 to 49151 are the registered ports and port numbers above
49151 are dynamic or private ports.
NETSTAT
NETSTAT (i.e. Network statistics), is a command line utility used for viewing port
numbers used by network applications. This command is used to understand and
troubleshoot any network or transport layer issues.
TCP/IP model
DoD (Department of Defense) or TCP/IP Model simplifies the 7 layer OSI Model into a 4
layer model (figure below):
56
2. Internet Layer specifies IP packets sent on a Packet Switched Network and is
same as the Network Layer.
3. Transport Layer specifies how communication session takes place between
computers and is the same as the Transport Layer discussed earlier.
4. Application Layer specifies how applications and protocols communicate
between end points. This layer combines Session, Presentation & Application
layers of the OSI Model.
EXERCISE
S.No. Activities
1. Refer to common protocols TCP/IP protocol suite.
a. https://en.wikipedia.org/wiki/Internet_Protocol
b. https://en.wikipedia.org/wiki/Internet_Control_Message_Protocol
c. https://en.wikipedia.org/wiki/Internet_Group_Management_Protocol
d. http://en.wikipedia.org/wiki/Address_Resolution_Protocol
e. http://en.wikipedia.org/wiki/Reverse_Address_Resolution_Protocol
f. http://en.wikipedia.org/wiki/Transmission_Control_Protocol
g. https://en.wikipedia.org/wiki/User_Datagram_Protocol
h. https://en.wikipedia.org/wiki/Dynamic_Host_Configuration_Protocol
i. https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol
j. https://en.wikipedia.org/wiki/Internet_Message_Access_Protocol
k. https://en.wikipedia.org/wiki/Lightweight_Directory_Access_Protocol
l. https://en.wikipedia.org/wiki/Post_Office_Protocol
m. https://en.wikipedia.org/wiki/Network_News_Transfer_Protocol
n. https://en.wikipedia.org/wiki/Simple_Mail_Transfer_Protocol
o. https://en.wikipedia.org/wiki/Simple_Network_Management_Protoco
l
p. https://en.wikipedia.org/wiki/Telnet
q. https://en.wikipedia.org/wiki/File_Transfer_Protocol
r. https://en.wikipedia.org/wiki/Transport_Layer_Security
s. https://en.wikipedia.org/wiki/Transport_Layer_Security
2. Complete the following activity to understand using the NETSTAT Utility.
1) Open different websites in a web browser and…
a. Use Netstat –n while it is loading the website & after
b. Use Netstat –f while it is loading the website & after
c. Use Netstat –a while it is loading the website & after
2) Open your email messaging software and…
a. Use Netstat –n while it is loading the website & after
b. Use Netstat –f while it is loading the website & after
c. Use Netstat –b while it is loading the website & after
Run the command several times and observe the results.
57
ASSESSMENT
58
Session 11: Server Operating Systems
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of an SOS
2. Understand different SOS
RELEVANT KNOWLEDGE
Server Operating Systems (SOS) are system software that allows us to manage data,
users, groups, security, applications, and other networking functions. SOS are
commonly used on medium to large networks and uses the client/server architecture.
Advantages Disadvantages
Centralized Management Initial cost can be high
Higher Level of Security Requires special technical expertise
Can be accessed from remote locations Requires regular maintenance
Server Operating systems include support for a variety of functions (not limited to):
Name Server (DNS, WINS, DDNS)
Database Server
Communications Server
Mail Server
File Server
Print Server
Proxy Server
Web Server
Remote Access Server
Gaming Server
Terminal Server, etc.
Windows Servers refers to the brand of Server Operating Systems from Microsoft such
as:
59
Microsoft Windows 2003 Web, Standard, Enterprise & Datacenter Editions
Microsoft Windows 2008 Web, Standard, Enterprise & Datacenter Editions
Microsoft Windows 2012 Foundation, Essentials, Standard & Datacenter Editions
UNIX
Linux
Linux is a Unix-like operating system assembled under the model of free and open
source software development and distribution. Linux kernel was initially conceived
and created by Finnish computer science student Linus Torvalds in 1991 and today,
Linux kernel has received contributions from thousands of programmers across the
globe.
It is one of the leading Operating System used on Servers, Mainframes, Smart Phone
and Supercomputers. Users & administrators operate a Linux-based system through a
command line interface (CLI) or a graphical user interface (GUI).
Linux is packaged in a format known as a Linux distribution through which users install
Linux on their desktops or servers. Popular distributions include Debian, RedHat,
OpenSUSE, Android, Ubuntu, BOSS, Fedora, etc.
60
EXERCISE
S.No. Activities
1. Discuss different distributions of Linux. Use the following links for
reference:
http://en.wikipedia.org/wiki/Linux
http://en.wikipedia.org/wiki/Linux_distribution
http://en.wikipedia.org/wiki/Red_Hat
http://en.wikipedia.org/wiki/SUSE
http://en.wikipedia.org/wiki/Ubuntu_(operating_system)
2. Compare different editions of Server Operating Systems from
Microsoft; use the following URL’s for reference:
http://en.wikipedia.org/wiki/Windows_Server_2003
http://en.wikipedia.org/wiki/Windows_Server_2008
http://en.wikipedia.org/wiki/Windows_Server_2012
ASSESSMENT
61
Session 12: Networking Services - DHCP
Learning Objectives:
At the end of this session, you will be able to:
1. Understand & use DHCP.
2. Understand & use File and Print Sharing.
RELEVANT KNOWLEDGE
DHCP
DHCP servers that provide IP address and other IP configuration. DHCP Servers are
configured to allocate IP address and additional configuration as set by an
administrator. DHCP uses Ports 67 & 68.
DHCP clients that use the DHCP protocol to receive IP address and other IP
configuration from a DHCP Server.
DHCP Process
You can use the DHCP Service bundled along with a server operating system such as
Windows Server, Linux or a SOHO Router. Following is an example of implementing
DHCP using a SOHO Router.
62
3. Specify the DHCP range from which the IP addresses will be allocated to the
computers in a network and select the lease duration. Click Apply Changes.
1. Click Start > Run > type NCPA.CPL > click OK.
2. Right-click Local Area Connection, select Properties.
3. Select Internet Protocol Version 4 (TCP/IPv4) and Click Properties
4. Select obtain an IP address automatically and Obtain DNS server
address automatically. Click OK twice.
Now go the command prompt, check if the computer has received an IP address from
a DHCP Server. Use Ping to verify connectivity with other computers in the network.
Computer Names
Computers that run Microsoft windows use unique NetBIOS names that are 16
characters in length. (The 16th character is reserved for NETBIOS suffix to represent
service and as a result computer names are maximum 15 characters long.) Computer
63
names use alphanumeric characters for naming convention and are assigned by the
administrator.
On a Microsoft windows network that uses IP, computers can be accessed using
computer names instead of IP addresses as these are easier to remember and identify.
HOSTNAME
64
Workgroups
Workgroup or Peer-to-
Peer computer network
refers to decentralized
model where the user
name and password is
stored on individual
computers. Workgroup model is suitable for 10-15 computers or fewer numbers of
users and requires additional administration as the number of computer or user
grows. Since the permissions are managed locally at each computer, each user or
owners of a computer act as an administrator.
Once you have setup the computer to work in a network, you can share files and
printers among other computers in a network.
1. Create a folder that you want to share, for example. C:\Monthly Reports.
2. Right-click the folder, select Properties. Select Sharing tab. Click
Advanced Sharing.
3. Click OK twice.
Note:
65
d. Select Change or Full Control under Allow column if you want to allow user to
modifying contents.
66
4. To set permissions, select Security tab.
a. Select Print if you want to allow users to just print (default permission).
b. Select Manage this Printer if you want to allow users to have
administrative control over the printer.
c. Select Manage Documents if you want users to manage document
queue. This should be used when you want to allow users to pause,
rearrange or delete documents in print queue.
Auto-IP
Computers configured as DHCP Clients will not able to communicate with each other
if they don’t receive an IP address from a DHCP Server. In such cases Auto-IP feature
of operating system self-assigns IP address from a built-in range so that client
computers can communicate at least with each other.
Internet Engineering Task Force has reserved the address block 169.254.1.0 through
169.254.254.255 for Auto-IP reserve range in IPv4. Auto-IP is a feature found on most
recent operating systems such as Microsoft Windows, MAC OS X & Linux.
Additional Information
Network Controllers
67
Domains
Domain refers to a
centralized model where
a centralized database
stores all the credentials
(usernames, passwords,
security policies, etc.).
Domain models assist
administrators to control Domain Model, User Accounts on Domain Controller
the computers in a network from a single station making it easier to administer.
Permissions (or restrictions) to change wallpaper, access control panel items, etc. can
be set across the network keeping all the computers secure. Domain models are
suitable for small, medium to extremely large networks and can scale to thousands of
users.
Active Directory
EXERCISE
S.No. Activities
1. Set up the DHCP Server to use the following details:
IP Range: 10.1.1.1 to 10.1.1.50
Subnet Mask: 255.255.255.0
Gateway: 10.1.1.100
2. Share different folders, share using Read & Full Control Permissions and
access from other computers.
3. Install different printer models, share and access from other computers.
4. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Dynamic_Host_Configuration_Protocol
b. http://en.wikipedia.org/wiki/Hostname
c. http://en.wikipedia.org/wiki/APIPA
ASSESSMENT
68
Answer the following questions
69
Session 13: Networking Services – Name Resolution
Learning Objectives:
At the end of this session, you will be able to:
1. Understand Name Resolution
2. Understand HOSTS file
3. Understand and use DNS
RELEVANT KNOWLEDGE
Name Resolution
Name resolution refers to the process of converting host names or domain names to
an IP address. On an IP network, computers communicate using the IP address;
however, computers are assigned names which are easy to remember. When a user
attempts to access a computer by using the computer or hostname, it is translated to
the IP address assigned to it and then, the communication takes place.
Name resolution methods include using HOSTS file, DNS, WINS & DDNS.
HOSTS File
The hosts file is a computer file used by the operating system to map host names to IP
addresses. The hosts file is a plain text file and is conventionally named hosts.
Note: Though it’s a plain text file, this file does not have extension as .TXT.
70
The table above shows the location of the HOSTS file in varying operating systems.
Since HOSTS file needs to be maintained on each computer, this method is not
possible on large networks and the Internet. On large networks and the Internet, a
hierarchical distributed naming system called the DNS is used. DNS provides
centralized name resolution and can help reduce administrative costs and efforts.
Domain name space consists of trees of domain names and has multiple levels. For
example, for a domain mail.google.com, .com refers to the top-level domain, google
refers to second-level domain and mail refers to third-level domain. A single DNS zone
may consist of one or more domains and sub-domains and are not case sensitive.
71
Note: For complete list of domain zones, visit
http://www.iana.org/domains/root/db/
When you use an application such as web browser or mail client, the domain names
(e.g. Wikipedia.org or mail.google.com) are translated to an IP address enabling your
computer to communicate. Domain name resolvers determine the appropriate domain
name servers responsible for the domain name to be accessed, by a sequence of
queries, starting with the right-most (top-level) domain label.
DNS Process
DNS settings are usually pushed along with IP address. To view, do the following:
1. Click Start > Run > Type CMD > Click OK.
2. Type IPCONFIG /ALL, press Enter. Notice the DNS server IP address displayed
under DNS Servers.
If you receive request timed out or extremely delayed response from your external
DNS servers, try using other DNS Server’ IP address such as one of the Public DNS
servers. Using Public DNS Servers can improve performance and resolve issues related
to DNS name resolutions; for example, Google provides free Public DNS to be used as
alternate to DNS Servers. Typically ISP’s provide Primary and alternate DNS’s server’s
IP address pushed along with your IP address when you subscribe; if you have
72
performance or name resolution issues with your ISP’s DNS Servers, then it is
recommended to use the Public DNS Server’s IP address. For example, to use Google’s
Public DNS Servers on a computer, do the following:
Now use IPCONFIG /ALL and notice the DNS server IP address displayed.
73
DNS client resolver cache is a RAM-based table that contains entries of Hosts file and
host names that Windows has tried to resolve through DNS. The DNS client resolver
cache stores entries for both successful and unsuccessful DNS name resolutions. This
in turn can improve performance as Windows can locate the destination IP address
directly from Cache (RAM) instead of initiating another query to an internal or
external DNS server.
74
EXERCISE
S.No. Activities
1. Use NSLOOKUP to resolve IP addresses of at least five different
websites.
2. View DNS Resolver Cache.
3. Clear DNS Resolver Cache.
4. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Hosts_file
b. http://en.wikipedia.org/wiki/Domain_Name_System
c. http://en.wikipedia.org/wiki/NSLOOKUP
ASSESSMENT
75
Session 14: Networking Services - NETBIOS, WINS & DDNS
Learning Objectives:
At the end of this session, you will be able to:
1. Understand NETBIOS Names.
2. Understand and use WINS.
3. Understand DDNS.
RELEVANT KNOWLEDGE
NetBIOS over TCP/IP (NBT, or sometimes NetBT) is a networking protocol that enables
legacy computer applications (relying on the NetBIOS API) to run on modern TCP/IP
networks. NetBIOS was developed in the early 1980s, targeting very small networks
(about a dozen computers).
NBTSTAT
NBTSTAT is a command line utility for viewing statistics of NetBIOS over TCP/IP.
WINS
76
NETBIOS Names just as DNS is to hostnames, providing name resolution services for
computers running windows on a Microsoft Windows network.
DDNS
DNS requires hosts to be assigned static IP addresses. DNS is not suitable when using
DHCP environments; as the IP addresses keeps changing over time and the DNS service
requires permanent IP addresses for its records. For example if a consumer using a
DSL or cable modem wants to host a website (accessible to the public) on his
computer, it is not practically possible as the public IP address changes over shorter
period of times. In such a scenario, DDNS can be used.
Similar to WINS, DDNS clients can make use of dynamic IP address and computers can
be accessed using hostnames or domain names. How? For example, if you are initially
assigned a dynamic public address of 202.1.2.3 , your computer can be configured to
update its IP address along with the hostname or domain name to a machine with
DDNS. If the public address changes, the DDNS client will automatically contact and
update the DDNS with the changed IP address.
Today, there are a many DDNS providers on the Internet, offering their service free or
for a small fee. Examples of service providers include (not limited to):
http://www.dnsdynamic.org
http://www.changeip.com
http://www.dyndns.com
http://www.changeip.com
http://freedns.afraid.org
http://www.dnsmadeeasy.com
EXERCISE
S.No. Activities
1. Visit any three website that provides DDNS Service.
2. Refer to the following websites:
a. http://en.wikipedia.org/wiki/NETBIOS
b. http://en.wikipedia.org/wiki/Windows_Internet_Name_Service
c. http://en.wikipedia.org/wiki/DDNS
77
ASSESSMENT
78
Session 15: Wireless Networking
Learning Objectives:
At the end of this session, you will be able to:
1. Understand WLAN.
2. Understand and implement ADHOC & Infrastructure networks.
RELEVANT KNOWLEDGE
Wireless network refers to a computer network that is not connected by any cables.
Typically wireless networking is used where wired connectivity is not possible or
feasible due to technology costs or availability. Wireless telecommunications networks
are implemented and administered using a transmission system called radio waves.
This implementation takes place at the physical level (layer) of the OSI model
network structure.
Note: Though there are a variety of Wireless Networks, this course focuses only on
Wireless LAN.
Wireless LAN
WLAN refers to connectivity between two or more devices within short distances such
as homes or campus. WLAN uses spread-spectrum or OFDM technologies that enable
users to have mobility within the coverage area. WLAN corresponds to IEEE 802.11
standards and are marketed commonly under the Wi-Fi brand name.
79
WNIC: Wireless network interface controller (WNIC) is a network interface controller
that uses radio waves for connectivity. WNIC is usually integrated with mobile devices
such as laptops; however, to use on a desktop, you may need a dedicated card.
WAP (Wireless Access Points): WAP are devices that connect WNIC to wired networks
thus acting like a bridge between wired and wireless networks. WAP have built-in
antennas for communicating with WNIC and other WAP’s. WAP are generally connected
to a network switch or router providing internet connectivity to its client over
wireless networks. Since wireless networks use radio waves, their transmission
capability is limited. Range extenders are devices used for extending wireless LAN
similar to that of repeaters used in wired networks. Most SOHO routers have access
point integrated and are commonly referred to as Wi-Fi or Wireless Routers.
IEEE 802.11: IEEE 802.11 standard defines the Wi-Fi standard, used for wireless
networks and is Sub classified into IEEE 802.11b, a, g and n.
Note: IEEE 802.11 b, g & n are compatible with each other. IEEE 802.11n is compatible
with IEEE 802.11a.
ADHOC
80
This method is usually used by two or more wireless computers that connect to each
other to form a network. This is considered the quickest method as no other devices
are required other than the WNIC and the procedure is straight-forward and simple.
Infrastructure Mode
For example, you may have an existing wired network with two desktops connected
for Internet access; to add wireless clients such as a laptop, you can attach an access
point to the network switch. All wireless clients will access the desktops and the
Internet through the access point. You may also find SOHO routers (figure above) that
has integrated access points for connecting wired and wireless devices in home or
small business networks.
SSID
81
irrespective of the wireless card used. This is useful to consumers who work with
different WNIC from a variety of vendors.
Install WNIC
a. Connect the WNIC; install the device drivers by referring to the product
manual.
b. Verify if it properly installed using Device Manager.
a. Click Start > Control Panel > Network and Sharing Center.
b. Select Set up a new connection or network.
c. Select Set up a wires ad hoc (computer-to-computer) network, click Next.
d. Click Next.
e. Type a name, for example LABWIFI in the Network Name:, select No
authentication (open) from Security type: dropdown list, select Save this
network.
f. Click Next, click Close. Now this computer is configured to accept WLAN
connections.
Note: You will be able to access each other computer by its computer name or by IP
address. Since there was no IP set, both this connection will have the auto-configured
82
IP address (169.254.x.x range) and should be able to communicate between these
two. You can also specify an IP address. Use the procedure for setting static IP address
covered earlier.
a. Connect the WAP to a free computer on the network via LAN port (Advisable for
first time setup).
b. Open the web browser, type the IP address of the WAP.
c. Select Wireless > Channel and SSID.
83
Notice the list of connection(s) displayed. To connect, double-click INFRADEMO from
this list. You will be connected to the WAP.
Before you implement a WLAN, you need to understand the requirements such as
coverage, number of computers that will connect, roaming, data rates, etc. This
process requires planning and designing, commonly referred to as Site Survey.
WLAN, since it uses radio waves they are prone to interference and the effect range
can be determined only after a thorough study. You can analyze the signal strength,
coverage, etc. by placing a WAP at a fixed location, move a client device to measure
and conclude the actual requirements.
EXERCISE
S.No Activities
.
a. http://en.wikipedia.org/wiki/WLAN
b. http://en.wikipedia.org/wiki/Wireless_network_interface_controller
c. http://en.wikipedia.org/wiki/Wireless_access_point
84
Wireless Adapters (Sample provided below for your reference).
Vendor Netgear
Model A6200
Interface
PCI No
USB Yes
PCMCIA No
Cardbus No
PCI Express No
IEEE Standards
IEEE 802.11b Yes
IEEE 802.11g Yes
IEEE 802.11a Yes
IEEE 802.11n Yes
Supported Speed (Mbps)
11 Yes
54 Yes
150 Yes
300 Yes
Operating Systems
Microsoft Windows XP Yes
Microsoft Windows
Vista / 7 Yes
Linux No
Frequency
2.4 GHz Yes
5 GHz Yes
Dual Band (2.4 + 5 GHz) Yes
Wireless Security Support
WEP, 64-bit Yes
WEP, 128-bit Yes
WPA Yes
WPA2 Yes
Antennas
Single No
Double No
Detachable (Yes/No) No
ASSESSMENT
1. Explain WLAN.
85
2. Explain IEEE 802.11 standards.
3. Explain Wireless Access Points.
4. Differentiate AHDOC & Infrastructure Networks.
5. Explain the procedure to setup a AHDOC Network.
6. Explain the procedure to setup a Infrastructure Network.
7. Differentiate Wireless Zero Configuration & Proprietary Utility.
1. __________ are devices that acts like a bridge connecting wired & wireless
networks.
2. Acronym for SOHO _________________________________________.
3. Acronym for WAP __________________________________________.
4. ___________ is used for identifying a WLAN.
5. ___________ mode in WLAN uses an AP.
6. ___________ mode in WLAN does not require an AP.
7. __________ type of SOHO routers have integrated WAP.
8. IEEE 802.11b can support maximum speed up to _____ Mbps.
9. IEEE 802.11a can support maximum speed up to _____ Mbps.
10.IEEE 802.11g can support maximum speed up to _____ Mbps.
11.IEEE 802.11n can support maximum speed up to _____ Mbps.
12.IEEE 802.11g is backward compatible with IEEE 802.11___.
13.IEEE 802.11b & g devices operate in the frequency range of _____.
14.IEEE 802.11a devices operate in the frequency range of _____.
86
Session 16: Wireless Security
Learning Objectives:
At the end of this session, you will be able to:
1. Understand and implement WLAN Security.
RELEVANT KNOWLEDGE
You can protect WLAN’s by using wireless security such as Wired Equivalent Privacy
(WEP) and Wi-Fi Protected Access (WPA) to encrypt and decrypt network traffic.
Piggybacking
Protecting WLAN
In order to protect wireless networks, there are a variety of methods available listed
below (not limited to):
Note: Some of these methods may not be possible if the WAP or SOHO router with
integrated AP lacks such capabilities.
1. Use MAC address authentication / filtration: You can add the list of MAC addresses
of computers or devices to the WAP. Connection to the WAP will be allowed only if
the WAP finds matching MAC address.
87
b. Select
MAC
Address
Filtering
.
c. Type the
MAC
Addresses of the computers or devices that you would like to allow. Click Add
and Click Apply Changes. Repeat to add more MAC addresses.
WEP is a widely used security algorithm and is often the first security choice.
Although its name implies that it is as secure as a wired connection, due to
numerous flaws and has lost out to newer standards such as WPA2. WEP uses 64-bit
or 128-bit encryption.
WPA (Wi-Fi Protected Access) & WPA2 (Wi-Fi Protected Access II)
WPA and WPA2 are two security protocols and security certification programs
developed by the Wi-Fi Alliance to secure wireless computer networks.
WPA protocol implements a lot of the IEEE 802.11i standard, especially the
Temporal Key Integrity Protocol (TKIP). TKIP employs a per-packet key, i.e. it
dynamically generates a new 128-bit key for each packet thus preventing attacks
which compromised WEP.
WPA2 has replaced WPA. WPA2 uses CCMPa new AES-based encryption mode with
strong security and is considered most secure.
88
3. Disabling SSID broadcasts: If SSID broadcast is disabled, SSID’s will not be displayed
when computers attempt to discover WLAN’s.
c. Uncheck Broadcast SSID. Click Apply Changes. Now click the Wireless icon on a
client computer and notice this SSID is not listed anymore.
4. Implement Wireless intrusion detection systems and monitor your network for any
intruders attempting to access your network through WLAN. This method is most
expensive as it involves use of special devices and requires additional research.
Given below are guidelines to optimize and troubleshoot wireless networks based on
best practices:
WLAN’s use radio waves that is limited in distance. If the end device such as
desktop or a laptop is quite far away from the WAP, the signal would be weak. It is
advisable to either move the devices as close as possible or to place the devices
(at least the WAP) at a higher level to avoid interference from obstacles such as
cupboards, etc. Anything made of wood, steel, concrete, glass, etc. absorbs
signals resulting in poor signals. Use a range extender to increase coverage area.
Change channels (optional) to move away from other consumer devices such as
cordless phones, microwave oven, etc. that may use the same frequency.
Use external antennas if supported by the WAP or Wi-Fi Router.
89
EXERCISE
S.No. Activities
90
Wireless Access Point
Vendor Linksys
Model WAP610N
Details
Default SSID linksys
Default Password admin
Assigned by
Default IP address DHCP
IEEE Standards
IEEE 802.11b Yes
IEEE 802.11g Yes
IEEE 802.11a Yes
IEEE 802.11n Yes
Supported Speed (Mbps)
11 Yes
54 Yes
150 Yes
300 Yes
Frequency
2.4 GHz Yes
5 GHz Yes
Dual Band (2.4 + 5 GHz) Yes
Wireless Security Support
WEP, 64-bit Yes
WEP, 128-bit Yes
WPA Yes
WPA2 Yes
WPS (Yes/No) No
Antennas
Single No
Double No
Detachable (Yes/No) No, 3 Internal
ASSESSMENT
91
Fill in the blanks
92
Session 17: Wide Area Network Concepts
Learning Objectives:
At the end of this session, you will be able to:
1. Understand Wide Area Networks.
2. Understand different types of Wide Area Networks.
3. Understand Routing & Remote Access Server.
RELEVANT KNOWLEDGE
A Wide Area Network (WAN) is a network that covers a broad area (metropolitan,
regional, or national boundaries) using private or public network transports. Using
WANs, data can be transmitted over very long distances.
There are a variety of WAN technologies available offering temporary (pay as per
usage) and permanent (24/7 availability) connectivity. Some of the common
connectivity includes Dial-Up, ISDN, DSL, Cable, Satellite and Wireless.
Dial-up
Dial-up is now widely replaced by DSL & Cable modem due to increased speeds and
lower cost today. However, you may still find people using dial-up connections for
Internet Access or for connecting to offices in remote location.
ISDN is a circuit switched network that enables digital transmission over telephone
lines. It allows data, voice; video transmissions over a single line and multiple devices
can use the same communication line. ISDN is widely used for high speed Internet
access in most countries.
93
DSL
DSL is offered by vendors with a variety of options and sometimes with usage
restrictions based on quota and/or bandwidth. For example, an ISP may offer a
download speed of 2 Mbps and configure it in a way that it steps down automatically
to 512 Kbps or lower once you reach a download limit of 10 GB. However, this
depends on the plan taken from an ISP.
Note: Your facilitator can demonstrate to set up a DSL connection only if a DSL router
and an active internet connection is available. You need an active DSL connection
from an ISP, a DSL Modem and a computer to use DSL.
94
Cable Internet Access
Wireless WAN
Wireless Internet access is used where wired connectivity is not possible or for remote
locations. Wireless WAN uses technologies such as LTE, WiMAX, GSM, CDMA, etc. for
providing connectivity.
WiMAX
WiMAX or Worldwide
Interoperability for
Microwave Access is a
wireless communication
standard used for providing Internet Access to fixed stations. WiMAX is used where
wired Internet access such as DSL or Cable is not possible or available.
VPN
Virtual Private Network (VPN) allows private network (LAN) to be extended outside
the network. Users of VPNs access resources as if they are present locally though
actually they are located remotely. A VPN connection is created through a WAN link
such as the Internet but appears as a private link to the end-users hence the name
Virtual Private Network. Though accessed through the Internet in most cases, high
level of security is maintained between the host computer and the network through
use of tunneling protocols and encryption. VPN uses PPTP (Point to Point Tunneling
Protocol) or L2TP (Layer 2 Tunneling protocol) protocol.
95
RRAS (Routing & Remote Access Server)
RRAS (Routing & Remote Access Server) is a feature in server operating systems used
for managing remote connections. RRAS supports a variety of connections including
Dial-up & VPN (Virtual Private network – you will read about this later) and usually
support tens to hundreds of incoming connections. This is usually used by large
organizations and ISPs.
Routing
In Static routing, packets are transmitted through a fixed route as set in the
routing table defined by an administrator. It is not fault-tolerant as it can lead
to a single point failure; however, as the route path is known to the
administrator, static route is considered to be secure.
Dynamic routing refers to the capability where the routes are determined by
the router automatically based on conditions. Packets may take alternate
routes in case of a change in network condition.
When you specify an IP address and a subnet mask, you also need to specify an IP
address in the default gateway column. Routing takes place when a packet is
identified for delivery to a remote network. Once the packet is determined not a part
of the local network, it is forwarded to the default gateway. Such packets forwarded
to the default gateway, are routed and sent to the destination network.
Routing Protocols
In dynamic routing, routing tables are created and managed by routing protocols that
automatically run on a router. Routing protocols enable routers to exchange the
routing table between them periodically or when there is a change in network
condition. Two categories of dynamic routing protocols are Distance-vector protocols
and Link-state protocols.
Routing Commands
TRACERT
TRACERT is a command line utility used for displaying path taken by a packet and
measuring transmit delays across an IP network. TRACERT uses ICMP.
ROUTE
Route is a command line utility that is used for viewing and manipulating routing
tables. Routing table on computers is automatically built based on the IP
configuration of your computer. Route command is also used by administrators to
make manual entries in the routing table to define static routes.
97
PATHPING
PATHPING is a command line utility that combines the power of both PING and
TRACERT. PATHPING can provide PING-like statistics between each host traced through
TRACERT.
98
EXERCISE
S.No. Activities
1. Use Tracert command to trace route for at least five websites.
2. Use Route command to view the routing table.
3. Use Pathping command for at least five websites.
4. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Dial-up
b. http://en.wikipedia.org/wiki/Integrated_Services_Digital_Network
c. http://en.wikipedia.org/wiki/XDSL
d. http://en.wikipedia.org/wiki/Cable_Modem
e. http://en.wikipedia.org/wiki/Wireless_WAN
f. http://en.wikipedia.org/wiki/VPN
g. http://en.wikipedia.org/wiki/Routing_and_Remote_Access_Service
h. http://en.wikipedia.org/wiki/Packet_switching
i. http://en.wikipedia.org/wiki/Static_routing
j. http://en.wikipedia.org/wiki/Dynamic_routing
k. http://en.wikipedia.org/wiki/Routing_Protocols
ASSESSMENT
100
Session 18: Networking Services – Proxy Servers and Address Translations
Learning Objectives:
At the end of this session, you will be able to:
1. Understand Proxy Servers.
2. Understand NAT.
3. Understand and use Remote Desktop.
RELEVANT KNOWLEDGE
Proxy Server
NAT
101
3. NAT software on the Router replaces 192.168.1.1 with 202.12.12.18 and sends
the request to 73.12.34.54.
4. 73.12.34.54 replies to 202.12.12.18.
5. NAT software replaces 202.12.12.18 with 192.168.1.1 based on its NAT table.
6. Reply is sent to 192.168.1.2.
The process is repeated for all other clients in the network. Thus though they are
assigned Private IP addresses, computers in a network can access the Internet by using
a single public IP address.
SOHO Routers are NAT devices widely found in home and small business networks.
Since routing happens between public & private IP addresses and vice versa depicting
the function of routing, NAT devices are commonly referred to as Routers.
Note to Instructor: Lab: Work with NAT Device (Use Product Manual)
102
EXERCISE
S.No. Activities
1. Refer to the following articles:
a. http://en.wikipedia.org/wiki/Proxy_server
b. http://en.wikipedia.org/wiki/NAT
c. http://en.wikipedia.org/wiki/Internet_Connection_Sharing
d. http://en.wikipedia.org/wiki/Wireless_router
2. Compare different models of routers available from different vendors.
Use the Wired Adapters Worksheet below:
103
Wireless Routers (Sample provided below for your reference).
Vendor Belkin
Model N600
Details
Default IP 192.168.2.1
Default Username N/A
Default Password None
Default SSID belkin.7eb
WPS (Yes/No) Yes
IEEE Standards
IEEE 802.3 Yes
IEEE 802.3u Yes
IEEE 802.3ab No
IEEE 802.11b Yes
IEEE 802.11g Yes
IEEE 802.11a Yes
IEEE 802.11n Yes
Supported Speed (Mbps), Wired
10 Yes
100 Yes
1000 No
10000 No
Supported Speed (Mbps), Wireless
11 Yes
54 Yes
150 Yes
300 Yes
Frequency
2.4 GHz Yes
5 GHz Yes
Dual Band (2.4 + 5 GHz) Yes
Wireless Security Support
WEP, 64-bit Yes
WEP, 128-bit Yes
WPA Yes
WPA2 Yes
Antennas
Single No
Double No
Detachable (Yes/No) No, Internal
Ports
WAN Yes
LAN 4 Ports
104
ASSESSMENT
105
Session 19: Network Security
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of Network security.
2. Understand and use Firewall.
3. Understand the purpose of Patch Management.
4. Understand the purpose of Anti-Virus Software.
RELEVANT KNOWLEDGE
When you connect to the Internet, your computer and/or network is exposed to a
public network where anyone could possibly attack and gain access to resources
including data. You can implement certain measure such as using a firewall to protect
a computer or a network from such situations.
Firewall
Firewalls are software or hardware devices that protect a computer and/or a network
by analyzing and controlling both incoming and outgoing network traffic. Firewalls act
like a window between internal and external network allowing authorized users to
access resources. Most operating systems include a software firewall that is sufficient
enough to keep computers on a small network secure.
Windows Firewall
Windows Firewall protects the computer by using the default settings (firewall rules)
that can be modified anytime. Most commonly used network applications such as web
browsers, email client software, etc. work without the need for modifying the
settings on the firewall. Some network applications may not work as intended if it is
blocked by the firewall (for example, an antivirus software may not be able to update
itself from the Internet); in such cases, you need to add the application to the
106
exception list indicating that
the application is permitted to
use the network or the Internet.
Patch Management
107
Lab: Update an Application (Firefox).
Popular applications such as Firefox include option for checking updates directly from
within the software.
You can use products such as Belarc Advisor & Microsoft Baseline Security Analyzer
(MBSA) to analyze the computer for any risks or threats and take corrective action.
Anti-Virus Software
Anti-virus software can help in protecting your computer against viruses. It is highly
recommended that you use an anti-virus software and most importantly, keep it up to
date! Some of the popular anti-virus software vendor include AVG, AVAST, McAfee,
Symantec, Kaspersky, Microsoft, etc.
EXERCISE
108
S.No Activities
.
1. Add at least three network applications to the firewall exception list.
2. Collect list of 3rd party firewalls and present it to the class.
3. Collect list of Anti-Virus software that has built-in firewall and present it to
the class.
4. Refer to the following websites:
a. http://en.wikipedia.org/wiki/Firewall_%28computing%29
b. https://en.wikipedia.org/wiki/Antivirus_software
ASSESSMENT
109
Session 20: Troubleshooting Networks
Learning Objectives:
At the end of this session, you will be able to:
1. Troubleshoot Network related issues.
RELEVANT KNOWLEDGE
Troubleshooting Networks
You have learnt a variety of utilities and concepts. When you manage a network, it is
quite common to face a number of issues related to network or Internet connectivity.
Always check for any recent changes made to a computer or network before starting
to troubleshoot; it’s most likely that you find a clue that will save time.
Network cable unplugged: Indicates issue with cable; check if the cables are
properly connected to both computer and network switch or SOHO Router. Use
alternate cables to confirm.
Limited or No Network Connectivity: Indicates issue with network card or IP
settings, later more common. Check if the computer is configured as a DHCP client
and verify its IP address, gateway and other relevant settings.
The Network Path cannot be found: Indicates issue with network card, IP settings
or Name resolution problems. Use the File and Print Sharing troubleshooting
procedure.
Windows has detected an IP address conflict: Indicates issue with IP address;
assign another static IP address that is different than the one assigned to other
computers within the same network.
A duplicate name exists on the network: Indicates two or more computers in a
network have the same name; assign another computer name that is different than
the one assigned to other computers.
Use the following checklist and scenarios as a general guideline when troubleshooting:
If you are unable to connect to another computer on the same network, do the
following:
110
c. Check LED indicators on the NIC to verify connectivity status, interpret
based on NIC product manual.
3. Check if the NIC is installed and working properly using Device Manager.
a. Sometimes the device drivers may be updated when operating system
downloads and installs updates automatically. In some cases, updated
drivers may be pushed through special software bundled along with
device drivers. Typically updated drivers work properly as they address
technical issues caused in earlier versions. In rare cases, these device
drivers cause problems and need to be replaced with the drivers that
worked earlier. .
i. Use device manager to find if the driver was updated to a most
recent one and if that’s causing the problem; if yes, try using
Rollback driver to replace the current driver with the previous
device driver.
ii. If Rollback driver did not fix the problem, re-install device drivers
from the original compact disc. If original compact disc is not
available, then download the drivers from Vendor’s website and
complete the installation. Verify if the issue is fixed.
iii. Always use device drivers intended for the correct version of the
operating system. Device drivers designed for 32-bit operating
systems are NOT compatible with 64-bit operating systems and
vice versa.
iv. Download drivers ONLY from the manufacturer’s website; never
download drivers from 3rd party websites that may be modified
internally and may cause major problems. Contact the vendor for
correct or compatible device drivers.
4. Check if the NIC settings are proper (if altered) using Device Manager.
a. In general, settings are managed automatically and usually not modified
in home, small business or enterprise networks. Sometimes, network
card settings are modified to match a network environment and
incorrect settings can lead to problems in network connectivity.
b. Use Device Manager to verify if settings such as duplex settings, etc. are
intact. If unsure, reset the settings to the default value indicated as
Auto; refer to NIC’s product manual.
5. Check if the computer has a valid IP address (Use IPCONFIG).
a. Computers are usually configured to receive IP address from DHCP in
most networks to ease administration. If there are issues with the DHCP
server, computers configured as DHCP clients will not receive any IP
address resulting in network issue. In home and small business networks,
devices such as SOHO routers provide IP addresses to client computers.
i. Check if the DHCP Service is functional by logging to the SOHO
router.
111
ii. If all other computers configured as DHCP clients receive IP
address from DHCP Service, then do the following (try each step
and verify if the issue is resolved):
1. Use IPCONFIG/RENEW.
2. Disable and enable Network Adapter (Local Area
Connection).
3. Check if any firewall or startup program is blocking (Use
MSCONFIG to reduce startup programs and check firewall
settings).
4. Test the affected computer by assigning a static IP address
in the same subnet. Verify if the issue is resolved.
Unable to connect to Internet (WAN).
Always verify if the issue is associated with a particular program or all programs on a
computer. You can save time by proper probing to understand the exact issue. For an
example, if you hear a complaint like “Internet not working”, it could actually refer
to an issue when a user is unable to use their email client, a web browser, video
conferencing software or a game.
1. Test if the computer is able to communicate with the gateway (Ping gateway’s
IP address).
2. Test if the computer is able to communicate with the DNS server (Ping DNS
Server’s IP address).
a. If you receive request timed out or extremely delayed response from
your external DNS servers, try using other DNS Server’ IP address such as
one of the Public DNS servers. Using Public DNS Servers can improve
performance and resolve issues related to DNS name resolutions; for
example, Google provides free Public DNS to be used as alternate to DNS
Servers. Typically ISP’s provide Primary and alternate DNS’s server’s IP
address pushed along with your IP address when you subscribe; if you
have performance or name resolution issues with your ISP’s DNS Servers,
then it is recommended to use the Public DNS Server’s IP address. For
example, to use Google’s Public DNS Servers on a computer, do the
following:
i. Click Start > Run > Type ncpa.cpl > Click OK.
ii. Right-click Local Area Connection, select Properties.
iii. Select TCP/IP (TCP/IPv4), select Properties.
iv. Enter 8.8.8.8 and 8.8.4.4 as primary and alternate DNS Servers,
click OK.
112
Now your computer will use the Google’s Public DNS servers for
name resolution instead of your ISP’s DNS Server. You can also
specify the Google’s Public DNS Server’s IP address in your SOHO
Router, if you want to use Google’s Public DNS Servers for all
computers and devices within your network; refer to SOHO router’s
product manual to alter this setting.
113
(SOMENAME@EXAMPLE.COM) for login names. Verify password as
well; check if the password was recently changed.
iii. Check if this the ports are blocked by a firewall by using TELNET
iv. Verify the email client POP3/SMTP settings of the email client by
referring to the settings as required by the ISP.
v. Some ISP’s offer complimentary email addresses when customers
avail web hosting services; usually the POP3/SMTP settings are
different than the conventional port numbers or settings, contact
ISP for exact details if required. Check if the ports are accessible
using TELNET.
Tip: Most ISP’s allow email access through a web browser pointing
to customer’s domain names, commonly referred to as webmail
such as mail.domainame.extension. Check customers webmail to
verify the status of mail service and provide alternate access until
the actual issue is resolved.
c. If the issue is related to a chat software or video conferencing software
such as Skype, do the following:
i. Verify and confirm if other applications are working
ii. Some video conferencing software use TCP or UDP ports that may
be disallowed by default in the firewall settings of a local
computer. Open the firewall and the application to the exception
list and verify if it is working.
iii. If you are using a computer behind a SOHO Router, you may have
to open certain port numbers or port range for the application to
work. Usually port numbers required by such applications are
documented and labeled as “Port Forwarding” by respective
vendors. Refer to the application software and the SOHO router to
configure.
iv. In certain cases you may have to expose all port numbers for a
particular computer in a network; for example, multiplayer games
designed for use in the Internet or an organization providing a
range of services from set of computers or hosts. Demilitarized
Zone or DMZ, is a perimeter network that separates a single
computer or a network from the LAN (though it is a part of the
LAN) allowing access to a specific computer or the network.
Computers that belong to DMZ typically used in SOHO Routers are
exposed to the Internet, prone to direct attacks. Refer to SOHO
Router manual for further reference.
114
1. File and Print sharing service is widely used in most networks, especially on
Microsoft Windows Networks. On a Microsoft Windows Network, computers are
accessed each other by computer names. For example, a folder with a share
name “MYSHARE” on a computer named “DESKTOP01” is accessed through the
UNC path, \\DESKTOP01\MYSHARE. If you are unable to access shares, do the
following:
a. Confirm the share name and computer name.
b. Check if its computer or network specific; for example, if this share is
not accessible only a particular computer or the entire network.
i. If it is across the entire network, then do the following on the
computer that is configured to act as a server:
1. Check network adapter & IP address settings.
2. Check if File and Printer Sharing is allowed in Windows
Firewall or 3rd party firewall.
ii. If it is only on a single computer, then do the following on the
computer where the share is being accessed:
1. Check network adapter & IP address settings.
2. Check if you are able to access the computer by IP address
instead of computer name.
a. If you are able to access the computer by IP address
but not by computer name, it indicates a problem
with name resolution. Add the remote computer
along with its IP address in the HOSTS file for quick
resolution.
b. Check if NETBIOS over TCP/IP is enabled (Advanced
Settings of TCP/IP Properties).
c. Check Firewall settings. If unsure, disable firewall
and verify.
Some operating systems include built-in facilities for fixing issues automatically. For
example, you may use the Repair or Diagnose option to fix network issues
automatically. This could be useful for users who do not have sufficient knowledge to
fix network issues or even understand their network setup. Network troubleshooter is
designed to run series of tests and present friendly messages that can be understood
by non-technical persons. To repair your network connection (Windows vista / 7)
automatically, do the following:
115
2. To troubleshoot issues related to Internet connectivity, select Connect to the
Internet.
TELNET
Consider this situation when you want to understand if a web or an email server is
functioning properly and you send packets to a remote computer using the PING
utility. PING works based on ICMP, a protocol that operates at the network layer;
whereas a web works at the application layer listening for HTTP requests. If you
receive replies when using the PING utility, it indicates the computer providing the
service works, not the service itself.
Usually you will use a web browser to connect to a web server by sending HTTP
requests. However, in this scenario you are not sure if the web server is listening or
not. Hence, you can use the TELNET (to emulate an HTTP request) to confirm if the
web server is listening or not. To test if the web server is listening to incoming
requests, do the following:
116
Notice the first line displaying HTTP 400 Bad Request and rest of the screen filled with
HTML code. Typically web browsers send HTTP requests in a format that only a web
server can understand. In this case we have used TELNET program to send a request
and the connection was accepted. This indicates and confirms that the web server
was listening to port 80.
You can use the TELNET utility to check other application protocols such as SMTP,
POP3, IMAP, etc. by using its destination address and the port number to confirm the
status of server applications.
Remote Desktop
a. On computer A, click Start > Run and type SYSDM.CPL, click OK.
117
b. On computer B, click Start > Run and type MSTSC.EXE, click OK.
Now you should be able to perform administrative tasks on the remote computer.
You can also use other 3rd party software such as VNC, TeamViewer, GoToAssist,
Ammyy admin, GoToMyPC, LogMeIn, Radmin, Symantec pcAnywhere, Google Chrome
Remote Desktop, etc. for taking remote control of a computer.
Troubleshooting Model
As a general practice, you need to adopt a troubleshooting model that can help you
stay organized and troubleshoot effectively. Given below is a general guideline:
118
a. Examples: Was any software downloaded and installed with or without
their knowledge? Any settings were changed? Any hardware device added
or removed? etc.
3. Determine the most probable cause.
4. Create an action plan.
5. Verify the result and apply preventive measures.
6. Document the resolution.
Though this gives you a broad picture about troubleshooting, you may have to use
additional resources in certain situations. Use the following guidelines to enhance
your knowledge on troubleshooting further:
Most product manuals or help files include detailed instructions for completing
most tasks. It is highly recommended to read the product manual to understand
features and limitations prior to troubleshooting. Sometimes, you may also find
late-breaking information (most recent issues when the product is about to be
shipped out) usually documented in a file labeled as Readme.txt or Readme.htm.
Vendors also provide additional Self-help through community forums setup for
each product or feature at their websites. You may submit your question or issue
that may be answered by experts for a possible resolution. Be aware that you may
even receive an answer from a normal registered user who may or may not be
100% competent in the particular area; if the answer is vague, try validating the
answer from another expert in such cases.
Paid or Free Support is offered by a variety of vendors; some vendors offer free
support through email or chat while charge a fee for voice support. Research by
visiting the website and find out if there is a way to get your solution, either for
free or for a small fee.
Make use of free eBooks or training materials that are widely available on the
Internet. Use free resources such as Wikipedia, eHow.com, about.com, etc. for
articles on networking, troubleshooting, etc.
119
EXERCISE
S.No. Activities
1. Use the following remote administration tools to take remote control
of a computer:
a. Download, install and use TeamViewer
b. Download, install and use Google Chrome Remote
Desktop
c. Download, install and use Ammyy admin
2. Discuss different network scenarios and how to troubleshoot.
ASSESSMENT
1. Explain any three well-known error messages and cause of the error messages.
2. Explain the procedure to troubleshoot:
a. If you are unable to connect to another computer within a LAN.
b. If you are unable to connect to the Internet.
3. Explain the procedure to use remote desktop.
4. Explain the purpose of Remote Assistance with an example.
5. Explain any two remote administration tools.
120
WEB DESIGNING - PART I
Session 1: Introduction to Web Design and HTML
Learning Objectives:
At the end of this session, you will be able to:
1. Understand Web design concept.
2. Understand the purpose of HTML.
3. View Source Code.
4. Save Web pages.
RELEVANT KNOWLEDGE
You have surfed several websites, exchanged emails, performed online transactions,
etc. in the previous sessions. If you want to create websites like the ones you have
seen, you need to learn a variety of technologies, tools and techniques.
Web designing refers to the skills that are required to create and manage websites.
Web design as a whole refers to designing a user interface, authoring (programming)
or a combination of both. Designing a website requires multiple skills. However, it is
recommended to master and become skilled in one particular technology once you get
a taste of various technologies involved.
Web Publishing
A number of markup languages such as HTML, DHTML, XML are used to create web
based content. Apart from these, software products such as FrontPage, Dream Weaver
etc are also used to develop web based content. Web based applications are built
using technologies such as ASP (Active Server Pages), JSP (Java Server Pages), PHP
(Hypertext Preprocessor), ASP.net etc.
Understanding HTML
HTML or Hypertext Markup Language is a language used for created web pages that
can be viewed in a web browser.
121
Hyper – means active and all over the place! When you use a Web browser, you can
move all over the place, without a specified order as to how to access pages/sites.
Text – You will be working with text files only.
Markup – To create a Web page, you will type in the text and then “Mark up” the
text.
Language – This is a method of creating something or communicating and in this
case, you are creating Web pages using a particular syntax.
HTML elements are the building blocks of a website. Web browsers interpret the tags
written in HTML and display a web page. Hypertext refers to the text that can be
linked to another text or page which a user can access. Hypertext is the underlying
concept behind the World Wide Web.
All you need is a text editor such as notepad to create a web page using HTML. HTML
files have the extension .htm or .html. You can open the web pages using web
browsers such as Mozilla Firefox, Internet Explorer, Google Chrome, etc.
Web browsers have the ability to display the source code used for a web page. You
can use this to enhance your knowledge To view the code, do the
following:
You can save web pages for future reference using the following
procedure:
122
1. Select File > Save Page As…
2. Type a file name and click Save.
EXERCISE
S.No. Activities
1. Download and use different web browsers such as Mozilla Firefox, Google
Chrome, Internet Explorer (recent version).
ASSESSMENT
1. Explain HTML.
2. List any three popular web browsers.
3. Explain the procedure to view source code in Mozilla Firefox.
4. Explain the procedure to view source code in Internet Explorer.
5. Explain the procedure to view source code in Google Chrome.
123
Session 2: HTML Elements & Attributes - The Basics
Learning Objectives:
At the end of this session, you will be able to:
1. Use Basic HTML Elements.
2. Use HTML Attributes.
RELEVANT KNOWLEDGE
When you work with a document, you create headings, sub-headings, tables, etc. to
give the document a structure. Similarly in HTML, tags or elements are used to create
a web pages’ structure.
Look at an example of an online magazine. Online magazines have articles with text
content, images, videos, links or continuation to related articles, advertisements,
etc. They appear as a single web page to visitors. Have you noticed that the headings
are of varying sizes to indicating topics and sub-topics and different from the content?
All this formatting is possible using combinations of several HTML elements.
Note: To learn to use the tags, throughout this document, you will find examples of
code displayed within dotted boxes. Copy it in a text editor, save it in your local
computer and view using web browsers.
HTML uses tags enclosed in angle brackets; most tags are used in pairs such as
<html></html>, etc. Following is a simple example of HTML code:
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>Hello World!</p>
<!this is an example of simple HTML code created using Notepad>
</body> </html>
124
Important: Type the code in a text editor such as Notepad, save it as “filename.htm”
or “filename.html”. To edit the HTML file, open the file using notepad and save the
changes.
In the above mentioned code, there are a few HTML tags used. All HTML documents
start with <html> and end with </html>. The rest of the document contains other
elements and web page content placed using elements.
Document type or DOCTYPE is an element used for indicating the version of HTML
used in a web page. This is used by the web browser to apply a set of rules for
understanding the document structure.
HTML element indicates the start and end of an HTML document. <HTML>
indicates the beginning of this HTML document and </HTML> indicates the end.
HTML is also the root of an HTML document and has two parts, Head and Body
elements.
o Head element represents the header section of a document and contains
information about a web page. Head elements start with <head> and end
with </head>. This element includes all other elements that need to be
executed or understood before the content (included in the body element)
is displayed to the user.
Content placed within the <Title> and </Title> element is displayed
as the title of a web page and used by search engines to create
indexes of content.
o Body element represents the section that contains body content and is
displayed in the web browser. Most HTML elements are used within the body
element between <body> and </body> tags.
If you want to place hidden text in a web page, you can use the comment element
(<!--> and <--> tags). Text placed using comment element will not be displayed in
a web browser but can seen when viewing the source code. This is useful to
developers or users who would like to share their experience in writing HTML code
but hide the text from general visitors.
HTML Attributes
125
Nesting
EXERCISE
S.No. Activities
1. Create a HTML document for the following topics:
a. World Wide Web
b. Wireless Application Protocol (WAP)
c. Android Operating System
d. Firefox Operating System
Use the following guidelines:
Use Headings for titles
Include content within paragraphs (<p>)
Use comment element to include the source of information
Use appropriate titles for topics using Title Tag
ASSESSMENT
126
Fill in the blanks:
127
Session 3: HTML Elements & Attributes - Text Formatting
Learning Objectives:
At the end of this session, you will be able to:
1. Use Heading Elements.
2. Use common Text Elements.
RELEVANT KNOWLEDGE
Text formatting
You can format the text content of a web page to make it attractive by using other
HTML elements such as Headings, Bold, Italics, etc.
Element Description
Heading There are six levels of heading elements from H1 to H6. H1 has the
largest text size and H6 has the smallest heading text size.
Emphasize To emphasize a particular text in a sentence (for example a text that
should be pronounced different), use this element. Text enclosed
within <em> and </em> are displayed in italics.
Italics If you want the text to be displayed in alternate voice such as a text
translated from a foreign language, technical words or present text in
typographic italics, enclose the text within <i> and </i> elements.
Strong If you want to emphasize a text with stronger importance in a
sentence, use the strong element. Text enclosed within <strong> and
</strong> are displayed in bold.
Bold To make the text such as keywords visually bold, enclose the text
within <b> and </b>, the bold element.
Underline To underline the text, enclose the text within <u> and </u>, the
underline element.
Mark To highlight the text in a sentence, enclose the text within mark
element : <mark> and </mark>
Big If you want to display a particular text in a sentence bigger than rest
of the text in a sentence, enclose the text within the big element :
<big> and </big>.
Small To display a particular text in a sentence as smaller than the rest of
the text in a sentence, enclose the text within the small element:
<small> and </small>.
Subscript & Text enclosed within <sub> and </sub> are displayed as subscripts
Superscript and Text enclosed within <sup> and </sup> are displayed as
superscripts.
Pre Text enclosed using <pre> and </pre> tags are displayed as it is (in
the example below - using a mono-space font such as Courier).
INS & DEL Text enclosed within <del> and </del> are displayed as struck out
128
Element Description
while text enclosed within <ins> and </ins> is underlined.
Break To separate single lines or use multiple line spacing, use the break
element. Breaks between lines are represented through use of <br>.
No closing tag is needed.
HR To separate sections, use a horizontal line to indicate distinctiveness.
Horizontal line is indicated through use of <hr> element and requires
no closing tag.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p> HTML supports six levels of headings, H1 to H6 with H1 being the
largest.</p>
<h1>Main Heading</h1>
<h2>Sub heading, Level 1</h2>
<h3>Sub heading, Level 2</h3>
<h4>Sub heading, Level 3</h4>
<h5>Sub heading, Level 5</h5>
<h6>Sub heading, Level 6</h6>
<p> You are required to <em>agree</em> with our terms and conditions.</p>
<p> <i>HTML</i> is simple to learn.</p>
<p>It is important to know the common <strong>HTML Elements and
attributes.</strong></p>
<p>This an example of text displayed in <b>bold</bold>.</p>
<p>This an example of text displayed <u>underlined</u>.</p>
<p>This is an example of highlighted <mark>text.</mark></p>
<p><big>Sun</big> is the largest of all planets with 696,000 KM as it’s
radius.</p>
<p><small>Mercury</small> is the smallest planet in the Solar System ever
since Pluto lost its status and was reclassified as a dwarf planet.</p>
<p>this is an example of subscript for a formula, H<sub>2</sub>O</p>
<p>this is an example of superscript for a formula, (A+B)<sup>2</sup></p>
<pre>
/* Hello World program */
#include<stdio.h>
main()
{
printf("Hello World");
}
</pre>
<p>this is the correct spelling of <del>entreprenaur</del>
<ins>entrepreneur</ins></p>
</body>
</html>
129
Referencing Elements
Element Description
Quote To include short text such as name of an author, publisher, etc. in
quotes, use the quote element. You can also use the cite attribute to
indicate the source. Text included within <q> and </q> is displayed
within quotations.
Blockquote To include lengthy quotes, include text within <blockquote> and
</blockquote> elements.
Cite To specify a tile of a work such as title of a book, movie, painting, etc.
include text within <cite> and </cite> elements.
Abbreviatio To include abbreviations of acronyms, include the abbreviation
n between <abbr> and </abbr> elements. Text included within this
element will be displayed when the cursor is moved over the text.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>HTML Tutorial
<q>Created by Author Name</q>
<blockquote cite="http://en.wikipedia.org/wiki/Google_Analytics">
Google Analytics (GA) is a service offered by Google that generates detailed
statistics about a website's traffic and traffic sources and measures
conversions and sales.</blockquote>
EXERCISE
S.No. Activities
130
1. Modify the web page created in the earlier session using the following
guidelines:
Use Heading 1 for titles and Heading 2 for sub-titles.
Highlight important sentences using Mark Element.
2. Create a webpage for the following topics:
Compile a list of ten Algebraic with formula
Compile a list of ten Chemicals with the molecular formula.
Use the following guidelines:
Write at least one or two sentences about each topic.
Use Subscript and Superscript elements as required.
3. Create a webpage to include the following list of acronyms:
OSI Model
UTP Cables (with categories of cables)
Application Layer Protocols (with examples)
Use the following guidelines:
Write at least one or two sentences about each topic.
Use Abbreviation Element to include acronyms in text content.
131
ASSESSMENT
132
Session 4: HTML Elements & Attributes – Lists & Links
Learning Objectives:
At the end of this session, you will be able to:
1. Use Lists.
2. Use Links.
RELEVANT KNOWLEDGE
You can list elements to represent ordered, unordered or definition items. This could
be useful when you want to list instructions, numbered sets, etc. on a web page. A
sample of what these lists look like in a browser is given below:
Element Description
UL To create a list with no sequence, use the Unordered List element, the
tags <ul> and </ul> represent an unordered list and <li> & </li>
represent items in the list.
OL To create a list with sequence, use the Ordered List element, the tags
<ol> and </ol> represent an ordered list and <li> & </li> represent
items in the list.
Definition lists are used when creating lists of terminologies along with
Definition some descriptive text. The definition term tag is <dt> and the
definitions are paced between the <dd> and </dd> elements. The List
of definitions are enclosed within the <dl> and </dl> elements.
133
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>Junk food refers to food items that have less nutritional value and
considered unhealthy. Health food provides healthy diet and has high
nutritional value.
<ul>Junk Food
<li>Potato Chips
<li>Pizza
<li>Soda
</ul>
<ul>Health Food
<li>Milk
<li>Fruits
<li>Raw or Cooked Vegetables
</ul></p></body></html>
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>To check if the HTML code works in a variety of browsers, do the
following:
<ol>Instructions to use Mozilla Firefox
<li>Go to http://www.mozilla.org/enUS/firefox
<li>Select Mozilla Firefox Free download for desktop
<li>Install once complete
<li>Open the web page in Mozilla Firefox
</ol>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
134
<body>
<p>Following are examples of definition lists. </p>
<dl>
<dt>Pizza</dt>
<dd>Pizza is an ovenbaked, flat, round bread typically topped with a tomato
sauce, cheese and various toppings. An establishment that makes and sells
pizzas is called a "pizzeria".</dd><br>
<dt>Potato Chips</dt>
<dd> A potato chip is a thin slice of potato that is deep fried or baked
until crunchy. </dd><br>
<dt>Fruit</dt>
<dd> A fruit is a part of a flowering plant that derives from specific
tissues of the flower, one or more ovaries, and in some cases accessory
tissues. Fruits are also used in manufactured foods like:
<ul><li>Cookies<li>Muffins<li>Yogurt<li>Ice cream<li>Cakes, and many more.
</ul></dd>
</dl> </body> </html>
Links
Links are used for interlinking to web pages of other websites, different sections of a
web page, display email addresses, links to websites etc. Links that are used within a
website are referred to as Internal Links. These are used when you want to navigate
between pages or link to text, image, etc. within a website. Links that are outside a
website are referred to as external links. When using hyperlinks, you need to provide
a path that points to the resource. You can use:
Absolute paths are used when creating external hyperlinks as you need to provide a
complete path. Relative path is more common when you link resources within a
website.
Links are created using the <a> anchor element and href attribute along with link to
the resource. Text enclosed within <a href> and </a> are displayed as clickable
hyperlinks.
<!DOCTYPE html>
135
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>Example of an hyperlink that points to another <a
href="page2.htm">page</a> within a website.</p>
<p>Example of an hyperlink that points to <a
href="http://www.google.com">Google</a>, a popular search engine.</p>
<p>Example of an hyperlink that opens the default email client when clicked
to send a mail to <a href="mailto:webmaster@example.com">webmaster</a> of
example.com</p>
<a href="http://www.google.com" target="_blank">Example of link that opens in
a new window or tab.</a>
</html>
EXERCISE
S.No. Activities
1. Create a unordered list the types of soil found in India. Save the webpage
for later sessions.
2. Create a ordered list for New Indian states (e.g. Uttranchal, Chattisgarh
etc). Save the webpage for later sessions.
3. Create a web page with links to the following:
a. www.htmlhelp.com
b. www.w3schools.com
c. developer.mozilla.org/en-US/learn/html
Save the webpage for later sessions.
ASSESSMENT
136
2. __________ tag is used for indicating a ordered list.
3. __________ tag is used for indicating a definition list.
4. __________ element & __________ attribute is used for creating hyperlinks.
137
Session 5: HTML Elements & Attributes – Tables, Images & MultiMedia
Learning Objectives:
At the end of this session, you will be able to:
1. Create tables.
2. Use images in a web page.
3. Use audio & video elements.
4. Use flash animations.
RELEVANT KNOWLEDGE
Tables
You can create a table using the Table Element. Tables are made of rows and columns
similar to that of a spreadsheet. Rows are contained within table row element <tr>
and data is stored within row element <td>.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<table>
<tr><td>Name</td><td>Age</td><td>City</td
></tr>
<tr><td>Anand</td><td>17</td><td>Delhi</td></tr>
<tr><td>Rohit</td><td>23</td><td>Bangalore</td></tr>
</table></body></html>
Images
You can include images in your web page by using the <img> image element. Use the
SRC attribute to specify the location of the image and width and height attributes to
specify the dimensions of the image. Also it is a recommended practice to use the ALT
attribute for displaying text if the image is not downloaded.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<img src="HTML5logo.png" alt="HTML 5 Logo, is not displayed due to an error.
Please reload this page or contact the website administrator" width="300"
height="300"></body></html>
138
Working with Audio, Video & Flash
Element Description
Audio To include an audio clip, enclose the audio within the <audio> and
</audio> elements and point to the clip using SRC attribute. To
automatically play the audio, use the autoplay attribute. To display
controls, use the controls attribute.
Video To include a video clip, enclose the audio within the <video> and
</video> elements and point to the clip using SRC attribute. Also use
width and height attributes to specify the dimensions of a video clip.
Flash To embed a flash animation, use the <embed> and </embed>
elements and point to the animation using SRC attribute.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<audio src="pump_im.mp3" autoplay controls>
Your browser does not support the audio element.
</audio> </body></html>
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<video src="sample_mpeg4.mp4" height="320" width="200" controls>
Your browser does not support the Video element.
</video>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<embed src="sample.swf" height="200" width="320"></body></html>
You can also include videos from other sources such as youtube.com, etc. To include a
video from youtube.com, do the following:
139
1. Go to Youtube.com
2. Select a video clip
3. Right-click on the video and select Copy embed html.
Write the code within <body> and </body> section (sample below).
.<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<iframe width="640" height="360"
src="http://www.youtube.com/embed/v4oN4DuR7YU?feature=player_detailpage"
frameborder="0" allowfullscreen></iframe></body></html>
Now save and open this web page using a web browser.
140
EXERCISE
S.No. Activities
1. Create a audio dictionary using the following guidelines:
a. Choose at least five words from dictionary.com or other source
such as Wikipedia. Download relevant audio files
(pronunciation) and include next to the word.
2. Create web based tutorial for the following topics:
a. HTML
b. HTML Templates
c. Web Hosting
Use the following guidelines:
a. Link to tutorials relevant to the topic from youtube.com.
b. Use videos only that are marked as public domain.
ASSESSMENT
141
Session 6: HTML Elements & Attributes - Forms & Frames
Learning Objectives:
At the end of this session, you will be able to:
1. Use forms.
2. Understand form elements.
RELEVANT KNOWLEDGE
FORMS
Forms contain input elements such as text boxes, dropdown menus, check boxes,
radio buttons, etc. to collect information from visitors and sent to a web server for
further processing such as displaying search results or send to a database for storage.
Forms are created using <form> element along with action and method attributes.
Action attribute is used for specifying the URL to where the data needs to be
submitted. Method attribute is used for specifying the HTTP method, get or post.
POST attribute is used for storing or updating a database or for sending emails and
GET attribute is used for retrieving data.
Form element uses text boxes to collect text information and radio buttons, check
boxes and dropdown menus for collecting information through pre-defined options.
Control Description
Textbox Single-line text input box is typically used for collecting shorter
text such as usernames or passwords. Multiple-line text input
boxes are used for collecting lengthier text such as narrative
feedback, etc.
Radio Buttons Used for collecting single value from multiple values. You
should use type = radio attribute for using radio buttons in a
web page.
Checkbox Used for collecting multiple values. You should use type =
checkbox attribute for using checkboxes in a web page.
Dropdown Used for collecting single or multiple values from a dropdown
menu. You should use the option attribute along with values to
present multiple options.
Submit Submit button allows visitors to submit the value.
Reset Reset button clears all the selections made.
142
Sample Code – Forms
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>Subscribe to your weekly Newsletter</p>
<form action="http://www.example.com/signup.asp" method="post">
Name <input type="name" name="Name" size="30">
Password <input type="password" name="Name" size="30">
<textarea rows="3" name="Comments" cols="30"></textarea>
<p>I agree to the Terms and Conditions.
<input type="radio" value="Agree" name="R1"> Yes
<input type="radio" value="Diagree" checked name="R1"> No</p>
<p>10th <input type="checkbox" name="Class_10" value="ON"> 12th
<input type="checkbox" name="Class_12" value="ON"> Bachelors Degree
<input type="checkbox" name="Bachelors_Degree" value="ON"> Masters Degree
<input type="checkbox" name="Masters_Degree" value="ON"></p>
<p>This is an example of Dropdown Menu (Single Selection)</p>
<p>School Education Board<select size="1" name="School">
<option>State Board</option>
<option>Matriculation</option>
<option>CBSE</option>
</select> </p>
<p>
<input type="submit" value="Submit" name="Submit">
<input type="reset" value="Reset" name="Reset"></p>
</form>
</body>
</html>
Frames
Frames are used to display one or more pages within a single web page; collections of
different frames are referred to as a frameset. Frames are used when you want to
display different pages as a single page in a web browser.
<html>
<frameset cols="25%,50%,25%">
<frame src="sample.htm">
<frame src="sample.htm">
<frame src="sample.htm">
<noframes>
Text to be displayed in browsers that do not support frames
</noframes>
</frameset>
</html>
143
iframe
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title></head>
<body>
<p>You can use iframe to include a web page.</p>
<iframe width="600" height="300" src="lesson002.htm"></iframe>
<hr>
<p>You can use iframe to view another website live.</p>
<iframe width="600" height="300" src="http://www.mozilla.org"></iframe>
<hr>
<p>You can restrict scrolling in iframe.</p>
<iframe width="600" height="300" src="http://www.wikipedia.org"
scrolling=no></iframe>
</body>
</html>
EXERCISE
S.No. Activities
1. Create a form using the following guidelines:
Field Type Field No. of
Characters
Text box First Name 30
Text box Last Name 30
Text box LoginName 30
Text box Password 15
Text box ConfirmPassword 15
Text box Email 30
Text box Homepage 50
Dropdown (Single Qualification (10th, 12th,
Selection) Diploma, Bachelor’s Degree,
Master’s Degree)
a. Include Submit and reset buttons
b. Configure the form to send a mail to your personal email
address when submitted.
2. Create a feedback form using a free online form service provider and
integrate it with your blog.
144
3. Create a web page that includes the following websites using iframe:
dictionary.cambridge.org
www.merriam-webster.com
www.thefreedictionary.com
ASSESSMENT
1. ______ element is used for collecting information from a visitor in a web page.
2. ______ element is used for collecting names and passwords.
3. ______ , ______ & ______ elements can be used for collecting information
through pre-defined options.
4. _________ attribute or method is used for storing information.
5. _________ attribute or method is used for retrieving information.
6. _________ element is used for including frames.
7. Acronym for iframe ______________________
145
Session 7: HTML Elements & Attributes – Metatags, Doctypes & Validation
Learning Objectives:
At the end of this session, you will be able to:
1. Understand declaration and Use DOCTYPES.
2. Understand and use Meta tags.
RELEVANT KNOWLEDGE
Meta elements are used to provide structured metadata about a webpage. Metadata,
also referred to as data about data is used for providing internal information i.e
information that is understood by web browsers or web servers. Meta tags are used by
web browsers, search engines or web services.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title><meta name="author" content="First Name, Last Name">
<meta name="description" content="Learn about Meta Elements and Attributes">
<meta name="keywords" content="Meta Element, Meta Attributes, HTML Author
Element">
<meta name="copyright" content="COMPANY or AUTHOR NAME">
</head>
<body>
<p>Use View Source to view the code as code placed in header section will not
be displayed in the body section.</p>
</body>
</html>
DOCTYPES
DOCTYPES are declarations used for providing a formal definition of the HTML version
used in a web page. Browsers sniff or use this DOCTYPE declaration to understand the
HTML tags (elements & attributes) used in a web page. DTD or Document Type
Definition refers to set of markup declarations that define a standard document type.
146
You have learnt a variety of HTML elements and attributes in this module. Not all
elements, attributes or combination of both is supported by all browsers; to ensure
compatibility, it is considered a best practice to use compatible HTML elements and
attributes and also indicate the version of HTML standard used by a web page through
use of a DOCTYPE.
DOCTYPES must be indicated in the first line of a document as it helps the browser
understand the format used in a web page. Following are examples of DOCTYPES:
<!DOCTYPE html>
<html>
<head>
<title>DOCTYPE for HTML5</title>
</head>
<body>
<p>Documents marked with !DOCTYPE html are considered to be HTML 5
complaint</p>
</body>
</html>
HTML Validation
Though there are a variety of browsers available, it is important that you test the
code on popular browsers before making it available on the Internet. If it is not
checked, you cannot be sure of how it will be displayed to a user using a different
browser than yours. Also note that all computers will not have the recent versions of
web browsers; some users may still be using older versions of the web browsers. It is
the responsibility of a developer to check, verify and confirm if a website can be
published after thorough testing.
There are a variety of tools available for checking the HTML validity. Some of them
include:
147
Additional Reading
Though you have learned about basics of HTML, use the following resources for
enhancing your knowledge on HTML:
1. http://www.w3schools.com/html/default.asp
2. http://www.htmlhelp.com/
3. http://en.wikipedia.org/wiki/HTML
EXERCISE
ASSESSMENT
148
Session 8: Introduction to CSS
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of CSS
2. Understand CSS Standards
RELEVANT KNOWLEDGE
CSS or Cascading Style Sheets is a language used for describing the presentation
format of a web page. While HTML focuses on structure, CSS focuses on the
presentation.
Imagine that you are constructing a house. All the rooms, windows, kitchen, hall etc
have been built to specification. But still, it is only after the coats of paint are given,
does the finish and appeal to the home come. CSS is like the beautiful coat of paint
that you apply to the HTML structure to make it aesthetically appealing.
Separate content from presentation that is easier for developers to work with.
Use different style sheets to target different web browsers or devices.
Save bandwidth by writing several lines of presentation code in a separate style
sheet and link to it multiple pages.
Provide customized web pages to users based on their preferences.
Styles can be applied to a web page just with a click of a mouse. For example if you
have a web page with content using different HTML elements, you can apply different
styles to all the HTML elements at once. You can also create multiple style sheets that
can be applied to a web page on a rotation basis.
CSS Parts
CSS has two main parts, Selector and Declaration that associates rules for HTML
elements. (Refer figure below)
You can use a simple text editor such as notepad to create CSS code. You can
integrate the CSS code in a HTML file by one of the three following methods:
<!DOCTYPE html>
<html>
<head>
<title>Inline Code</title>
</head>
<body>
<p>Use View Source to view the code as code placed in header section
will not be displayed in the body section.</p><hr>
<h1 style="fontfamily: Arial; fontsize: 14pt; color: #0000FF">This is
heading 1 formatted with Inline Code</h1>
</body>
</html>
Notice the CSS code is placed within sections of the web page.
150
<!DOCTYPE html>
<html>
<head>
<title>Embedded Code</title>
<style>
h1 { fontfamily: Arial; fontsize: 14pt; color: #0000FF }
</style>
</head>
<body>
<p>Use View Source to view the code as code placed in header section
will not be displayed in the body section.</p><hr>
<h1>This is heading 1 formatted with Inline Code</h1>
</body>
</html>
In this case, you need to add the CSS Code to all the web pages in a website.
<!DOCTYPE html>
<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" type="text/css" href="CSSExercise001.css">
</head>
<body>
<p>Use View Source to view the code as code placed in header section
will not be displayed in the body section.</p><hr>
<h1>This is heading 1 formatted with CSS Code from an external CSS</h1>
</body>
</html>
h1 { fontfamily: Arial; fontsize: 14pt; color: #0000FF }
In this case there are two documents, a .htm and a .css file. CSS code is placed
within the .CSS file is linked to a HTML page with a single line of code. This can
help in saving time by excluding complete CSS code in all web pages of a
website. Yu can also alter the code in the CSS file that will automatically get
151
executed when the HTML page is loaded next time. Style sheets have the file
extension .CSS.
h1 { fontfamily: Arial; fontsize: 14pt; color: red }
Refresh the page that include references this style sheet and notice the results
displayed.
Additional Reading
Though you have learned about basics of CSS, use the following resources for
enhancing your knowledge on CSS:
1. http://www.w3schools.com/css/default.asp
2. http://www.caniuse.com
3. http://www.css3.info
4. http://en.wikipedia.org/wiki/Cascading_Style_Sheets
EXERCISE
152
ASSESSMENT
153
Assignment
1. Create a website with minimum 5 web pages for the following topics:
a. Windows 8 Mobile APP development.
b. Android Mobile APP development.
c. iOS Mobile APP development.
d. Free APP makers (Android, iOS & Windows).
e. Life Skill Development.
f. Learning at home using elearning.
2. Use the following guidelines for completing this exercise:
a. Use Heading 1 for title .
b. Use heading 2 for sub-titles.
c. Use tables whenever required.
d. Use Meta tags.
i. Provide brief overview of each page content (Title Element).
ii. Provide description of each page in less than 50 characters
(Description Element).
e. Provide the links and resources that you used for developing this website
as comments (Comment Element).
f. Use adequate breaks between paragraphs
g. Include at least three to five abbreviations
h. List the objectives at the starting as an ordered or unordered list.
i. Store all images in \images folder.
j. Use absolute path for all external links
k. Use relative path for all internal links.
l. Use hover effects for hyperlinks
m. Include relevant images as thumbnails. Configure images to open in new
window.
n. Include at least three videos from youtube.com relevant to the selected
topic.
o. Create a feedback form. Use websites such as emailmeform.com and
integrate the form in a separate web page (for example, feedback.htm).
p. Include navigation menu for including links to other web pages within
this website.
q. Use at least three tables. Tables must have only dotted borders.
r. Use HTML 5 as DOCTYPE and must pass validation.
s. Use CSS rounded corners for tables.
t. Use CSS for ALL elements.
u. Store all style sheets in \css folder.
v. Use CSS 2.1 as CSS Schema and must pass validation.
w. Include link to homepage on all web pages placed at the bottom.
x. Link to W3C HTML validator must be available on all web pages.
154
155
Session 9: Overview of XML & XHTML
Learning Objectives:
At the end of this session, you will be able to:
1. Understand XML
2. Understand XHTML
RELEVANT KNOWLEDGE
As you learn more about web designing or development, you need to learn some other
technologies that are used along with HTML & CSS such as XML & XHTML.
XML
XML or Extensible Markup Language is a markup language that defines a set of rules
for encoding formats. Unlike HTML, apart from being used in web pages, XML is also
used for variety of purposes such as database storage or retrieval and data exchange.
XML is used for separating data and document structure.
For example, when you design web sites, you may display product catalog or shopping
cart to visitors. The details of the products can be stored locally on the visitor’s
computer in an XML file instead of storing on the server thereby reducing the number
of trips in between.
Use of XML
Imagine if you want to send hundred records of matching products to a visitor based
on a specified keyword for example books. Here, each record may contain information
on book title, description, image of the cover, author, publisher, number of pages,
etc. and displaying these records on a single webpage may make it difficult for the
visitor to scroll up and down (a single lengthy page!). On the other hand if you want
to display only ten records a time, you need to send the request multiple times to the
server thus resulting in increased traffic and bandwidth usage. In such a case, you can
store the values of all records in a single file, write some code using HTML or
JavaScript and display ten records at a time in the visitor’s browser!
XML is also useful when you use incompatible database management systems. For
example, if a company uses proprietary database software which is different from the
client’s software, they may encounter issues while sending the data to their clients. In
such cases, XML can be used to send the data that can be exported or imported at
both ends.
156
Another advantage is that you can use any other application other than HTML to
display the data. For example you can write your own application for addressing
people with visual disabilities and read out the data stored in XML.
XML Code
XML is written as string of characters. XML document contains markup and data. XML
has a structure similar to HTML but it does not have any pre-defined elements like
HTML. You need to create your own tags. Like HTML or CSS, you can use a simple text
editor such as notepad to create XML code. XML code is case sensitive, requires
closing tags and should be properly nested (unlike HTML).
<school>
<class>11th</class>
<section>A</section>
<rollnumber>01</rollnumber>
</school>
2. XML files have the extension .XML. Now save this file as intro.xml.
3. Open this file (intro.xml) in a web browser. Notice the results displayed (figure
below).
Since you need to write your own code, given below are some of the rules you should
follow:
157
XML elements require proper opening and closing tags.
Attributes must be used within single or double quotes.
Elements can use multiple values, attributes cannot.
Elements are expandable, attributes are not.
XML Today
Though you have gone through a high-level overview of XML, it is recommended that
you use the following websites to learn more about XML and real-world examples:
http://en.wikipedia.org/wiki/XML
http://www.w3schools.com/xml/
XHTML
You can configure your HTML editor to add necessary code automatically. However,
you need to specify the DOCTYPE to be used by the editor. For example to configure
MEW to use XHTML, do the following:
Notice the XHTML version of XHTML used along with XML namespace is automatically
included in the web page.
Note: If you have already used a different version, then you need to add the code
manually.
158
Learn more about XHTML at:
http://en.wikipedia.org/wiki/XHTML
http://www.w3schools.com/html/html_xhtml.asp
EXERCISE
S.No. Activities
1. Create a XML file for defining the following custom elements:
a. CD Catalog
i. CD Title
ii. Name of the artist
iii. Title of the song
b. Library
i. Category of Book (Humor, Mystery, Murder, Classics etc)
ii. Title of the book
iii. author
c. Hotel Menu
i. Category of Cuisine (North Indian, South Indian etc)
ii. Item Category (Breakfast, Lunch, Tiffin, Snacks etc)
iii. Item Name
Save the file and view in web browser.
ASSESSMENT
159
Session 10: Web Design Scripting Tools
Learning Objectives:
After this session, you will be able to:
1. Understand the purpose of Web Site Design Scripting Tools
2. List different Web Site Design Scripting Tools
3. Understand the purpose of JavaScript
RELEVANT KNOWLEDGE
Web site design tools refer to tools used for web designing and web development that
help in creating interactive and intuitive websites. These tools save time as they may
contain ready to use, pre-defined codes. Some of them help you edit, debug or
manipulate graphics. Some of the popular tools include Aptana Studio, Notepad++,
Firebug, jEdit, CSSED, etc.
Scripting Language
Scripting language refers to code written manually and executed either at client side
(handled by the local browser at the client end) or server side (handled by the web
server). Scripts help in extending the functionality that is not possible using standard
HTML or CSS Code. For example look at a search engine like Google or train
reservation system like IRCTC; these are designed to cater to thousands of visitors
based on their request - like displaying search results or seat availability for a
particular train. Though there is a variety of programming languages used, scripting is
broadly classified into client-side and server-side scripting.
160
Overview of JavaScript
Like HTML, JavaScript is understood and executed by web browsers such as Mozilla
Firefox, Internet Explorer, Google Chrome, etc. and is therefore referred to as Client-
side scripting.
JavaScript is very user friendly and is used for purposes such as:
History
JavaScript was first created in May 1995 by Netscape, now called Mozilla. It was first
called Mocha. In December 1995, the name JavaScript was adopted. JavaScript was
made into a standard by an organization called ECMA. Though ECMAScript is the name
of the official standard, JavaScript is the popular name being used.
161
http://www.w3schools.com/js/
http://en.wikipedia.org/wiki/JavaScript
https://developer.mozilla.org/en-US/docs/Web/JavaScript
http://www.javascriptsource.com
EXERCISE
Perform the following activities till you understand where JavaScript can be used
S.No. Activities
1. Assume that you are asked to help a travel operator to design an
interactive form for his website.
He has eight buses (mix of AC, Non-AC, Sleeper, Semi Sleeper)
scheduled at different times plying between multiple locations.
The user should be able to key in his details, his destination, no. of
seats required, select the type of bus and date and time of
departure, after checking the availability of different types of buses,
their timing and the amount that to be paid.
Analyze and list the fields needed for creating the form to match the
business requirement.
Specify the fields that the user has to key in data and those where
the computer has to display data.
2. Imagine that you have to create a form to accept online deposits for
the Bank of India. Deposits may be of various types – Fixed Deposit,
Recurring Deposit, Savings Bank Deposit etc. Account numbers should
be valid and also amount available in a account should be displayed
when required. Also, if the amount of deposit is greater than 50000, it
should ask for a PAN number. On submitting the form, it needs to
display the total amount available for the depositor which is inclusive
of the amount entered.
Create a form on a chart and Indicate those areas where data is to be
validated and errors displayed.
3 Assume that you are asked to create a form for a medical shop.
Design a form on chart which will take in the Patients name, address
and phone no. details, the doctor’s name, the medicines he buys,
their rate, qty and total. Maybe there is a discount that may be given
by the shop.
Specify which fields need to be accessed using code and the
validations that need to be done on the fields.
ASSESSMENT
162
Answer the following questions:
163
Session 11: Overview of DHTML, AJAX & JQUERY
Learning Objectives:
After this session, you will be able to:
1. Understand the purpose of DHTML, AJAX and JQUERY.
RELEVANT KNOWLEDGE
DHTML is generally used for changing variables which in turn affects the look and feel
of content. For example visitors may be allowed to pick a theme for the website by
presenting a dialog box to choose from a list of themes. Another classic example is
the website navigation menu presented as a dropdown menu similar to the ones used
in applications and a ticker that updates cricket scores time to time.
Use samples of navigation menus, animation effects, tooltips, image effects, scrolling
menus, form effects, etc. from the following websites:
http://www.dynamicdrive.com/
http://www.dhtmlgoodies.com/
http://www.quackit.com/dhtml/dhtml_examples.cfm
View samples of DHTML and see the kind of things that can enhance the look and feel
of websites. If you observe, most of them are developed using a combination of HTML,
CSS & JavaScript.
Following is a list of URL’s that you can use for enhancing your knowledge:
http://en.wikipedia.org/wiki/Dynamic_HTML
http://www.htmlgoodies.com/beyond/dhtml
https://developer.mozilla.org/en/docs/DHTML
http://www.javascriptkit.com/dhtmltutors/
You can use attractive navigation dropdown menus using DHTML scripts or a product
such as DHTML Menu builder lite that creates the menu for you.
164
1. Download DHTML Menu builder lite from
http://www.xfx.net/utilities/dmbuilderlite/download.php
2. Follow the on-screen instructions and complete the installation.
3. Select Start > Programs > DHTML Menu builder
Refer to the help file for further instructions on creating a navigation menu and to
integrate that in your website.
AJAX
AJAX or Asynchronous JavaScript & XML is set of techniques used for developing
asynchronous web applications. Usually data is downloaded to the visitor’s computer
and displayed by the web browser; when additional data needs to be viewed, browser
sends request and the response is again displayed in the web browser. In such cases,
the entire web page will reload to display the new set of data. For example when you
use an online shopping website, you may notice the first 10 results are displayed and
when displaying the next set of results (11-20), the entire page refreshes. In such
cases you can write code to fetch the next set in the background without interfering
with the display of existing web page resulting in rich experience for the visitor.
AJAX uses a combination of HTML, CSS, XML and JavaScript. AJAX is widely used today
and is implemented through popular Ajax frameworks such as JQuery, MooTools,
Prototype, YUI Library, Dojo Toolkit, etc.
JQUERY
JQuery is one of the most popular web application framework used for many web
applications. You may have noticed fancy effects such as slideshows, collapsible
tables, etc. in few websites that look attractive (sample below).
Slideshows
You can use JQuery to produce such effects. Use the search engine to find samples or
demos of sliders, etc. and refer to the website for including them in your web page.
Most of them are easy to implement as the instructions are straight-forward.
165
Use the following websites to find samples of JQUERY & AJAX framework, refer to the
website for detailed instructions on integrating them in your website.
http://jquery.com/
http://mootools.net
http://prototypejs.org/
http://yuilibrary.com/
http://dojotoolkit.org/
Note: These website provide complete tutorials on learning and using them.
EXERCISE
S.No. Activities
1. Download a DHTML navigation menu and implement it in the website
created in the earlier sessions. Refer to the website where you
downloaded the script for instructions.
2. Download JQUERY and integrate it with a website. Modify the script
to apply different slide effects. Refer to the website where you
downloaded the script for instructions.
ASSESSMENT
166
Session 12: Introduction to VBScript
Learning Objectives:
At the end of this session, you will be able to:
1. Understand the purpose of VBScript.
2. Create a simple program using VBScript.
RELEVANT KNOWLEDGE
VBScript is a lighter version of the programming language Visual Basic and comes with
a fast interpreter. It has been installed by default in every desktop release of
Microsoft Windows 98 and in the Windows server since Windows NT 4.0 Option pack.
Uses of VBScript
VBScript is a general-purpose scripting language and can be used for both Client-side
and Server-side scripting. It is widely used among system administrators who work on
the Microsoft environment and is the scripting language for the Quick Test Professional
which is a test automation tool. Some embedded applications which are in use in the
industry (e.g. – industrial operator interface) also make use of VBScript. When used
for client side web development, it is similar in function to JavaScript. i.e. it is used
to write executable functions which can be used in HTML pages and which interact
with the Document Object Model (DOM) of the page to provide functionality which
HTML alone cannot give. It is also used for server-side processing of web pages and is
a pre-requisite for Microsoft ASP.(Active Server Pages).
Using VBScript
Consider VBScript as an add-on to HTML. While HTML is used for creating objects and
CSS for presentation, VBScript is used for manipulating DOM objects to provide a
particular function. For example you may have designed a feedback form including
fields for First Name, Last Name, Age, Email Address, etc. However if you want to
display popup text to guide the visitor to fill the details properly, you can use
VBScript.
167
VBScript is easy and fun to learn. You can use a text editor such as notepad to create
scripts, save them with the .html extension and run them using Microsoft Internet
Explorer web browser.
You need to add special tags to indicate the VBScript code present within the HTML
document. To indicate the presence of VBScript code, you need to place the code
within <script></script> HTML tags. The script tag can be placed in the <head> tag or
the <body> tag of the HTML.
<html>
<body>
<script type="text/vbscript">
document.write("Hello World!")
</script>
</body>
</html>
Notice that in the above example, the <script> tag has a type attribute which tells the
browser that it’s a vbscript. To print a text on the webpage use the document.write()
command. The output on the IE Browser is as follows.
http://www.w3schools.com/vbscript/
http://en.wikipedia.org/wiki/VBScript
168
EXERCISE
S.No. Activities
1. Create a simple program to:
a. Display “Hello Class”
b. Display “I am learning VBScript”
ASSESSMENT
169
Session 13: Overview of IIS & Apache Web Server
Learning Objectives:
After this session, you will be able to:
1. Understand the purpose of IIS & Apache Web Server.
2. Set up IIS.
3. Set up Apache Web Server.
RELEVANT KNOWLEDGE
IIS or Internet Information Services is a suite of products for web applications. IIS
includes a web server (hence popularly referred to as IIS), ftp server, news server and
SMTP service.
IIS is included in both client and server operating systems from Microsoft. IIS shipped
with client operating system is meant to be used for testing or internal development
purposes. IIS is required for processing server-side scripts included in web pages using
ASP. To install IIS, do the following:
Publishing Content
Once you install IIS, it creates the following folder structure \Inetpub\wwwroot
(typically in C:). This folder is used as the starting point of the website hosted on this
computer. You can copy or publish web pages into this folder and web pages in this
folder are served through the web server.
For example, if you have a web page index.htm or index.html, copy the file in
C:\Inetpub\wwwroot (should be like C:\Inetpub\wwwroot\index.htm). To access this
web page through a web server, type http://IPADDRESS/index.htm).
170
Note: You can also create subfolders and place content inside them. For example,
C:\Inetpub\wwwroot\SITENAME.
http://en.wikipedia.org/wiki/Internet_Information_Services
http://windows.microsoft.com/en-in/windows-vista/install-internet-
information-services-iis-7-0
Apache Web Server or Apache HTTP Server is the most widely used web server
software hosting millions of websites across the globe. Apache web server can be run
on Windows though Linux is the most popular operating system used. To use, Apache
Web Server, do the following:
1. Go to https://httpd.apache.org/.
2. Download Apache HTTP Server.
3. Install Apache HTTP Server by:
a. Double-click httpd-2.0.64-
win32-x86-no_ssl.msi.
b. Click Next.
c. Select I accept the terms
in the license agreement.
d. Click Next twice. Use the
following details on Server
Information (figure
adjacent).
i. Type a domain name, for example, example.com.
ii. Type the server name, for example, www.example.com.
iii. Type the email address, for example, admin@example.com.
iv. Select for All users, on Port 80, as a service – Recommended.
e. Click Next.
f. Select Custom.
g. Select Next.
h. Select Install.
i. Select Finish.
4. You need to test the web server once it is installed.
5. Open the web browser and type http://IPADDRESS. For example:
http://192.168.2.2. Default home page should be displayed (figure adjacent).
171
Publishing Content
Publish the files to the default content folder and view through the web browser (use
http://IPADDRESS).
http://en.wikipedia.org/wiki/Apache_HTTP_Server
http://www.apache.org/
EXERCISE
S.No. Activities
1. Install IIS and publish sample content. View using a web server (http).
2. Install Apache Web Server. Publish and view sample content (http).
ASSESSMENT
172
Session 14: Overview of ASP
Learning Objectives:
At the end of this session, you will be able to:
1. Have a high-level understanding of ASP.
RELEVANT KNOWLEDGE
When a request is send from the browser, an ASP page is passed to the ASP engine of
the web server such as IIS (Internet Information Services) and once processed, the
result is returned to the browser for display. Unlike HTML that displays only static
content (content that does not change unless modified by the developer), ASP allows
you to add, edit or change content dynamically on the web page. Also ASP code is not
displayed in the browser thus making it secure.
VBScript is the default scripting language for ASP and is the most preferred language
for developers who work with ASP. You can also JScript, Microsoft’s version of
JavaScript or PerlScript for developing Active Server Pages.
You can use a simple text editor such as notepad to create ASP code. To create the
code, do the following:
<!DOCTYPE html>
<html>
<body>
<%
response.write("My first ASP program")
%>
</body>
</html>
c. Now open the web browser and type the complete URL. For example:
http://192.168.2.2/intro.asp. Notice the results displayed (figure below).
173
d. Right-click, select View Source. Notice the code displayed.
In this case, the web server has already processed and returned only what is required
for the browser to display. Thus, for any server-side scripting, the code is executed at
the server’s end and browsers just need to display only the result (no support is
required at browser’s end for ASP!).
Today ASP is used in most websites that require dynamic web pages such as search
engines, online shopping portals, recruitment portals, etc. Though you had a high-
level overview of ASP, use the following resources for learning ASP:
https://en.wikipedia.org/wiki/Active_Server_Pages
http://www.w3schools.com/asp/
http://msdn.microsoft.com/en-us/library/aa286483.aspx
EXERCISE
S.No. Activities
1. Discuss the benefits of ASP. Use the resources included in this session.
ASSESSMENT
174
Session 15: Overview of PHP
Learning Objectives:
At the end of this session, you will be able to:
1. Have a high-level understanding of PHP.
RELEVANT KNOWLEDGE
PHP runs on many platforms including Windows, MAC, Unix, etc. PHP is compatible
with web servers such as IIS, Apache, etc. PHP supports using a variety of databases
such as MySQL, Microsoft SQL, Oracle, Microsoft Access, ODBC compliant databases,
etc. however, you find that MySQL as the most commonly used database in most
websites. Like any other Server-side scripting language, requests are processed by the
web server and only the results are sent to the browser for display.
Overview of WAMP
WAMP refers to Windows, Apache Web Server, MySQL and PHP programs packaged
together for ease of installation. Instead of going through strenuous procedure for
installing and configuring each component individually, you can use WAMP to simply
the whole task. To use WAMP, do the following:
1. Go to www.wampserver.com
2. You will find a single package with a file name like wampserver2.2e-php5.3.13-
httpd2.2.22-mysql5.5.24-32b.exe.
3. Download WAMP.
4. Follow the on screen instructions to complete the installation.
5. Select Start > Programs > WampServer (Notice the icon in the system tray)
You can use a simple text editor such as notepad to create PHP code.
b. Save this as PHP file (store in root folder). For example, “intro.php”.
c. Now open the web browser and type the complete URL. For example:
http://192.168.2.2/intro.php. Notice the results displayed.
Though you had a high-level overview of PHP, use the following resources for learning
PHP:
http://en.wikipedia.org/wiki/PHP
http://www.w3schools.com/php/
http://in.php.net/
EXERCISE
S.No. Activities
1. Discuss the benefits of PHP. Use the resources included in this session.
ASSESSMENT
176
WEB DESIGNING - PART II
Session 1: Introduction
Learning Objectives:
At the end of this session, you will be able to:
5. Understand the purpose of web authoring tools.
6. Understand the purpose of Expression Web.
7. Understand Microsoft Expression Web user interface.
RELEVANT KNOWLEDGE
Web Authoring tools are tools that simplify your web page development tasks. HTML
editors, referred to as web authoring tools are applications that write & check HTML
code for you and help in saving time and effort.
HTML editors are referred to as WYSIWYG (what you see is what you get) editors. This
is due to the fact that what you see during the design phase is what you get as an
output viewed in a web browser (or at least very close to it). Usually, websites are
first designed offline using HTML editors, then tested, and, later uploaded to
websites.
Some of the popular HTML editors include Amaya, Adobe Dreamweaver, KompoZer,
Microsoft Expression Web, etc. Some web hosting provides provide online tools to
design websites but this usually requires a high-speed Internet connection.
Generate Standard Compliant Code: The developer need not worry whether the
code written conforms to standards such as HTML 5, CSS3, etc. The editor takes
care of standards.
HTML & CSS Validation: Each and every line of code is checked to ensure it is free
of errors and/or standard compliant.
Generate Compatibility Reports: The editor generates reports based on
compatibility with multiple versions of varying browsers.
Spell Check: The editor checks for spelling mistakes in content similar to that of
word processing software.
Optimize HTML: The editor “cleans” out unnecessary code resulting in smaller
web page size enabling a faster download of the web page.
177
Multiple Resolution / Browser Views: The editor automatically checks your web
page/website across multiple screen resolution/sizes (Smartphone, net-book etc)
and also across multiple browsers (Mozilla Firefox, Google Chrome, etc.).
SEO (Search Engine Optimization): The editor prepares your website in the
manner that search engines can understand and thereby helps your website to gain
a better ranking for search results.
Support for Add-ons: The editors support 3rd party add-ons which add additional
capabilities to the HTML editor.
Multiple Publishing Methods: Editors have the ability to use different options such
as FTP, WebDAV, etc. to publish your website on remote computers.
Microsoft Expression Web is a free HTML editor and web design software product by
Microsoft. One great advantage of MEW is the ability to create and manage web pages
using HTML, XML, CSS, ASP.NET, XHTML, PHP and JavaScript.
Note: This module focuses only on Microsoft Expression Web using HTML.
178
6. Status bar, displays additional document properties.
7. Style Sheet Area, to manage style sheets.
8. Attributes & Elements Area, displays HTML attributes & values and CSS property
and values.
EXERCISE
S.No. Activities
1. Discuss the benefits of HTML Editor by comparing different HTML
editors. Use Wikipedia to learn more about HTML Editors.
ASSESSMENT
1. ________ are software that produces HTML code without writing HTML.
2. ______________, ______________ & ____________ are free HTML Editors.
179
Session 2: Creating Web Pages and Websites
Learning Objectives:
At the end of this session, you will be able to:
1. Create a new site.
2. Create and save a web page.
RELEVANT KNOWLEDGE
Creating a Website
You can create websites with your own design. When you work with web pages,
images, style sheets, etc., you need to store all the related files in a single location
(folder). This helps you to:
Stay organized
Upload the entire content to the remote server when you want to publish the
website.
Note: You will learn about templates later in this module. To create a new website,
1. Select Site > New Site… (figure below, left). A New dialog box appears (figure
below, right).
a. You can create a website with a single page by selecting One Page Site.
b. You can create a website from scratch by selecting Empty Site.
c. If you already have a website created using HTML or any other software, you
can continue to work with the website using MEW once it is imported. To
import an existing website, use the Import Site Wizard.
2. Select Empty Site and enter a name for the website, for example:
MyFirstWebsite. Click OK.
180
3. A website is created and you will notice a
window similar to the one adjacent:
Once the website is created, you need to create web pages. To create a webpage, do
the following:
HTML Editors such as MEW automatically append the required file extension, .html by
default. You can configure the HTML editor to add the extension .htm by the following
procedure:
1. Select Tools > Page Editor Options…. The Page Editor Options dialog box
appears (figure adjacent).
181
2. Select the Authoring Tab
(figure below).
3. Notice the default
document type selected
as HTML under Default
Document: dropdown
menu and file extension
selected as .html in
Default HTML File
Extension: option.
182
Working with a Web page
1. Design View: This is the default view and displays only the content.
183
2. Code View: This is used either when you want to view the source code written
by the HTML editor or, when you want to insert elements or code that is not
available within the HTML editor.
3. Split View: This is used when you want to use both the Design and Code View
side-by-side.
If you want to test your web page, it is a recommended practice to test using multiple
web browsers. However you may need to set up the browser list. To specify multiple
browsers, do the following:
EXERCISE
S.No. Activities
1. Build a website on any of the following topics:
a. Computer Shop (Sales & Service)
b. Bakery
Visit different websites that offer this service and discuss how they
are designed. Create a new empty website in MEW, create at least 2-3
web pages and use different HTML elements such as Headings, Strong,
etc. when presenting content.
2. Add Mozilla Firefox to the Edit Browser list.
ASSESSMENT
184
1. New Site is available in _____ menu.
2. ______, ______ & _______ are type of pages can be created by HTML Editor.
185
Session 3: Templates and Importing Websites
Learning Objectives:
At the end of this session, you will be able to:
1. Create websites using templates.
2. Import sites.
RELEVANT KNOWLEDGE
MEW includes many (19) built-in templates that can be used for creating websites. To
create a website using the built-in template, do the following:
186
5. To work on the homepage, double-click default.html. You can change only
certain parts of this web page, because, when you make websites from
templates, MEW uses DWT (Dynamic Web Template). You will learn more about
DWT in later sessions. The text is editable within this page
6. You can view this website in a browser to see how it will appear to visitors. To
preview this website in a browser, press F12 on your keyboard. The website
appears on the default web browser. Use the navigation links on the left side of
the homepage to view other pages.
Though it takes some time to get used to an HTML editor, you will soon be creating
web pages or sites in no time with minimal efforts.
187
Importing Sites
If you have used another HTML editor or created files using a text editor, you can
import them into your website. This is useful when you want to either use MEW HTML
editor (ease of use) or to organize different files under one common website. You can
also import websites that are already hosted (running live) using MEW. For example if
you have created files manually and saved in C:\HTML and you want to import them,
do the following:
8. The Import Wizard creates a copy of the original content in C:\HTML. This can
be helpful as your original files are left as it is. Click Next.
9. Click Finish. A List of files is displayed. For importing to your new website, you
can select either individual files/folders, or the entire content of a folder. To
import entire content, select all the items on the left pane and select .
Notice the results displayed (Figure below).
188
Now you can use the imported files. The original files in C:\HTML are left as is.
EXERCISE
S.No. Activities
1. Create a website using any of the built-in template (choose a topic
from the list below). Replace the content with your own relevant
content.
a. Household Supplies
b. Pet Care
c. Sports Shop
d. Virtual Museum
ASSESSMENT
189
2. Three categories of templates are ___________, ____________ & ___________.
3. Templates are available in ____ menu.
4. __ function key is assigned for previewing web pages or websites.
5. Import Site Wizard is available in ____ section of Site Menu.
190
Session 4: Lists, Formatting Text, Spell-check, and Find & Replace
Learning Objectives:
At the end of this session, using MEW, you will be able to:
1. Work with lists.
2. Format text.
3. Use Spell Check.
4. Use Find and Replace.
RELEVANT KNOWLEDGE
In the previous session, you learnt to work with headings and paragraphs. You can also
work with HTML elements such as listings, images, tables, etc. in MEW.
You can create a list using the procedure similar to the one you used in word
processing software. To create an unordered list, do the following:
“An electronic book or EBook is a book published in digital form. It consists of text,
images, or both. EBooks are readable on computers, net-books and Smart phones.
EBooks are available in the following formats:”
Handling Text
191
You can align or format the text using the options in the common toolbar located
below the HTML Editor Menu. This is very similar to
word processing software; however, remember that
being a web page, special code is needed for formatting and displaying the text.
You can simply select the items from the toolbar and work as if you work with a
regular document. HTML Editor writes the code for you! Switch to Code View when
you use the toolbar items to view the source code.
When you focus on creating content, you may make spelling mistakes. As a solution,
HTML Editor has an in-built spell check program. To do a spell check on the current
web page, do the following:
1. Open a web page with some content. (Create some content with spelling
mistakes if you don’t have one)
2. Select Tools > Spelling > Spelling (F7)…. Notice the spell check utility
checking spelling mistakes just as in a word processing software.
You can also use the built-in Thesaurus option by selecting Tools > Thesaurus.
If you want to replace a misspelled author or company name across a website, what
would you do? You can use the find and replace dialog box to replace text either on a
single web page or across an entire website. The functionality is very similar to a
word processor. To find a
particular text, do the following:
192
item in the
listed result
If you had initially set a table background color as blue and now want to replace it
with another color, what do you do? Use the HTML tab of the Find and Replace
feature! Using this, you can replace attributes, values or even a tag across a website.
To use this feature, do the following:
193
EXERCISE
S.No. Activities
1. Create a HTML page utilizing the following HTML Elements:
a. Ordered List & Definition List
b. Bold, Italics, Underline & Text Alignment
2. Use Spell Check to correct spelling errors in the website created
earlier.
ASSESSMENT
1. You can view the HTML code in HTML editor by selecting _______.
2. ____ is the shortcut key to launch Spell Check.
3. ___ is the shortcut key to launch find tool.
4. ___ is the shortcut key to launch replace tool.
194
Session 5: Tables and Cells
Learning Objectives:
At the end of this session, you will be able to:
1. Work with tables and cells.
RELEVANT KNOWLEDGE
MEW simplifies the tough task of creating a table using HTML with many rows and
columns. To create a complex table, do the following:
195
9. Save the page and view in
browser (F12). MEW creates
style sheet codes and
placed them within this
webpage by default. Now
switch to code view, scroll
to the top and see the code
available under <style> and
</style> element. Now
scroll down and see the
style applied to the table
and cell. So much time and
effort has been saved!
You can place images as a background for cells or tables. To include a image
background for a cell, do the following:
196
1. Create a new page, save this page as imagetables.html (You need not type the
extension).
2. Insert a table (minimum 2 rows and 2 columns). Place the cursor in the cell
where you want the background.
3. Right-click and select Cell Properties.
4. Under Background, click Browse….
5. Locate and select an image, click Open and then click
OK. Note the cell includes an image background (Figure
above).
6. Save and preview this in a web browser (F12).
Usually a table spans the entire screen and that may not be appealing to the eye.
Also, sometimes you may want to specify a size for a cell or table (for example, to
display photos). Using MEW, you can specify the size of a cell or the table. To restrict
the size of a cell, do the following:
1. Place the cursor in the cell to which you want to set a particular size. Right-
click and select Cell Properties. You can specify the size in pixel units or
percentage.
2. Under Layout, select specify width: and type 100 (In pixels).
3. Select specify height: and type 200 (In pixels) and then click OK. Notice the
size of the cell.
You can also convert the contents of a table to text using the Table to Text option in
HTML Editor. Explore and convert table to text and observe the changes in code.
EXERCISE
S.No. Activities
1. Create a HTML page utilizing the Table HTML Element. Set a
background image for a particular cell. Merge the first row and insert
appropriate title.
ASSESSMENT
197
2. To specify a background for a particular cell, you should use ____ .
3. Table to Text option is available in ______ under Table menu.
4.
198
Session 6: Images
Learning Objectives:
At the end of this session, you will be able to:
1. Work with images.
RELEVANT KNOWLEDGE
Inserting images
As you know, it is not an easy task when you have multiple images to be placed in
varying positions within a web page. HTML editors enable you to easily place images
with formats such as GIF, JPEG, PNG and BMP. To insert a clipart or image, do the
following:
199
HTML editor also enable you to save images in different formats. This helps
when you want to change the image format to one that is suitable for websites.
Also by optimizing the image size (by optimizing quality), you reduce file size
resulting in faster downloads of images from your website.
To change image format and/or optimize quality, click on Picture File Type….
The Picture File Type
dialog box appears.
a. Select GIF if you
are inserting an
image with solid
colors.
b. Select JPEG for
high quality images
such as
photographs from a
digital camera. The
quality can be
adjusted only for
JPEG formats.
c. Select PNG-24 if
you are using
illustrations or screenshots.
6. Select JPEG for this exercise. Uncheck Use image as is: and specify a value. For
example, to retain 75% of the original quality, type 75 in Quality: and click OK
twice.
Note: If you are using image editors such as Adobe Photoshop, JPEG images are
automatically optimized for quality and size. In such cases, leave the image quality as
it is. Working with image formats requires special expertise, consult an expert if
required.
Now this image is saved within this website. Note the image file listed in the folder
list. Remember, what you have here is a copy of the original image. So even if
something goes wrong with image quality, size or both, you can rework again!
If you want to change properties after inserting the image, do the following:
1. Double-click on the image. You can use the Picture Properties dialog box
(Figure below, left) to specify or change settings.
200
2. To change size of this image, select Appearance tab (Figure above, right).
3. To reduce the image to 50% of its original size, select In Percent and type the
value 50 in both width: and height: fields. Click OK. Notice the adjusted size
displayed. Preview the change in a web browser (F12). Notice the value in
alternate text is also displayed. Now switch to MEW and see the code written
for this image element.
When you work with images that are relatively huge (covering the whole screen), you
can make smaller versions of the image (thumbnails) which when clicked, displays the
image in actual size. This helps make the website with several images look pleasant
and not crowded. HTML editors have the ability to automatically create thumbnails
and link them to the actual size images. To create thumbnails, do the following:
201
preview this web
page (F12). Notice
the results. Each
image is displayed
as a thumbnail
which when clicked
displays the larger
version of the
image.
8. Switch to MEW and
view code.
Once changed, thereafter, the modified size is used when you create auto thumbnails
(older thumbnails will remain the same based on the original thumbnail size).
202
Handling Larger Images
If large versions of many images are displayed in the same window, visitors may find it
unpleasant to move back and forth to view images! As a solution, you can make the
images open up in a new window. To do so:
4. In the Hyperlink section, select the button next to Target Name… The
Target frame dialog box appears.
5. Select New Window from the
Common targets: list and click OK
twice. Save this web page to
include the changes and preview this
in browser (F12).Now click on the
first thumbnail and observe the
difference in behavior.
6. Switch to MEW and view code.
Aligning Images
Editing Images
You can edit images using the built-in image toolbar when you want to crop an image,
adjusting brightness or contrast of an image, etc. To work with an image using the
image toolbar, do the following:
203
3. You can use a variety of functions such as:
a. Flip pictures using different flip options .
b. Increase or decrease brightness or contrast.
c. Crop (keep only the necessary portion of a picture).
4. To crop, select the crop tool ( ). Now try and crop the image (same as in any
other software you have worked with).
5. Save and preview this in your browser (F12). Also see the source code for this
activity.
When you insert images, HTML editor is configured to use GIF format for images that
have 256 colors or lower and JPEG format for images that have more than 256 colors
(it is intelligent!). At times, you may need to change this default behavior (to use PNG
when you are creating content with mostly screenshots of products or images with
focused color). To view or modify this setting, do the following:
204
If you want to create, edit or optimize images, consider using professional photo
editing software such as Adobe Photoshop, GIMP (Open Source), Microsoft Expression
Design (Freeware), Google Picasa or Online editors such as Pixlr (www.pixlr.com).
EXERCISE
S.No. Activities
1. Create a HTML page by inserting images and provide an ALT text for
all the images.
2. Create a HTML page with multiple images with thumbnails and
configure them to open in a separate window. Create custom
thumbnail size of 50 * 50 pixels.
3. Manipulate the picture’s brightness using the Image toolbar.
ASSESSMENT
205
Session 7: Hyperlinks - I
Learning Objectives:
At the end of this session, you will be able to:
1. Work with hyperlinks.
RELEVANT KNOWLEDGE
It is easy to write code when you have a few embedded links. But, when there are
many links to be included in a web page (image a large organization having 100’s of
web pages that need to be connected), it will be difficult to code manually. Here, you
can use HTML editors to simplify the task.
Hyperlinks to Websites
Save and preview this in your browser (F12). Observe the results (Move your
mouse over the hyperlink). Switch to MEW and view code.
1. Create a new page, save this page as emaillink.html and place the cursor
where you place the
hyperlink.
2. Select Insert >
Hyperlink….. The Insert
Hyperlink dialog box
appears.
3. Select E-mail Addresses.
a. Type Feedback in
Text to display: (this
will be name that will
be displayed in the browser).
b. Type an email address in E-Mail address: (for example,
feedback@example.com). Notice the mailto: attribute is automatically
added.
c. Type a value in Subject: (for example: Feedback for website). This helps
you trace where the mail came from especially when you are using a
single email address for multiple purposes. It is recommended that you
use a separate email address for collecting feedback from visitors.
d. Click OK.
207
4. Save and preview this in your browser (F12). Notice the default email client is
opened, email address and subject is automatically added leaving the email
body empty for visitors to send their comments or feedback.
You can link to different sections within a webpage using HTML editor. To understand
the procedure, do the following:
3. Select (highlight) the text Section 1. Select Insert > Bookmark…. The
Bookmark dialog box appears (Figure above, right).
208
6. Now type Section 1 in Text to display:. Select Section_1 under Bookmarks,
Click OK. (or use CTRL+G to bookmark).
7. Repeat the procedure to include hyperlink for Section 2. Save and preview this
in your browser (F12). Check if the hyperlink is working by clicking on it. Switch
to MEW and view code.
Note: If you notice the hyperlinks are not functional though you are following the
proper procedure, it may be due to insufficient space between the main text that has
hyperlinks and the sections with the page (too close to scroll up or down).
You can link a web page to other web pages within the site. This helps visitors view
other sections of your website that may have information on products or service that
you offer. To link other pages within a website, do the following:
1. Create a new page, save this page as weblinks.html and place the cursor
where you want to place the hyperlink.
2. Select Insert > Hyperlink…. Select Existing File or Web Page under Link To….
3. Notice the list of files displayed in your website. You can choose ANY file
including images. To link to other web pages, you must select only web pages.
Now select tables.html from this list, type Tables in Text to display: and
click OK.Save and preview this in your browser (F12). Check if the hyperlink is
working by clicking on it. Switch to MEW and view code.
EXERCISE
ASSESSMENT
209
Session 8: Hyperlinks - II
Learning Objectives:
At the end of this session, you will be able to:
1. Work with hyperlinks.
RELEVANT KNOWLEDGE
You can also create links using images enabling you to use attractive buttons or
images as hyperlinks.
Note: Images with hyperlinks display text such as one below (Use Ctrl + Click if you
want the destination web page to open in HTML editor).
This helps you to identify images with hyperlinks when
you work with HTML editors.
210
a. You can choose a style from buttons: list. For example, select Glass
Capsule 1 from list.
b. Replace Button Text in Text: with a name. For example, Mozilla.
c. Type the URL in Link:. For example, http://www.mozilla.org.
3. Click OK. Save and preview this in your browser (F12). Note: You need click OK
every time you are prompted, to save the images.
4. Check if the hyperlink is working by clicking on it. Switch to MEW and view
code.
Use Hotspots
Note: Move your cursor over each icon to understand the purpose of each item.
211
EXERCISE
S.No. Activities
1. Create a html page and insert different images. Create hyperlinks for
images to launch different websites in new window.
2. Create a html page with relevant image on any of the following
topics:
a. Anatomy of human brain
b. Anatomy of human body
c. Parts of Bulb
d. Parts of a computer
e. Anatomy of a flower.
Use image hotspot to provide hyperlinks to articles on the Internet
such as a page in Wikipedia about each section.
3. Create navigation menu for all pages in the website using Interactive
buttons. Name the buttons accordingly (Hint: For homepage, use
HOME).
ASSESSMENT
212
Session 9: Audio & Video
Learning Objectives:
At the end of this session, you will be able to:
1. Work with audio & video content.
RELEVANT KNOWLEDGE
You have learnt to include audio & video content in the HTML module. You can also
use HTML editor to include audio & video content.
Note: You can also use HTML 5 audio & video elements. Use Code View to insert the
code. Also keep samples of audio and video clips ready for these exercises.
1. Create a new page, save this page as audio.html. Place the cursor where you
place the audio player control.
2. Select Insert > Media > Windows Media Player….
If you want to customize the settings for this audio clip, do the following:
6. Switch to MEW and double-click the Windows Media Player Control. The
Windows Media Player Properties dialog box appears. Note the available
controls (Figure adjacent).
213
7. For the content to play, CODEC (a software component required for playback)
must be available on the visitor’s computer and if it is not available, you can
include the source using CODEBASE attribute. Visitor’s browser will download
the CODEC from the URL specified in CODEBASE: attribute of Object element,
install and play the content automatically.
Note: Refer to respective website for correct URL. Some of the common URL’s
are provided here for your reference:
8. Repeat the procedure for including video clips. Save and preview this in your
browser (F12). Switch to MEW and view code.
If you want to include videos, for example, from Youtube.com, do the following:
214
1. Create a new page, save this page as Youtube.html.
2. Place the cursor where you place the Youtube video.
Note: You need to follow the procedure before you insert videos from Youtube.
a. Go to Youtube.com.
b. Select a video clip.
c. Right-click on the video and select copy embed html.
3. Select View > Page > Code.
4. Paste the code (example: <iframe width="640" height="360"
src="http://www.youtube.com/embed/ieM93xFIGCc?
feature=player_detailpage" frameborder="0" allowfullscreen></iframe>)
5. Save and preview this in your browser (F12). Switch to MEW and view code.
Note: You need to have an active Internet connection for this exercise.
Note: Silverlight content can be played only on Microsoft Windows operating systems,
MAC OS and Symbian OS. You can use Moonlight, a free plug-in to view content on
Linux based computers.
215
4. Save and preview this in your browser (F12). Notice the Silverlight content
displayed in the browser (if the plug-in is available). Switch to MEW and view
code.
EXERCISE
S.No. Activities
1. Insert relevant audio & video clips with a variety of file formats for
the website created in earlier sessions.
2. Create a web page and include videos from YouTube. Collect and
present links related to learning HTML, CSS, Expression Web, XML,
XHTML and JavaScript.
ASSESSMENT
216
Session 10: Frames, Inline Frames and Layers
Learning Objectives:
At the end of this session, you will be able to:
1. Use frames, inline frames and layers.
RELEVANT KNOWLEDGE
Frames
You have learnt to use frames using HTML code. MEW includes few frame styles that
you can use right out of the box.
217
If you want to edit or work with
individual web page in a frame,
it is recommended to open each
file separately (open by the file
name from the folder list). Once
complete, open the frames.html
in the HTML editor or web
browser.
iframe
218
4. Save and preview this in your browser (F12). Switch to MEW and view code.
To modify the appearance of an iframe, select the iframe and double-click on it.
The Inline Frame Properties dialog box appears wherein you can modify the size,
include margins, align text, disable scrollbar or provide alternate text.
Layers
Layers are advanced techniques that you use to float content on top of other content
in a web page. You use this when you want to include a popup registration form or
menus when a visitor views a web page. Layers can also
help in keep content such as image or dropdown menus
fixed in a particular position in a web page. Layers are
managed using a special element called DIV. To insert
layers, do the following:
3. From the toolbar, select Insert Layer . A new layer is inserted similar to
the one below.
4. You can increase or decrease the size of this layer by selecting the layer box
and drag around the corner. To place this elsewhere,
simply drag the entire layer box.
5. Now insert an image in this layer:
a. Place the cursor inside the layer. Select Insert >
Picture > From File…
b. Locate and Insert the image. Notice the picture is
within the layer.
6. Now type some content in the web page. Notice the
image present in the layer does not move along with the content and stays in
the position that you fixed.
7. Save and preview this in your browser (F12). Switch to MEW and view code.
Note: Layers are an advanced concept and require additional practice to understand.
You can place multiple layers on top of each other (Figure below).
219
2. Insert an HTML element in the body, for example: a table with
2 rows and 3 columns and select the Table.
3. Select position: fixed from the dropdown.
4. Notice the values in positioning toolbar indicated in pixels.
5. Now try typing content in this web page. Notice the table is
in a fixed position.
Note: It will take a while to work with positioning and particularly CSS. Use help file
and search engines for more examples.
EXERCISE
S.No. Activities
1. Create a web page with three frames to represent the following
designs:
ASSESSMENT
220
Session 11: Hover Effect, Meta Elements & Watermark
Learning Objectives:
At the end of this session, you will be able to:
1. Use meta elements in a web page.
2. Use hover effects in a web page.
3. Use Watermark in a web page.
RELEVANT KNOWLEDGE
You have learnt to use HTML elements and attributes such as Title, Description,
keywords, etc. using HTML code. You can also use the HTML editor to include such
elements easily. Note that the settings modified here apply only to the current page.
Notice the HTML elements and content inside elements have been created
automatically by MEW!
221
Modifying background
You can also specify a color or image background for a web page. To set a background
color, do the following:
You can also modify how links appear in a web page. To apply hover effects, do the
following:
1. Create a new page, save this page as hover.html. Insert at least two or three
hyperlinks.
2. Right-click on the body, select Page Properties. Select Formatting tab.
3. Select the following values in the Colors: section:
a. Green for Hyperlink:.
b. Silver for Visited Hyperlink:.
c. Maroon for Active Hyperlink:.
d. Teal for Hovered Hyperlink:.
4. Click OK. Save and preview this in your browser (F12). Switch to MEW and view
code.
Inserting a watermark
You can include a watermark for a web page when you want to inform visitors that
you are still testing the website or it is under development. To include a watermark,
do the following:
222
5. Type some content in the webpage (at least one or two pages in length).
6. Save and preview this in your browser (F12). Now scroll down the page and
notice the background is in fixed position and does not move along with
content. Switch to MEW and view code.
You can also adjust the margins of a web page while designing the page. Doing so
leaves some space on either sides of a webpage where you may want to place
advertisements later on. To adjust the margin, do the following:
You can also specify the language the web page is created with. This information is
used by search engines to index and display language specific results to visitors, by
screen reader software to understand the language of the content used in a web
page, by automated translation tools that translate web pages from one language to
another and so on. To specify a language, do the following:
Note: You may not notice any visual difference in web page as this is used only by
search engines, screen readers or browsers for internal use.
223
EXERCISE
S.No. Activities
1. Include meta elements such as title, description and keyword for web
pages created earlier.
2. Include a picture as a watermark.
3. Create hover effect:
a. Dark Blue for Hyperlink:.
b. Dark Green for Visited Hyperlink:.
c. Black for Active Hyperlink:.
d. Teal for Hovered Hyperlink:.
4. Set margins:
a. 10 in Top Margin:.
b. 10 in Left Margin:.
c. 10 in Right Margin:.
d. 10 in bottom Margin:.
ASSESSMENT
224
Session 12: Forms
Learning Objectives:
At the end of this session, you will be able to:
1. Create forms.
RELEVANT KNOWLEDGE
Creating forms
You have learnt to create forms using HTML code. As you are aware, forms are used
for collecting information from visitors or for displaying relevant results to visitor. You
can include forms in a website using the HTML editor.
You need to add elements to make this form functional. There are a variety of
form controls available with this HTML Editor. For example you can use textbox
element to collect a visitor’s email address.
5. Select Input (Text) from Form Control List. Drag and drop it inside the form
area (Figure below, left).
225
6. You need to indicate the user the purpose of this field. You can do that by
double-clicking on an element. Double-click the Input (Text) field that you just
inserted. Text Box Properties dialog box appears (Figure above, right).
a. If you have multiple fields in a form, they will be easy to locate and
understand if you have friendly names assigned to it. To add a name,
type Email in Name:.
b. To indicate the purpose of this field, type a value in Initial Value: field.
This will be displayed initially but can be replaced by visitor’s email
address. Type Enter your email address in Initial Value: field.
c. Click OK.
7. Press Enter to move to the next line.
8. You need to add a control for this form to be submitted. You
should use the Input (Submit) control from the Form
Control List. Select Input (Submit) from the list, drag and
place it below the Input (Text) field inserted earlier. Now
your form will start to look like the one adjacent.
9. Now this form needs to be
configured. To send the
form details for further
processing, after the visitor
enters the email address,
you need to specify the URL
where the details should be
sent. Now right click the
form, select Form
Properties. The Form
Properties dialog box will
be displayed (Figure
adjacent).
a. Select Options….
The Options for Custom Form Handler dialog box appears.
i. You need to specify the URL in the text box Action: for the details
to be sent to a script
that will take care of
further execution. Type a
URL, for example:
ii. You need to specify a method. Since we are sending data, select
POST.
iii. Click OK.
226
10.Give a relevant name to this form that helps track different forms used in a
website. In this activity, type Newsletter and click OK.
11.Save and preview this in your browser (F12). Switch to MEW and view code.
Note: You need to point to the URL that has the script to process this form further. If
you have provided values just for demo, your form will NOT work. However, you can
understand the concept behind HTML form.
EXERCISE
S.No. Activities
1. Create a form to collect the First name, Last name, Email address,
Date of birth and Favorite book genre (Science, Science Fiction,
Statistics) of visitors as single selection.
ASSESSMENT
227
Session 13: CSS
Learning Objectives:
At the end of this session, you will be able to:
1. Create Style Sheets (CSS).
2. Apply a style sheet across a website.
3. Apply CSS code to a single page.
RELEVANT KNOWLEDGE
If you have noticed HTML code is complimented using CSS. HTML Editor uses CSS for
presentation to align your website to certain standards as set by W3C.
228
3. Select New Style….
The New Style
dialog box appears
(Figure adjacent).
4. You can define
styles for each
HTML element
using the Selector:
dropdown menu.
a. For example
to apply a
particular
setting for
body HTML
element,
i. Select
body from Selector: dropdown menu.
ii. Select Verdana from font-family:
dropdown menu.
iii. Select small from font-size: dropdown
menu.
iv. Select Gray from Color: dropdown menu.
v. Click OK.
vi. Notice the CSS code written automatically (figure above)
b. To apply a particular setting for Table element, select New Style….
i. Select Table from Selector: dropdown
menu.
ii. Select Courier from font-family:
dropdown menu.
iii. Select x-small from font-size: dropdown
menu.
iv. Select Gray from Color: dropdown
menu.
v. Click OK.
vi. Notice the CSS code written automatically (Figure above)
Note that the code is appended to the existing code. This is helpful when you
want to modify an existing style sheet.
5. Save this file with a file name, for example, mystyle.css (You need not type
the file extension).
229
Now you need to link all the web pages in the website to this style sheet. This is
usually done by including this style between <style> and </style> elements in each
page. HTML Editor can add that code for you. To apply this style sheet to all the web
pages in a website, do the following:
Note: Linking all the web pages may take a while depending on the number of web
pages in the website. Notice the popup message once complete.
5. To verify if the link is added, open any HTML page in this website. Select View
> Page > Code. Notice the link to mystyle.css within the <head> and </head>
elements.
To remove style sheet links from a single web page, remove the line that contains
code for linking to a style sheet. To remove style sheet links for all web pages, open
any web page that has the link to a style sheet and do the following:
230
Now the links will be automatically removed from all the web pages.
You can also use CSS for a specific web page when you want to use a separate style
for that particular web page only. To specific CSS for a specific page, do the following:
EXERCISE
S.No. Activities
1. Create a style sheet and define the following elements:
Body - background color - light grey
Paragraph - left aligned, Times New roman font, size 12pt
Table - Border color - Green, thickness 3 pt
Heading 1 - Center aligned, Times New roman font, size 20pt
Heading 2 - left aligned, Tahoma font, size 16pt
Heading 3 - left aligned, Georgia as font, size 14pt
Apply this to all the web pages in a website.
2. Create a style sheet and define the following elements:
Body background color – Dark Grey
Heading 1 – Left Aligned, Century Gothic, size 18 pt
Heading 2 – Left Aligned, Century Gothic, size 16 pt
Heading 3 – Left Aligned, Century Gothic, size 12 pt
Paragraph – Left Aligned, Verdana, Size 10 pt
Apply this only to the home page.
ASSESSMENT
Fill in the blanks:
231
1. External style sheets should be created from ______ menu.
2. Style sheets should be linked using _____ attribute.
232
Session 14: Behaviours
Learning Objectives:
At the end of this session, you will be able to:
1. Work with behaviors.
RELEVANT KNOWLEDGE
Using Behaviors
You have learnt to use JavaScript code earlier to showcase a behavior. You can also
create behaviors without writing any JavaScript code and get a limited level of
functionality. You need to use JavaScript for advanced functions; however, you can
use the built-in Behavior functions to achieve most simple tasks such as:
Onclick
If you want to display a popup message box when a visitor clicks on an image, do the
following:
Mouseover
If you want to display a popup when the visitor moves the mouse over an image
instead of clicking on it, do the following:
233
1. Select View > Page > Design.
2. Select the image.
3. From the Behavior toolbar, under Events dropdown, select onmouseover.
4. Save and preview this in your browser (F12). Move the cursor over the image
and notice the popup displayed without clicking.
5. Switch to MEW and view code.
Redirect
You can also redirect visitors to another web page or website when they click or move
their cursor over an image. To redirect a visitor, do the following:
EXERCISE
Perform the following activities till you are confident:
S.No. Activities
1. Create a web page with the following behaviors:
Use an image which when double-clicked should take visitors to
a website.
Insert multiple images and display a popup message for each
message (onmouseover).
ASSESSMENT
234
Session 15: Compatibility
Learning Objectives:
At the end of this session, you will be able to:
1. Check compatibility.
RELEVANT KNOWLEDGE
Once you complete designing your website, you need to ensure that your website
works and looks as expected. You can use the compatibility checker to check all pages
of a website are compatible with different browsers. This helps save time and you
need not worry about checking each and every web page or item on your website.
Notice the results displayed. Review each element and correct as required; remember
to re-run the checker till you have an error free website.
As you may have some visitors using older browsers (which is most likely on the
Internet), you need to check for compatibility with older standards too. Now to test
this website, for older standards such as HTML 4.01 and CSS 1.0, do the following:
235
a. Select HTML 4.01 Strict from Check HTML/XHTML compatibility with:
dropdown menu.
b. Select CSS 1.0 from the Check CSS Compatibility with: dropdown
menu.
c. Select Check.
2. Notice the results displayed
(figure below).
Notice the compatibility problems as
the code in Style sheet is found
incompatible with CSS 1.0. This
indicates that this page may display
properly on browsers that support only
CSS 1.0.
Note: In such cases where you need to target older
browsers or standards, configure the HTML editor to use
older CSS standards. However, for existing code you need to
modify the code manually.
You can also check for issues with CSS code by:
EXERCISE
S.No. Activities
1. Run compatibility checker, select HTML 5 and CSS 2.1 and validate if
the website created earlier is standard compliant.
ASSESSMENT
Answer the following questions:
1. Explain the purpose of compatibility checker with an example.
2. List the versions available in Check HTML/XHTML compatibility with: dropdown
menu.
3. List the versions available Check CSS Compatibility with: dropdown menu.
Fill in the blanks:
1. Compatibility Reports is available under _____ menu.
236
Session 16: Code view, Add-ins, Snippets and Page Transitions
Learning Objectives:
At the end of this session, you will be able to:
1. Work with CODE view.
2. Use add-ins.
3. Use snippets.
4. Implement page transitions.
RELEVANT KNOWLEDGE
Though most tasks can be completed using GUI, at times you may have to insert code
manually (for example when you want to integrate with your website, a third party
web application, provided as code).
IntelliSense is a feature that automatically provides you a list of codes and attributes
as a popup when you work in the code view mode. To understand how to use it, do
the following:
237
Though code view can be difficult to use in the beginning, once you have adequate
practice, you will gain total control of the coding environment!
Add-ins
Add-ins extends the capability of the main program by adding enhanced custom
commands and specialized features. You can download a variety of Add-ins from:
http://msdn.microsoft.com/en-us/expression/jj873995.aspx
http://www.webassist.com/go/xweb-add-ins
http://www.expressionextras.com/products/lightbox.htm
http://www.dotnetcurry.com/ShowArticle.aspx?ID=534
Of Course, you can use Google to find more Add-ins! Once you have downloaded an
Add-in, use the following procedure to install the Add-in:
1. Select Tools > Add-ins. The Manage Add-ins dialog box appears.
2. Select Install…. Browse and select the Add-in and then click Open.
3. Select Yes.
4. Repeat the procedure to include more Add-ins.
Using Snippets
1. Select Panels > Snippets. Notice the list of snippets available separated into
categories such as CSS, HTML, JavaScript, JQuery, etc.
238
2. To insert a snippet, do the following:
a. Create a new page. Place the cursor where you want the snippet to be
placed.
b. Select View > Page > Code. (Snippets can be inserted only in Split or
Code View).
c. Expand HTML, expand Hyperlink folder.
d. Double-click on a snippet, for example: Add to favorites. Notice the
code is added to the web page.
e. Save and preview this page in browser (F12). Switch to MEW to view
code.
Note: You may require following additional instructions for some of the snippets listed
here. Refer to the help file for detailed instructions.
PSD Templates
As a web designer, you need to create pages that are attractive and simple.
Remember that along with showcasing content to a visitor and the design also needs
to be pleasant, encouraging them to repeat their visit to the website.
When it comes to Web design, you need to maintain a balance between visual design
and code. Though it is possible to create simple web designs using standard HTML, it
is always a good practice to research on good designs. Components of some of the
attractive websites are usually created using Adobe Photoshop and later integrated
into the web site for additional functionality such as text content, forms, etc.
You can import certain parts (or layers) or entire images into your website using MEW.
Given here is a list of websites where you can find Photoshop templates (some of
them are free!):
http://www.psdtemplates.com/templates/
http://www.freepik.com/free-psd/web-templates
You can browse, select, download and use these files. Refer to website terms and
conditions for license information.
239
Link PSD & MEW
Also there is a special feature that can be used for updating an image whenever the
original (.PSD) Photoshop image is modified. To understand how to use this feature, do
the following:
Import a .PSD (Photoshop files use this extension) file and do the following:
Page Transitions
You can apply special effects to web pages just as in presentation software. This helps
present special effects to visitors. To add transitions, do the following:
240
3. You need to select an event to which the effect should be applied. Select Site
Enter from Event: dropdown and select Circle In from Transition effect: list.
4. Type 5 in Duration (seconds): box and click OK.
5. Save and preview this page in browser (F12). Switch to MEW and view code.
Note: Page Transitions will work only on Internet Explorer 5.5 or above.
EXERCISE
S.No. Activities
1. Download and use the following Add-ins:
a. PayPal ecommerce Toolkit
b. WordPaste Add-in
c. Insert Bing Map Add-in
So think DHTML Menu Addon
2. Include different snippets in web pages created in earlier sessions.
3. Set the following transition effects for each web page created in earlier
sessions:
a. Random dissolve
b. Blend
c. Box Out
d. Split horizontal in
4. Download and import a .PSD file.
ASSESSMENT
241
Session 17: Dynamic Web Templates
Learning Objectives:
At the end of this session, you will be able to:
1. Work with dynamic web templates.
RELEVANT KNOWLEDGE
Templates help you organize the entire website to have a consistent look and feel.
This is very helpful when you work with large number of web pages.
On your website, you may have some common items displayed on all pages such as
the logo, copyright & organization details, navigation menu, etc. but the content may
vary on each page. Here, you can create a dynamic web template (DWT) with fixed
positions for common elements and modifiable designated portions on each web page.
Unlike standard templates, Dynamic Web templates have the following features:
1. When you update the DWT, all web pages in the website are automatically
updated to changes.
2. You can create multiple DWT and keep changing just the template that affects
the entire website.
3. You can allow only specific portions of the pages to be edited instead of whole
web page resulting in better control and reduced chances of mistakes. This
feature is very useful when multiple developers work on the same website.
242
4. Select File > Save. Select Dynamic Web Template from the Save as type:
dropdown menu (Figure above, right). Type a file name, for example:
MyTemplate and click Save.
You have created a DWT template. If you want to create web page based on this
template, do the following:
3. Notice that you are able to type content only in the editable region specified
earlier and rest of the area are not editable. Now type some content in the
“Content” area. Save this page as a normal web page. For example,
Page01.html.
4. Create at least 2-3 pages based on this DWT. Save the files.
243
Editing a dynamic web template
When you edit the DWT, it automatically updates the changed layout to all the pages
created using the DWT (for example, when you want to change to a different layout
or update the company logo without affecting the content). To edit a DWT, do the
following:
1. Locate the Dynamic Web Template you created earlier (it will be displayed with
the file extension .dwt) and double-click on it.
2. Now add another editable region by placing the cursor elsewhere in the web
page. Name the region as “Photos”.
3. Now save this DWT (CTRL+S). Notice
the message displayed (figure adjacent).
4. Select Yes. Automatically all the web
pages created using this template are
updated.
5. Open any of the web pages created
using this template and notice the changes.
6. Insert an image in the “Photo” region. Save the web page.
Sometimes you may have to use a completely different layout for entire website. In
such cases you can create a new dynamic web template and associate all the web
pages to this new DWT. This in turn will (in no time) apply the new structure to all the
web page eliminating the need for making layout changes to each web page!
To create a new DWT and associate all web pages (or selected web pages), do the
following:
Note: You need to include the region names as the content has to be retained but
placed according to the new layout. Use the same region names when you want
to work with different DWTs. Otherwise content may not swap properly leading
to issues.
Now, to use this new DWT, associate the web pages to the new template.
1. Select all the web pages (Page0x.html) using the folder view (left pane). Use
CTRL + Click to select multiple pages.
244
2. Select Format > Dynamic Web Template > Attach Dynamic Web Template…
(Figure below, left).
3. Attach Dynamic Web Template dialog box appears (Figure above, right).
4. Select the second template, for example: MyTemplate02 and click Open.
5. Notice the results displayed. Content from “Photos” and “Content” are
automatically swapped based on the new template.
When you no longer need to use DWT or are using a HTML editor that may not have
support for DWT, you can detach the DWT linked with selected or all web pages.
Note this procedure only removes the relationship and is a one-way process. Content
and the layout are left undisturbed. However if you want to associate with a DWT you
need to start all over again! If you decide at some point to remove the relationship of
DWT and selected or all web pages, do the following:
1. Select all the web pages (Page0x.html) using the folder view (left pane).
2. Select Format > Dynamic Web Template > Detach from Dynamic Web
Template.
3. Notice the message displayed, select Close.
EXERCISE
S.No. Activities
1. Create a dynamic web template using the following guidelines:
Use a table to link different pages in a website for navigating
to other pages.
Use a table for the content area.
Insert copyright notice at the bottom and a hyperlink to the
homepage (default.html)
245
Link this DWT to the all the web pages in the website created
in previous sessions.
ASSESSMENT
246
Session 18: SEO - Search Engine Optimization
Learning Objectives:
At the end of this session, you will be able to:
1. Understand SEO.
2. Use SEO Checker.
RELEVANT KNOWLEDGE
Search Engine Optimization or SEO refers to the process that affects the website
visibility or ranking when displaying search results. Search Engines search contents of
a web page and create indexes to display results. As a web developer, you need to
understand how search engines work and how to get better search ranking. SEO
Checker built-in with the HTML Editor gives detailed reports that help you optimize
the website for better ranking.
Search engines crawl a website (and hence referred to as Spiders) to create index of
content. This index helps find a matching web page or link based on keywords entered
by visitors.
1. Page Title (only the first 70 characters are displayed in search results!)
2. Page Description (at least first 156 characters are displayed in search results!)
3. Page Keywords
4. Page headers (H1)
5. Links to other pages
6. Strong text (bold)
7. Phrases
8. ALT Text in images………………..And many
more.
1. Select Tools > SEO Reports…. SEO Checker dialog box appears (Figure above).
2. Select All Pages, and the select Check .Notice the results (Figure below).
247
You can click on each message displayed in the list to find out and fix related issues.
For example for a message as “The Description is missing”, you can add a description
using the META tags to correct it. Once errors are identified and fixed, run the SEO
Checker again to confirm if the website is optimized.
EXERCISE
S.No. Activities
1. Verify the website created earlier using SEO Checker.
ASSESSMENT
248
Session 19: Forms - Advanced
Learning Objectives:
At the end of this session, you will be able to:
1. Create a form to save results in a database.
RELEVANT KNOWLEDGE
So far, you have been using HTML and CSS for creating simple web pages. These are
referred to as Static Web pages. While static web pages are good enough for creating
basic web sites, you need to learn and use technologies such as ASP, PHP, etc. for
creating dynamic websites. Dynamic Websites allow visitors to search and locate
information (such as a search feature of search engines or database listing), submit
information (such as feedback, rating, voting) etc.
Advanced Forms
You can create a fully functional form using MEW. Data filled using a form can be
stored in a database or sent to a specific email address. But these features require
proper support from the web hosting provider, primarily the support for FrontPage
Server Extensions.
Special Note:
FrontPage Server Extensions is a technology that provides special functionalities on
web servers created using Microsoft FrontPage or Microsoft Expression Web. Though
this technology was used for over a decade, it is considered obsolete due to the
evolution of other equivalent or better technologies. You may still find a few web
hosting providers extending their support to this almost obsolete technology.
Microsoft Expression Web replaced Microsoft FrontPage. Most of the activities in
this module can also be done using Microsoft FrontPage. However, Microsoft
FrontPage has a limited support for recent developments in web technologies such
as CSS3, HTML5, etc. Yet, you can use form functionalities outlined in this module
if your web hosting provider supports only FrontPage Server Extension.
If you want to create a form for your Intranet or if your web hosting provider
supports FrontPage Server Extensions, you can use procedure in this session to
create the form, configure it to save the data in a database and later publish it to
the remote computer.
Web Server
You can use the web server in-built with the operating system. Windows includes IIS
(Internet Information Services) in both client and server operating systems. IIS in-built
with client operating system such as Windows XP, Vista & 7 is usually sufficient for
249
websites having few visitors. You can install IIS on Windows Vista & 7. Use the help file
for detailed instructions.
Note: FrontPage Server Extensions is not available in Vista / Windows 7 & Windows
2008. You may download an evaluation copy of FrontPage Server Extensions
(FPSE) from www.iis.net. Some web hosting providers still give support for FPSE
and you will be able to publish using FPSE.
Creating forms
You can create forms and use additional functionalities of MEW. To create a form and
store the details in a database, do the following:
1. Select File > New > ASP and save this page as dform.asp.
2. Insert a form and add the following:
a. Insert Input (Text), for visitor’s name.
b. Insert Input (Text), for visitor’s email address.
c. Insert Drop-Down Box, for collecting visitor’s
favorite color.
d. Insert Input (Submit).
250
Creating a database
Note: Forms are published automatically along with other files in a website.
251
a. Type a friendly name in Name:
b. Select FrontPage Server Extensions from Connection Type: dropdown
menu
c. Type the remote location, for example: www.example.com
d. Type the credentials (Username and password) provided by the hosting
provider.
e. Click Add.
3. Click OK.
4. Select Site > Publish All Files to…NAME (IP address of the server or
computer that supports FPSE).
Visitors can fill the form by entering the details and when
they click submit, they will see a confirmation page
similar to the one below:
Note: Use Windows Explorer to navigate to the folder that contains this website if you
are using a web server within LAN; Access database is stored in a special folder named
fpdb. If you are using MEW, then the access database can be retrieved from the fpdb
folder in folder list view.
EXERCISE
S.No. Activities
1. Create a detailed form for the following fields and configure it to
save the details in a database.
252
a. First Name
b. Last Name
c. Age
d. Email Address
e. Favorite Car (Include at least three different vendors,
allow selection through Checkboxes – Single Selection)
f. City (Create a list and display using a dropdown menu)
g. State (Create a list and display using a dropdown menu)
h. Pin Code
i. Comments
ASSESSMENT
253
Session 20: Publishing Web Pages or Websites - I
Learning Objectives:
At the end of this session, you will be able to:
1. Optimize Web pages.
2. Estimating the size of content.
3. Optimize HTML.
RELEVANT KNOWLEDGE
Before you publish a website, you need to verify the website’s functionality.
Hyperlinks (internal & external) should be checked and replaced if necessary. Given
here is a list of standard procedures to be followed prior to site publishing.
254
Estimating Size of a website
You can now decide to remove items that may possibly slow down a page.
255
3. Notice the results displayed (Figure below).
DWT
256
Code Optimization
Before you publish, you need to cleanup your web page for any unnecessary code that
can result in reducing page size. This in turn will help in faster downloads. You can
use the in-built optimizer tool to remove unnecessary code by:
1. Select Tools > Optimize HTML…. The Optimize HTML dialog box appears.
2. During development you may have left behind some code such as comments.
These might have to be removed before
you present the website to an audience. To
do so, select All HTML Comments in
Remove Comments section and then
select OK. All the comments will be
removed automatically.
Fixing Errors
257
EXERCISE
S.No. Activities
1. Create a visual diagram of any of the websites created earlier. Share
it with your classmates. Optimize the HTML code in your website,
remove all unnecessary code.
ASSESSMENT
1. Structure of website can be viewed using ____ option in ____ dropdown menu
of ____ menu.
2. Site summary is available in ____ dropdown menu of ____ menu.
3. Optimize HTML is available in _____ menu.
4. Recalculate Links is available in _____ menu.
258
Session 21: Publishing Web Pages or Websites - II
Learning Objectives:
At the end of this session, you will be able to:
1. Choosing a hosting provider.
2. Work with publishing options.
3. Use Web Packages.
4. Backup websites.
RELEVANT KNOWLEDGE
Web Hosting
When you want others to see your content designed using HTML, you need to host the
content in a web server to be viewed by the public. There are several free web
hosting providers that provide free web space for your content. Though there may be
restrictions on the total web space or advertisements posted within your website, the
web space is usually sufficient for hosting small websites or practicing HTML! Use
Google or other search engines to find a free web hosting provider.
Web hosting providers usually allow publishing through FTP. Some web hosting
providers allow other methods such as SFTP, WebDAV, etc. which you can use to
upload your website. Some of them allow other methods such as SFTP (secure FTP),
WebDAV, FrontPage Server Extensions, etc. and these are detailed usually in the page
that displays various plans for comparison.
For web pages created using HTML, you can use any provider that supports FTP.
Once you have created the website, you need to publish it to computers that will be
available 24x7 for visitors to view. When you sign up with a hosting provider,
generally, you will be given multiple options to publish the content such as FTP,
WebDAV, FrontPage Server Extensions, etc.
259
a. Click Add…. The Connection Settings dialog box is displayed.
b. Enter the following details:
i. Type a name in the Name: textbox (usually your domain name or
destination computer name or IP address of the destination).
ii. Select FTP from the Connection Type: dropdown menu.
iii. Hosting providers will provide a path for publishing, for example:
ftp.domainame.ext. Type the path in Location: textbox.
iv. Specify the folder where the content will be stored (Usually
directory is auto-selected for websites, use this only if required).
v. Enter the username and password in Credentials: section. This
will be used when you
publish from the HTML
editor. Generally multiple
files are transferred
simultaneously between
HTML editor and
destination resulting in
faster transfers. Leave this
setting as it is or contact
hosting provider for this
detail only if required.
vi. Click Add.
c. Notice the change in the
Publishing tab (Figure above)
indicating the remote site is added to the list.
4. Click OK.
Now MEW is ready with the remote site settings for publishing content. Whenever you
want to publish (first time or periodic updates), do the following:
5. Select Site > Publish All files to [NAME]. Once published, use the web
browser to view the website.
Web Packages
Another method to take your website to a remote computer is by using the Web
Package feature. You can use the Web Package feature to transfer contents of your
entire website (preserving the structure) to a remote computer. This is useful when
you want to send your website (including the complete structure) for being hosted
from a remote computer or, if the existing structure is to be used for creating another
website.
261
6. When
prompted to
save this Web
Package, type
a filename
for example:
7. Click OK.
Navigate to the folder where you saved this web package and notice the entire
website packed as a single file (Figure above).
1. Create a New Site (Empty Site), name this website for example:
MySecondWebsite.
2. Select Site > Import > Import
from Web Package… (Figure
above).
3. Browse and select the Web
Package, select Open. The
Import Web Package dialog box
appears (Figure adjacent).
4. You can either select individual
files or folders, or the entire
website. Click Import.
5. Select Yes to All. Click OK.
Now you can edit web pages within this website. Also you can keep a copy of the Web
package as a backup for future use.
Backup Websites
262
It is a highly recommended practice to take periodic (daily, weekly, etc.) backups of
websites either using special backup tools or publishing it to another internal source.
Whenever you attempt to perform an update on a website, ensure you take a backup
of the current site before touching it.
If you only have HTML content (static web pages), use the following procedure to take
a backup of the website:
EXERCISE
S.No. Activities
1. Compare different hosting providers using the worksheet below:
Feature Provider 1 Provider 2 Provider 3
ISP
Monthly Price
Setup Fee
Disk Space
Monthly Traffic
Ads
Languages
ASP
PHP
Databases
Access
MySQL
Microsoft SQL
Email
POP3 / SMTP
IMAP
Web Mail
Sub-domains
Templates
FTP Access
Static IP address
2. Backup the website:
a. Use Web Package to create a single web package file and
263
store it elsewhere.
b. Copy the entire website to another location on your hard
disk drive.
ASSESSMENT
264
Session 22: Authoring Tools
Learning Objectives:
After this session, you will be able to:
1. Understand the purpose of Authoring Tools.
2. Understand the purpose of KompoZer.
3. Understand the purpose of Macromedia Dreamweaver.
RELEVANT KNOWLEDGE
You have learnt to work with Expression Web in earlier sessions. There are a variety of
other web authoring tools available for use and most of them have similar
functionality. Some of the popular authoring tools are discussed in this module.
KompoZer
KompoZer is an open
source WYSIWYG HTML
editor. KompoZer
complies with the W3C's
web standards.
1. Download
KompoZer from
265
1. Select File > New…. The Create a new document or template dialog box is
displayed (Figure above).
2. Select A blank template, select Create.
3. Type some content, select Source to view the source code.
Dreamweaver
Use the help file (F1) to learn about using Adobe Dreamweaver.
EXERCISE
S.No. Activities
1. Download, install and work with NetObjects Fusion.
ASSESSMENT
266
Session 23: CSS Templates
Learning Objectives:
After this session, you will be able to use CSS Templates.
RELEVANT KNOWLEDGE
When you design websites, you don’t have to design a web page from scratch. You can
use templates that are available for free or a free to save time and efforts. Though
you have learnt to create templates using HTML editors, you can still find and use
creative designs for your websites.
CSS Templates
Instead of creating dull and boring websites, you can use templates that are available
on the Internet. Popularly referred to as CSS Templates or XHTML/CSS Templates
these templates look attractive while meeting certain standards. Following is a list of
websites that offer such templates for your reference:
http://html5up.net
http://www.cssportal.com/css-templates/
www.freecsstemplates.org
www.free-css.com
www.templatemo.com
www.oswd.org
www.openwebdesign.org
and many more….
1. Visit any of the website mentioned above (or use a search engine to locate
one).
2. Browse and select a template.
3. Most website provides an entire site structure consisting of web page(s), style
sheets and accompanying images as a single compressed package. Download
the compressed file and unzip them to a folder. Also you may notice a link for
live preview that allows you to view the template in action before
downloading. Always check the design before you download.
267
4. Once the download is over, open the homepage. Homepage is usually titled
with names as index.htm, default.htm or home.htm.
Note: Some website may require you to sign up and even have certain terms and
conditions. Check the website for requirements.
Customizing Templates
You can use a simple text editor to modify the template. However, if you find it
difficult, you can use an HTML editor such as MEW. Also note that if the template is of
a recent standard and if the HTML editor does not support that standard, entire
template will appear distorted. Confirm if the HTML editor support the standard used
in a template.
1. Launch MEW.
2. Create a New Site (always test the
template in a new website).
3. Copy all the files from the template
folder (or use import wizard).
4. Paste in within the HTML editor (You
may receive prompt for files to be
overwritten, click Yes).
5. Open the Homepage (index or default.htm) (Figure above).
6. Customize the website.
7. To view the source code, select View > Page > Code.
CSS can also be used for developing attractive navigation menus (Figures below).
268
EXERCISE
S.No. Activities
1. Download a CSS template. Use this template as a design for the website
created in earlier sessions.
2. Download CSS Tab designer, create a navigation menu for a website.
ASSESSMENT
1. List any three websites that offer free CSS templates (write complete URL).
a. __________________.
b. __________________.
c. __________________.
269