Computer Teaching Guide 8 PDF

Teaching
Guide 8
Second Edition
3
Contents
Introduction iv
Continuous and Comprehensive Evaluation 1
Lesson Plans 6
Answer Key to Student’s Book Questions
• Introduction to Microsoft Access 15
• Microsoft Access Design View, Queries, Forms, and Reports 19
• Creating Lists and Inserting Images in HTML 23
• Tables, Links, and Frames in HTML 27
• Introduction to Dreamweaver CS3 31
• Images and Framesets in Dreamweaver CS3 34
• Introduction to Photoshop 37
• Tools Used in Photoshop 40
• Networking and E-Commerce 44
• Assessment 1 47
• Assessment 2 48
• Comprehensive Assessment 1 49
• Assessment 3 50
• Assessment 4 51
• Comprehensive Assessment 2 52
• Cyber Olympiad Questions 53
• Revision Questions 54
Worksheets
Answers to Worksheets 72
Test Papers
Answers to Test Papers 87
1 iii
INTRODUCTION
In today’s world, the computer has become an indispensable tool. From huge machines weighing several
tonnes, the computer has evolved into light, sleek, yet powerful machines that dominate today’s knowledge-
based society. Many previously complex and time-consuming tasks have been reduced to the mere touch of
a few buttons on the keyboard. Basic computing skills such as word processing are an essential requirement
in today’s job market. The Internet has revolutionized the way people communicate and interact.
Geographical distances are no longer a constraint for effective business transactions, information
dissemination, and interpersonal interactions as distances have been overcome through extensive,
intricately-designed communication networks.
Today computer science is an academic subject in its own right, governed by scientific and mathematical
principles. Due to its increasing importance, computer studies have become an essential part of the
education curriculum around the world, including in Pakistan.
However, the trend has been to favour Information and Communications Technology (ICT) rather than
the science behind computers. ICT in schools usually focuses only on teaching how to use office
productivity software such as word processors, presentation software, and spreadsheets. However, as
teachers, we should ensure that we teach not only ICT, but also computing, especially in the lower classes.
This is an important distinction because ICT primarily involves simply understanding and memorizing
commands. As a consequence, many students may get the impression that little creativity is involved in
using computers. This may result in students losing interest in what they mistakenly believe to be
computing. Students must be introduced to how computers work and be given the opportunity to be
creative through computing activities that challenge them to use their logical and analytical skills along with
their creativity.
Computer science education should be such that students are capable of making a meaningful contribution
other to advance our digital society or use digital media optimally in their chosen field of study or work,
should they decide to do so in the future. Computer education in schools should equip every child with the
basic understanding of how computers work and demonstrate the possibilities of information technology in
a knowledge-based society and economy. This has been the rationale for developing the Keyboard: Computer
Science with Application Software (Second Edition) series.
About Keyboard: Computer Science with Application

Software (Second Edition)
Keyboard: Computer Science with Application Software (Second Edition), a series of eight books for Classes 1 to 8,
is a comprehensively revised edition of Keyboard: Computer Science with Application Software and carries
forward the same interesting and interactive approach that is a hallmark of the series. The series aims to
iv 1
make the study of computer science engaging and interactive for students through a combination of
features.
The contents are based on the most recent feedback from teachers and incorporate the latest trends in
computer education. We have taken particular care to update facts and figures, and to include the latest
advancements in the field of information and communication technology. Thus, trendsetting topics such as
social networking and cloud computing have been explained along with devices such as smartphones and
tablets. Also, in keeping with the times, there is greater focus on animation and web design.
The series introduces the subject in language that is simple and direct. Technical jargon is used only where
necessary and all such terms are defined at the end of each chapter. Comic strips, icons, cartoon characters,
and illustrations make the learning process an enjoyable experience.
This series is an advanced course in computer science designed for those schools that wish to teach creative
application software such as Flash, HTML, Photoshop, and Dreamweaver along with the basic concepts of
computers, computer programming, and the Internet.
Course Features and Highlights

Each chapter in Keyboard: Computer Science with Application Software (Second Edition) starts with an engaging
introduction in comic strip format presenting a conversation between two characters, Goggle and Toggle.
Goggle represents an average primary and middle school student, while Toggle is an animated laptop and an
expert in computer science. Toggle helps Goggle understand all that is taught about computers and
computer software in the series. The series has a hands-on approach to learning with text supported by
relevant screenshots and plenty of practical exercises. The MS Office screenshots are based on MS Office
2007, with the compact and user-friendly Windows 7 as the operating system.
Update Office 2010

A special feature of the series is the update provided on MS Office 2010. As you are aware, a new interface
was designed by Microsoft for their MS Office package, beginning with MS Office 2007. In MS Office
2010, Microsoft has retained the Ribbon interface introduced in MS Office 2007, but has provided some
additions, enhancements, and improvements to the feature.
Update Office 2010 describes the new or additional features introduced in MS Office 2010 when compared
with MS Office 2007. These updates have been placed at the relevant points within the MS Office chapters
thus enabling direct comparisons. Students and teachers will thereby have a clear idea of the refinements in
MS Office 2010.
Worksheets and Assessment Papers

Worksheets have been introduced for Classes I to V, while for Classes VI to VIII Assessment and
Comprehensive Assessment papers have been included.
Practice Time, Exercises, and In the Lab

The Practice Time feature provides practical exercises after every major topic, in which the student applies
the concept(s) learnt in the previous section to solve a practical problem. The detailed solution is given after
the question, so that students are able to understand the practical application of a particular concept
independently. This frees the teacher from the process of assessing whether individual students have fully
understood the concept.
The Exercises and In the Lab questions deserve particular mention. The exercises in each chapter include
enough theoretical and practical questions for concept application. The In the Lab questions are similar to
those under Practice Time except that no solutions are given and the questions are more complex than
1 v
those found under Practice Time. In both, however, the questions describe a variety of situations across the
curriculum thus integrating the use of computers with problem-solving in other subjects areas.
The Revision Questions are recommended as a self-assessment tool for the students; for those who would
like to attempt the Cyber Olympiad, sample questions have been provided for practice.
Digital Learning Resources

The Learning Resource CD for students contains animation, videos, tutorials, and tests.
Animation clips offer an audio-visual explanation of technically complex or difficult concepts.
Demo videos linked to one of the Practice Time questions in software chapters present a step-by-step
audio-visual guide to solving the problem described.
Teaching Resources
The teaching resources for the Keyboard: Computer Science with Application software and (Second Edition)
consist of Teaching Guides and a Teaching Resource CD.
Teaching Guides
The Teaching Guide accompanying each Student’s Book is carefully structured to provide useful support to
teachers.
Each Teaching Guide contains the following:
• A lesson plan that details the number of periods recommended for a particular chapter, the topics
therein, the expected learning outcomes at the end of each topic, and the digital support available for
each chapter. This is intended to assist teachers in overall planning. Teachers should read through the
lesson plan before stepping into the classroom or can use the recommendations for creating their own
lesson plan.
• The complete answer key to the Student’s Book exercises has been given including answers for the In
the Lab questions, Worksheets/Assessment papers, Revision Questions, and the Cyber Olympiad
Questions.
• A set of chapter-wise worksheets follows the lesson plans, and has questions in the form of crossword
puzzles, wordsearches, jumbled words, etc. designed to reinforce conceptual understanding.
• In addition to the worksheets, a set of chapter-wise test papers has also been provided, which may be
used by teachers to create their own assessment papers, or used as they are for classroom tests.
Teaching Resouce CD
The Teaching Resource CD contains printable reinforcement and assessment materials along with a Test
Generator. Printable documents for every chapter include lesson plans, answers to the Student’s Book
exercises, worksheets, and test papers.
The comprehensive and easy-to-use Test Generator is an effective assessment tool designed to benefit
teachers by enabling them to create a variety of test papers. It includes an extensive pool of questions, such
as multiple choice, true or false, fill in the blanks, short answer, and long answer questions, as well as lab
exercises where relevant. Answers have been provided to enable efficient and effective evaluation. The Test
Generator allows the teacher to create test papers for one or more chapters.
The Students’ Books, and the accompanying Teaching Guides and digital resources together form a
complete package enabling effective teaching.
vi 1
Continuous and Comprehensive Evaluation
Learning takes place in a variety of ways—through experience, making and doing things, experimentation,
reading, discussion, asking, listening, thinking and reflecting, and expressing oneself in speech, movement,
or writing. All these modes of learning are possible both as individual or group activities. It would thus be
advantageous for students to be given the opportunity to participate in as many of these activities as
possible.
Continuous and Comprehensive Evaluation (CCE)

The primary objectives of this system are (1) to maintain continuity in evaluation and (2) to reliably assess
broad-based learning and behavioural outcomes.
In this system the term ‘continuous’ is meant to emphasize that evaluation of a student’s progress is a
continuous process rather than an event. It is spread over the entire span of an academic session, and means
regularity of assessment and unit-testing. It also includes a diagnosis of learning gaps, the use of corrective
measures, retesting, and self-evaluation.
The term ‘comprehensive’ suggests that the system covers both scholastic and co-scholastic aspects of a
student’s growth and development.
This system expects involves both formative and summative assessment. Formative assessment is a tool
used by the teacher to monitor student progress continuously in a supportive environment. It involves
regular feedback, a chance for the student to reflect on his/her performance, seek advice, and improve. If
used effectively, it can greatly improve student achievement.
Summative assessment is carried out at the end of a course of learning. It measures, or ‘sums - up’, how much
a student has learnt from the course. It is usually a graded test, i.e. it is marked according to a scale or set of
grades.
It has been found that assessment that is predominantly of a summative nature will not by itself yield a
valid measure of the growth and development of the student. At best it indicates the level of achievement
only at a given point of time.
The paper-pencil tests are basically a one-time mode of assessment and to rely on them exclusively to judge
the development of a student is both unfair and unscientific. Over-emphasis on examination marks leads
students to believe that assessment is different from learning. Besides encouraging unhealthy competition,
the reliance on a summative assessment system also results in unnecessary stress and anxiety among
learners.
The Keyboard: Computer Science with Application Software (Second Edition) series, comprising of Students’
Books, Teaching Guides, and digital resources, includes a number of features that aid both continuous and
comprehensive evaluation.
1 1
CONTINUOUS EVALUATION
Students’ Books
Beginning of Instruction (Formative Assessment)
• The introductory dialogue at the beginning of each chapter between Goggle and Toggle is a starter to
the chapter topic and can be employed to test the prior knowledge of students by using the dialogue to
ask for possible solutions or an answer to Goggle’s questions.
During Instruction (Formative Assessment)

The conceptual grasp of students can be assessed during instruction through Practice Time, which has been
placed after every major topic in the Student’s Book, by observing how fast they carry out the task as given.
A couple of questions may also be added to test their understanding of the concept. For example, in the
question below students may be asked if they can use the RT or the LT command in the solution to this
question instead of the SETH command.
2 1
End-of-Chapter (Summative Assessment)
• At the end of the chapter the student can be tested on acquired knowledge through the objective and
descriptive questions in the Exercises section, and on the practical application of concepts through In
the Lab questions.
End-of-Unit and Term (Formative as well as Summative Assessment)

• Assessment at the end of three or four chapters is facilitated through
Worksheets in Classes I to V.
• In Classes VI to VIII Assessment and Comprehensive
Assessment papers help children familiarize themselves with
evaluation patterns.
Teaching Guides
The Teaching Guides provide the following support for formative and summative assessment:
• Worksheets, one for each chapter, have questions in the form of crossword puzzles, wordsearches,
jumbled words, etc. designed to reinforce conceptual understanding.
• Test papers, one for each chapter, which may be used by teachers by photocopying them in a larger
format for classroom tests.
1 3
Digital Resources
The digital support for the series comprises the Learning Resource CD and the Teaching Resouce CD.
Learning Resource CD
The Learning Resource CD for Keyboard: Computer Science with Application Software (Second Edition) includes:
• Animation clips for conceptual topics such as those on operating systems, the history of computers,
input and output devices, etc. offer an interesting audio-visual element to technically complex or
difficult concepts. There are one or more modules for each such chapter that enable students to
reinforce what they have learnt in class.
• Demo videos that are linked to one of the Practice Time activities in software chapters (those chapters
that describe the features and commands available in a software), and present a step-by-step audio-visual
guide to solving the problem described in that particular Practice Time question. One or more objective
type question(s) has (have) been introduced at (a) strategic point(s) under the Rapid Round feature
during the demo to encourage students to participate in the solution to the problem. These questions
could be also be used as a formative assessment tool.
Teaching Resource CD
Printable documents for every chapter in the form of soft copies of the worksheets and test papers are given
for each chapter in the Teaching Guides. The teacher is free to use either version of the worksheets and test
papers as formative assessment tools.
The Test Generator accompanying the Teaching Resource CD is an effective assessment tool designed to
benefit teachers by enabling them to create a variety of test papers.
It has an extensive pool of questions including multiple choice, true or false, fill in the blanks, very short
answer, and short answer questions, as well as lab exercises where relevant. The Test Generator can be used
to create test papers for one or more chapters. The wide variety of objective and descriptive questions
makes the tool flexible enough for teachers to employ it either for formative as well as summative
assessment. Answers have also been provided for these questions to aid efficient and effective evaluation by
teachers.
Comprehensive Evaluation
Comprehensive evaluation involves, as explained above, both the scholastic and co-scholastic aspects of a
student’s growth and development. It aims to assess the student not only in the area of pure knowledge but
also in the areas of their analytical and creative ability, as well as in their general attitudes and aptitudes.
The key features in Keyboard: Computer Science with Application Software (Second Edition) have been designed
to provide both scholastic and co-scholastic development.
Scholastic
• The features such as
Did You Know?, Fast
Forward, Top Tip,
Update Office 2010,
Tricky Terms, and
Memory Bytes, enhance
and reinforce
conceptual knowledge.
4 1
Co-Scholastic
• The features such as Computer Manners, Projects, and the design of the practical exercises focus both
on scholastic and co-scholastic areas by creating awareness of the ethical and correct use of computers,
as well as the use of computers as a tool for problem-solving in other subjects.
1 5
LESSON PLANS
• A lesson plan has been devised for each chapter which details the number of periods recommended for
that chapter, the topics covered in that chapter, the recommended topic-wise allocation of periods, the
learning outcomes, and the digital support available for that chapter.
• The total number of periods in a year for computer science has been taken as 72 assuming two periods
a week for the subject.
• Teachers should go through the lesson plan before stepping into the classroom. However, this is a
proposed lesson plan, and teachers are free to modify it as per their teaching styles or teaching sequence
in respect of the chapters.
Lesson Plans (Total Periods – 72)*

Chapter Title Total In This Topic-Wise Learning Outcomes
Periods Chapter Allocation of Teaching
Resource CD
Allocated Periods
1. Introduction 9 What is a 1 The students should be • Learning outcomes

to Microsoft Database? able to: • Answer key to
Access • define the term Student’s Book
database questions
• explain the need for a • Worksheet with
database answers
• differentiate between • Test paper with
the terms records and answers
fields
• explain the meaning of
DBMS
• explain the functions
of a DBMS
Introducing 1 • define the term
Microsoft relational database
Access • explain the meaning of
a primary key
• identify the elements
of Microsoft Access
2007
• start Microsoft Access
The number of periods given here is based on the assumption of two periods a week per class for computer science.
6 1
Resource CD
Allocated Periods
Creating a 3 • create a blank database,

Database add fields, and save it
• state the rules for
naming a field
• explain the data types
available in MS Access
• create a database using
a template
• open an existing
database
Creating and 2 • open a database in
Modifying Table Design view
Tables • identify the two
sections in Table
Design view
• create a table in Table
Design view
• switch between Design
view and Datasheet
view
• add data to a table in
Datasheet view
• modify table design—
insert, delete, rename,
and move a field, and
change the data type of
a field in Datasheet
view
Totalling, 2 • sum, sort, filter, and
Sorting, and search for data in
Filtering Data Datasheet view
• explain Advanced
Filtering in Datasheet
view.
2. Microsoft 9 Using Design 3 The students should be • Learning outcomes
Access View able to: • Answer key to
Design View, • explain the need for a Student’s Book
Queries, primary key questions
Forms, and • set/remove a primary • Worksheet with
Reports key answers
• explain the use of a • Test paper with
Lookup field answers
• list the properties
available in the Field
Properties pane
1 7
Resource CD
Allocated Periods
Queries 2 • define the term query

• create a query in
Query design, save,
and run it
• create a query in
Query Wizard
Forms 2 • explain the uses of
forms
• use different ways to
create forms
Reports 2 • explain the uses of a
report
• use different ways to
create a report
• print a report.
3. Creating 7 Creating Lists 4 The students should be • Learning outcomes
Lists and able to: • Answer key to
Inserting • explain the use of the Student’s Book
Images in list item tag <li> questions
HTML • identify the different • Worksheet with
types of lists answers
• differentiate between • Test paper with
an ordered list and an answers
unordered list
• explain the use of the
unordered list tag
<ul> and the ordered
list tag <ol> and their
attributes
• explain the concept of
nesting lists
• describe the use of the
definition list tag
<dl>
Inserting 3 • discuss various image
Images formats
image tag <img> and
its attributes
• insert an image as a
background.
8 1
Resource CD
Allocated Periods
4. Tables, 8 Creating 3 The students should be • Learning outcomes

Links, and Tables able to: • Answer key to
Frames in • describe basic table Student’s Book
HTML tags questions
• state the attributes of • Worksheet with
the <table> tag answers
• explain the use of the • Test paper with
<tr> and <td> tags. answers
Linking 2 • explain the concept of
hyperlinks
• describe different types
of links
anchor tag <a>
• define colours for links
• use an image as a link
Creating 3 • explain the concept of
Frames frames
<frameset> and
<frame> tags
• create nested frames
• list the attributes
possible for the
<frame> tag
• link frames.
5. Introduction 9 Adobe 2 The students should be • Learning outcomes
to Dreamweaver able to: • Answer key to
Dreamweaver • explain what Student’s Book
CS3 dreamweaver is used questions
for • Worksheet with
• explain what a answers
WYSIWYG editor is • Test paper with
• explain the concepts of answers
local root folder and
remote folder
• create a website of one
page in dreamweaver
and save it
Elements of 1 • label the different
Dreamweaver elements of a
dreamweaver window
Adding Text 2 • add text and images to
and Images a web page
1 9
Resource CD
Allocated Periods
Working with 2 • define the term

Hyperlinks hyperlink
• set text/images as a
hyperlink
named anchor links
• list the steps to set link
colours
• modify links
Adding Flash 2 • explain what Flash
Buttons buttons are
• insert a Flash button.
6. Images and 8 Rollover 2 The students should be • Learning outcomes
Framesets in Images able to: • Answer key to
Dreamweaver • differentiate between Student’s Book
CS3 the different file questions
formats used to save • Worksheet with
images answers
• explain what a rollover • Test paper with
image is answers
• create a rollover image
Image Maps 2 • explain image maps
and hotspots
• state the requirements
for image maps
• create an image map
Framesets and 3 • define the terms
Frames frameset and frame
• create a frameset
• list the steps for
saving/selecting
framesets and frames
• explain the properties
of a frameset in the
Property Inspector
• control frame contents
with links
Linking to 1 • add a link to a
Word and Microsoft Word or
Excel Excel document.
Documents
10 1
Resource CD
Allocated Periods
7. Introduction 7 Starting 1 The students should be • Learning outcomes

to Photoshop Adobe able to: • Answer key to
Photoshop • start Photoshop Student’s Book
• correctly label the questions
components of the • Worksheet with
Adobe Photoshop CS3 answers
window • Test paper with
• use the Tools panel answers
• open an existing file,
create a new file, and
save a file
• change background
and foreground
colours
Selection 1 • identify the selection
Tools tools—Marquee and
Lasso
• use the different types
of Marquee tools and
Lasso tools for
selection
• use the Magic Wand
tool
Working with 1 • move images
Images • copy images
• crop images
Painting 2 • use the Brush tool
Tools • use the Gradient tool
Drawing 2 • use the drawing tools
Tools and the Custom
Shape tool.
8. Tools Used 8 Retouching 2 The students should be • Learning outcomes
in Photoshop Tools able to: • Answer key to
• differentiate between Student’s Book
the Spot Healing questions
Brush tool and the • Worksheet with
Healing Brush tool answers
• distinguish between • Test paper with
the Clone Stamp tool answers
and the Pattern
Stamp tool
• use the Eraser tool
• use the Blur tool
• differentiate between
the Smudge tool, the
Dodge tool, and the
Burn tool and use
them appropriately
1 11
Resource CD
Allocated Periods
Working with 2 • explain the use of the

Layers Layers palette
• display the Layers
palette
a background layer
• create a new layer
• select layers
• change the order of
layers
• rename a layer
• delete a layer
flattening layers
• apply Layer effects
Working with 2 • use the Type tool
Text • move text
• explain the meaning of
warping
• warp text
Using Filters 2 • describe the use of
filters
• apply filters
• explain the use of
Filter Gallery.
9. Networking 7 Computer 3 The students should be • Learning outcomes
and Networking able to: • Answer key to
E-commerce and Types of • differentiate between Student’s Book
Networks intranet and extranet questions
• explain what computer • Worksheet with
networking is and why answers
it is required • Test paper with
• classify networks based answers
on the extent of
geographical area
covered
• describe the hardware
components of
computer networks
• explain the need for
networking
How the 1 • define the term
Internet protocol
Works • differentiate between
Internet protocol and
Transmission control
protocol
12 1
Resource CD
Allocated Periods
E-sites 1 • explain what e-sites

are—e-governance,
e-learning, and
e-commerce
Shopping on 1 • explain how to buy
the Web products online
• identify the advantages
and drawbacks of
e-commerce
Information 1 • define the term
and Commu- Information and
nications Communications
Technology Technology (ICT)
• discuss the advantages
and drawbacks of ICT.
1 13
Answer Key to Student’s Book Questions
• The complete answer key to the Student’s Book questions has been given here including answers for
the In the Lab questions and Worksheets.
• These are only suggested answers and variations are possible especially for the open-ended questions
such as the descriptive questions and those of In the Lab. Teachers should use their discretion while
checking students’ answers and award marks based on conceptual accuracy and clarity.
14 1
Chapter 1: Introduction to Microsoft Access
Exercises
1. a. database b. columns c. filter d. sort e. Search
2. a. T b. T c. F d. F e. T
3. a. Relational b. Field c. Report d. Primary key e. Datasheet view
4. a. A database management system (DBMS) organizes all the data so that it can be retrieved easily
whenever needed. Database management involves creating, modifying, deleting, and adding data in a
database. The software that performs these functions is called a database management system.
b. Microsoft Access and My SQL are examples of DBMS software.
c. A primary key is one (or more) column(s) whose values uniquely identify every row in a table.
The value in the primary field is different for every record and thus helps to identify records
uniquely. For example, in a table containing information about students of Class VIII A, the
column Roll No behaves as the primary key because every student has a unique roll number.
d. The four objects in a Microsoft Access database are:
i. Tables These store the data in a database.
ii. Forms These make it easy to enter data in tables.
iii. Query Based on selection criteria, a query retrieves data from one or more tables and
displays it on screen.
iv. Report This retrieves data and displays it in an easy-to-read format for printing.
e. The two ways of creating a Microsoft Access database are by using a blank database or by using a
template.
f. The Table Design view window consists of two areas:
1. The Field Grid pane or Field Entry area: This allows the user to specify field names and data
types. The user can also give a description with each field, though this is optional.
2. The Field Properties pane: This allows the user to enter more details for each field such as
field size, validation rule, etc.
g. Four data types available in Microsoft Access are Text, Memo, Number, and Date/Time.
h. Open the database. Click Table Design in the Tables group on the Create tab. The Table
Design view window appears. Here, the user can create fields and select the data types for each
field.
5. a. iv b. iv c. i d. iv e. i f. i g. ii h. iv
In the Lab
1. a. Admission No can be set as the primary key because it is unique for every record.
1 15
b. The following data types should be used for each field:
Field Name Data Type

AdmissionNo Text
Name Text
ClassSec Text
DateOfBirth Date/Time
Percentage Number
2. a. Select Start
All Programs Microsoft Office
Microsoft Office Access 2007. The
opening page of MS Access appears.
b. Click Blank Database.
c. Type the new filename. Click Browse to change the location of the file if you want. Finally, click
Create.
d. This creates the database with an empty table named Table1 and opens it in Datasheet view. The
field already contains a field called ID.
e. Rename the ID field to EmpNo.
f. To add more fields, double-click the field header and enter the field name. Press the Enter key.
g. Click Save in the Quick Access Toolbar. The Save As dialog box appears. Name the table as
Employee and click OK. The table name will appear in the Navigation Pane.
h. Follow these steps to set data type for each field:
i. Click the header that needs a data type. Click the Datasheet tab if not already selected.
ii. In the Data Type & Formatting group, click the arrow with Data Type. Select the required
data type from the drop-down list.
i. Finally, press the Enter key to move the pointer to the next line. Enter the following data. Press Tab
to move from one column to the next.
EmpNo EmpName EmpAddress EmpPhone EmpSalary

E1001 Aman 123 ABC Colony 2211xxxx 34000
E1002 Yasir 32/A Green Society 223xxx45 25000
E1003 Ali 65 B M C Colony 22xxxx98 54000
E1004 Huma 12/3 C DDA Colony 22xxx745 35000
E1005 Sadia 423 Pride Heights 22xxxx99 29000
Datasheet view is used to enter records.
3. a. To create a table named Magazine, click Table Design in the Tables group on the Create tab.
The Table Design window appears.
b. In the Field Grid pane, type the field name and select the data type for each field.
c. To enter data in a table, switch from Design view to Datasheet view. Select the Datasheet view
from the View option of Table Tools.
16 1
d. To enter data, click in the first field and enter the data.
e. Move to the next column by pressing Tab or the arrow keys.
f. Enter the following data:
MagazineID MagazineName MagazinePublication MagazinePrice NoOfCopies

1 Science World World Media 100 5
2 Techie Computer World 125 4
3 Famous Knowledge Base 110 6
4 Teen Place Kids Publishing 175 5
5 News for kids Kids Publishing 120 4
6 Cook it up Home Publishers 125 8
7 Healthy Living Home Publishers 150 7
8 Happy Homes Home Publishers 90 10
g. Follow these steps to filter records with price greater than Rs 100:
i. Click the column MagazinePrice.
ii. Click the arrow on the right side of the column header.
iii. Click Number Filters and click Greater Than in the sub-menu.
iv. The Custom Filter dialog box appears. Type 100 and click OK.
v. You will now see only those records where magazine price is greater than Rs 100.
vi. To remove the filter, click Toggle Filter in the Sort & Filter group on the Home tab.
4. Create the table and enter the records in Datasheet view.
a. To sort the data in descending order of total marks:
i. Click the arrow to the right of the Total column.
ii. Click Sort Z to A to sort the data in descending order.
b. To sort the data in ascending order of name:
i. Click the arrow to the right of the Name column.
ii. Click Sort A to Z to sort the data in ascending order.
c. To filter all the records where grade is A:
i. Click the arrow to the right of the Grade column.
ii. Click Text Filters and then Equals from the sub-menu.
iii. The Custom Filter dialog box appears.
iv. Type A and click OK.
v. You will see only those records where the grade is A.
1 17
d. To search all records of students whose name is Shahid:
i. Enter the name Shahid in the Search box at the bottom of the Access screen and press the
Enter key.
ii. Access highlights the corresponding name in the first record that matches the search.
iii. To find the next matching record, press the Enter key again.
5. Open the database you have created in Question 2.
a. In the Table Design view, enter the field name and the corresponding data type.

CarID Text
CarModel Text
CarManufacturer Text
CarColour Text
CarPrice Number
b. The CarID field will be set as the primary key because it is a unique record. Select the field. Click
Primary Key in the Tools group on the Design tab.
c. In the Datasheet view, enter the following records:
CarID CarModel CarManufacturer CarColour CarPrice

C101 Speed GL Pakistan Auto Company Blue 350000
C102 Speed GLS Pakistan Auto Company White 370000
C103 Core i10 Pakistan Auto Company Grey 520000
C104 Core Prime Pakistan Auto Company Silver 435000
C105 Account Pakistan Auto Company Red 515000
C106 Velocity Pakistan Auto Company White 700000
C107 Turbo X Pakistan Auto Company Silver 728000
C108 Electra GL Pakistan Auto Company Silver 853000
C109 Electra GLS Pakistan Auto Company White 1370000
C110 Victory Pakistan Auto Company White 1600000
18 1
Chapter 2: Microsoft Access Design View, Queries,
Forms, and Reports
Exercises
1. a. Design b. Required c. primary d. query e. report
2. a. F b. T c. F d. T e. F
3. a. Field size b. Caption c. Query d. Report e. Forms
4. a. Design view in Access allows more control over table structure.
b. A validation rule limits the value that the field will accept. For example, if the validation rule for a
field is <= 100, it means that the field must be less than or equal to 100. If you enter a value
greater than 100, you will get an error message.
c. The validation rule to ensure that the value of the Salary field is less than 50000 should be < 50000.
d. The Default Value property should be used if you want the Received_Amount field to already
have the value Yes during data entry.
e. The maximum length of data in a Text field is 255 characters.
f. Queries are a method of getting answers to questions about data. Microsoft Access saves each query
in the database. A saved query can be run again anytime in the future.
g. A form provides an easy-to-use method for entering and editing data for those who are not familiar
with Access. Forms provide a way of viewing and deleting data.
h. Reports are an effective way to present data in printed format. You can control the size and
appearance of everything on a report. Thus, you can display the information the way you want to
see it.
5. a. iii b. i c. i d. i e. ii f. i g. ii h. iii
In the Lab
1. a. Create a table named Car in Design view.
b. Follow these steps to set Car_ID and Car_Model as the primary key:
i. To select the fields, hold down the Ctrl key and click the row selector for each field.
ii. Click Primary Key in the Tools group of the Design tab.
c. Follow these steps to set Car_Colour as the Lookup field:
i. Select the data type of Car_Colour field as Lookup Wizard.
ii. In screen 1 of 3 of the Lookup Wizard, click I will type in the values that I want and click
Next.
iii. In screen 2 of 3 of the Lookup Wizard, click in the blank row below Col1, type the colour as
blue and press Tab or the down arrow key to go to the next row. Add colours white, red, and
silver.
iv. In screen 3 of 3 of the Lookup Wizard, accept or change the label as you want and click
Finish.
1 19
d. Change to Datasheet view and enter the following 10 records:
Car_ID Car_Model Car_Name Car_Colour Car_Price

M001 Grand Automaker Silver 246100
M002 Wheeler Automaker White 602000
M003 Topper Safecar Red 565000
M004 Leader Safecar Silver 990000
M005 A2 Motorista Silver 723000
M006 Storm Motorista White 100480
M007 Glow Vector Red 410000
M008 Speed Vector Red 112900
M009 Gold Carrier Blue 212000
M010 Fire Carrier Blue 102600
Note: Car_Price is entered as Rs.
2. a. Create a table named Books with these fields—Book_ID, Book_Title, Author_Name, Publisher_
Name, Book_Price, and No_Of_Copies.
b. Follow these steps to create a form using the Form Wizard:
i. Select Form Wizard from the More Forms drop-down menu in the Forms group of the
Create tab.
ii. In screen 1 of 4 of the Form Wizard, select the table and the fields you want and then click
Next.
iii. In screen 2 of 4 of the Form Wizard, select a form layout. The default selection is Columnar.
Click Next.
iv. In screen 3 of 4 of the Form Wizard, select a visual style and click Next.
v. In screen 4 of 4 of the Form Wizard, give a name to the form. Select the option to Open the
form to view or enter information and click Finish.
vi. To save the form, select Save under the Microsoft Office Button menu. The Save As dialog
box appears. Enter the form name as Booksfrm and click OK.
3. a. Create a table named Emp with these fields—Emp_No, Emp_Name, and Emp_Salary.
b. Enter records in Datasheet view.
c. Follow these steps to create a report in ascending order of Employee Salary:
i. In Design view, click Report Wizard in the Reports group of the Create tab.
ii. Report Wizard screen 1 of 6 appears. Choose the table, add fields that you want to see in the
report results, and click Next.
iii. Report Wizard screen 2 of 6 appears. Select the grouping level within the report and click
Next.
iv. Report Wizard screen 3 of 6 appears. Choose Emp_Salary. By default, sorting is in ascending
order. Click Next.
20 1
v. Report Wizard screen 4 of 6 appears. Select the layout. Click Next.
vi. Report Wizard screen 5 of 6 appears. Select the style for the report. Click Next.
vii. Report Wizard screen 6 of 6 appears. Type the title for the report as EmpRep, which will be
the name assigned to the report. If you want to see the report, select Preview the report and
click Finish.
4. Create a table named Item with three fields Item_No, Item_Name, and Item_Price and enter 10
records.
a. Follow these steps to create a query—display the records in ascending order of Item Price:
i. Click Query Design in the Other group of the Create tab.
ii. The Show Table dialog box appears. Choose the table Item and click Add, or just double-click
the table. Click Close.
iii. The next screen appears. Double-click the asterisk ( ) to include all the columns of the table.
iv. Select the Sort option as ascending in the Item_Price column.
v. To save a query, click the Save option in Quick Access Toolbar. The Save As dialog box
appears. Type the name as Query1 and click OK. Query1 will appear in the Navigation Pane.
b. Follow these steps to create query—display Item_No and Item_Price from all the records.
i. Repeat the procedure in steps a (i) and (ii) with some changes.
ii. Select the field and drag it to the required column in the grid.
iii. Save the query as Query2.
5. a. Create the table named Students in Design view. Enter the following field names and data types:

RollNo Number
Name Text
Total Number
Grade Text
b. Enter the following records in Datasheet view.
RollNo Name Total Grade

1 Sadia 455 A
2 Ramsha 375 C
3 Samra 410 B
4 Anum 350 C
5 Sohail 390 C
6 Shahid 420 B
7 Danial 426 B
8 Rehan 452 A
9 Zubair 465 A
10 Zeeshan 399 C
1 21
c. In Design view, click Report Wizard in the Reports group of the Create tab.
d. Report Wizard screen 1 of 6 appears. Choose the table, add fields that you want to see in the
report results, and click Next.
e. Report Wizard screen 2 of 6 appears. Select the grouping level within the report and click Next.
f. Report Wizard screen 3 of 6 appears. You can sort the data up to four fields. Click Next.
g. Report Wizard screen 4 of 6 appears. Select the Columnar layout. Click Next.
h. Report Wizard screen 5 of 6 appears. Select a style for the report. Click Next.
i. Report Wizard screen 6 of 6 appears. Type the title for the report as StuRep1, which will be the
name assigned to the report. If you want to see the report, select Preview the report and click
Finish.
j. Repeat steps c to i to create another report. Select the Tabular layout and type the title for the
report as StuRep2.
k. Select the report in Navigation Pane. Select Print from the Microsoft Office Button menu.
The Print dialog box appears. Select the required options and click OK.
22 1
Chapter 3: Creating Lists and Inserting Images in HTML
Exercises
1. a. list item b. ordered c. container d. unordered e. border
2. a. F b. T c. T d. T e. F
3. a. Ordered list b. Definition list tag <dl> c. JPEG
d. ALIGN e. BACKGROUND
4. a. The <img> tag is used to insert an image. ALIGN and BORDER are two attributes used with this
tag.
b. The TYPE attribute specifies the type of numbering to be used in an ordered list. The TYPE
attribute can have A, a, i, I, or 1 as values.
c. <ol start=“value” type=“I”> Or <ol type=“I”>
d. i. Ordered list
ii. List item
iii. Unordered list
e. The output will be:
c. ENGLISH
d. Urdu
e. Maths
f. An ordered list defines a list of items in which the order of items matters. The list items are
enclosed by <ol> and </ol> tags. The START and TYPE attributes specify the numbering
scheme.
g. In the given HTML code, <ul> must be replaced by <ol>; </h4> must be replaced by </h3>;
the </body> tag should be inserted above the </html> tag.
h. Alt specifies the text to be displayed while the file loads or if the browser does not support graphics.
Border specifies the thickness of the border surrounding the image.
5. a. i b. iv c. ii d. iii e. iv f. ii g. iv h. iv i. i
In the Lab
1. <html>
<head>
<title>Courses Offered</title>
</head>
<body bgcolor=“aqua”>
<font color=“blue”>
<h2>Brilliance Classes</h2>
</font>
<font color=“red”>
<ol>
<li>2 Yrs. Integrated Program</li>
</font>
1 23
<font color=“green”>
<ul>
<li>Eligibility: Students studying in Class XI</li>
<li> Batch starts 14th April</li>
</ul>
</font>
<li>1 Yr. Integrated Program</li>
</font>
<ul>
<li>Eligibility: Students studying
in Class XII</li>
<li>Batch starts 16th April</li>
</ul>
</font>
</ol>
</body>
</html>
2. <html>
<head>
<title> Cooking Classes</title>
</head>
<body bgcolor=“yellow” text=“green”>
<font color=“maroon”>
<h2 align=“center”>MAZEDAR COOKING CLASSES</h2>
</font>
<hr width=“50%” align=“center” color=“orange”>
<h3>Courses Offered</h3>
<li>Cakes</li>
<li>Soups</li>
<li>Mocktails</li>
<li>Sizzlers</li>
<hr>
<center>Timings: 10.30 a.m. to 5.30 p.m. on all days except Sunday</center>
<hr>
<img src=“cake.jpg”>
<img src=“soup.jpg”>
<img src=“mocktails.jpg”>
<img src=“sizzlers.jpg”>
</body>
</html>
24 1
3. <html>
<head>
<title>Activities</title>
</head>
<body bgcolor=“green” text=“yellow”>
<h2 align=“center”>ACTIVITIES DURING SUMMER VACATIONS</h2>
</font>
<hr width=“50%” align=“center” color=“orange”>
<h3>Sports</h3>
<li>Swimming</li>
<li>Table Tennis</li>
<li>Cricket</li>
<li>Skating</li>
<li>Aerobics</li>
<h3>Other Activities</h3>
<li>Drawing and Painting</li>
<li>Instrumental Music</li>
<li>Classical Dance</li>
<li>Flower making</li>
<li>Photography</li>
<li>Robotics</li>
<hr>
<img src=“swimming.jpg”>
<img src=“tabletennis.jpg”>
<img src=“aerobics.jpg”>
<img src=“dance.jpg”>
<img src=“drawing.jpg”>
</body>
</html>
4. <html>
<head>
<title>Ultimate Security Solutions</title>
</head>
<body bgcolor=“green”>
<font color=“yellow”><h2>Ultimate Security Solutions</h2>
</font>
<hr>
<font color=“white”>
<ul>
<li>Digital Video Recording</li>
1 25
<li> CCTV Surveillance
Cameras</li>
<li>Video Door Phones</li>
<li>Forced Intruder Alarms</
li>
<li>Electronic Door Locks</li>
</ul>
</font>
</body>
</html>
5. <html>
<head>
<title>ALSAN COLLEGE</
title>
</head>
<body bgcolor=“yellow”>
<font color=“blue”><h2 align=“center”>ALSAN COLLEGE</h2>
<h3 align=“center”>Contents</h3>
</font>
<hr>
<ol>
<li>About the College</li>
<li>Teaching Faculty</li>
<li>Courses of Study</li>
<li>Eligibility Criteria</li>
<li>Admission Information</li>
</ol>
</font>
</body>
</html>
26 1
Chapter 4: Tables, Links, and Frames in HTML
Exercises
1. a. table b. <th> c. <caption> d. spacing e. hyperlink
2. a. T b. T c. T d. T e. F
3. a. Table tag b. <th> tag c. BGCOLOR d. 0 e. Red
4. a. <html><head>
<title>Creating a Table</title>
</head>
<body>
<table border=“1”>
<tr>
<th bgcolor=“blue”>S. No.</th>
<th bgcolor=“blue”>NAME</th>
<th bgcolor=“blue”>MARKS</th>
</tr>
<tr>
<td>1</th>
<td>Sohail</td>
<td>88</td>
</tr>
<tr>
<td>2</th>
<td>Kiran</td>
<td>95</td>
</tr>
</table>
</body>
</html>
b. <table border=“2” bordercolor=“red” cellspacing=“5”>
c. VLINK (Visited Link): The colour of a link to a page the visitor has visited. The default colour is
purple.
ALINK (Active Link): The colour of a link when the mouse is brought over it. The default
colour is red.
d. Yes, an image can be set as a hyperlink. For example,
<a href=“detail.html”><img src=“mypic.gif”></a>
e. The <frameset> tag defines how to divide the window into frames.
f. The <frame> tag specifies which HTML document to put in a frame.
g. The NORESIZE attribute is used if you do not want frame windows to be resizable.
h. Error—80%. The correct HTML code is:
<frameset rows=“30%, 70%”>
5. a. i b. iii c. i d. ii e. iii f. i g. iii h. iii
1 27
In the Lab
1. <html>
<head>
<title>Quotations</title>
</head>
<body>
<h2 align=“center”>Motivational Quotations</h2>
<hr align=“center” width=“50%” color=“maroon” size=“4”>
<p>We are what we repeatedly do. Excellence, therefore, is not an act but a habit.</p>
</font>
<p align=“right”>Aristotle</p>
</font>
<p>Dream big and dare to fail.</p>
</font>
<p align=“right”>Norman Vaughan</p>
</font>
<p>The only way of finding the limits of the possible is by going beyond them into the impossible.</
p>
</font>
<p align=“right”> Arthur C. Clarke</p>
</font>
</body>
</html>
2. <html>
<head>
<title>Pakistani Culture and Heritage</title>
</head>
<body bgcolor=“black”>
<font color=“white”>
<h2 align=“center”>Paksitani Culture and Heritage</h2>
</font>
<hr align=“center” width=“50%” color=“yellow” size=“4”>
<font color=“white” face=“Lucida Calligraphy”>
<h3>Religions<h3>
</font>
<img align=“right”src=“religion.jpg”>
<font color=“orange” face=“Arial”>
28 1
<p>Pakistan is a land of culture and civilization. The Indus valley civilization, one of the oldest in the
world, was based along the River Indus. The remains can be found at several sites such as Mohenjodaro
and Harappa. Buddhist and Muslim civilizations have also flourished in this land.</p>
</font>
<font color=“white” face=“Lucida Calligraphy”>
<h3>Food<h3>
</font>
<img align=“right” src=“food.jpg”>
<font color=“orange” face=“Arial”>
<p>Pakistani food is as diverse in nature as the people and their languages. In Pakistan, cuisines differ
greatly as a result of variation in local culture and geographical locations. The food also varies according
to the seasons, depending on the availability of fruits and vegetables in a season.</p>
</font>
</body>
</html>
3. <html>
<head>
<title>Star Constellations</title>
</head>
<body>
<table border=“4” bordercolor=“blue”>
<caption><h1><font color=“maroon”>STAR CONSTELLATIONS</font></h1>
</caption>
<tr>
<td><img src=“orion.jpg”></td>
<td><h2 align=“center”>ORION</h2>The constellation Orion is one of the most recognizable
patterns of stars in the northern sky.</td>
</tr>
<tr>
<td><img src=“ursamajor.jpg”></td>
<td><h2 align=“center”> URSA MAJOR</h2>The constellation Ursa Major consists of a group of
stars commonly known as the ‘Big Dipper’. Any person living in the northern hemisphere can use the
Big Dipper to locate all the important stars in the sky.</td>
</tr>
</table>
</body>
</html>
4. MAIN.HTML
<html>
<frameset rows=“15%, 85%”>
<frame src=“banner.html”>
<frameset cols=“30%, 70%”>
<frame src=“topics.html”>
<frame src=“intro.html” name=“main”>
1 29
</frameset>
</frameset>
</html>
BANNER.HTML
<html>
<body bgcolor=“black” text=“white”>
<h2 align=“center”>THE SKELETAL SYSTEM</h2>
</body>
</html>
TOPICS.HTML
<html>
<body text=“blue”>
<h2 align=“center”>TOPICS</h2>
<li><a target=“main” href=“skull.html”>SKULL</a></li>
<li><a target=“main” href=“ribcage.html”>RIB CAGE</a></li>
<li><a target=“main” href=“spinalcord.html”>SPINAL CORD</a></li>
<li><a target=“main” href=“limbs.html”>LIMBS</a></li>
</body>
</html>
INTRO.HTML
<html>
<body bgcolor=“yellow”>
<font face=“Comic Sans MS” color=“maroon”>
<h1 align=“center”>INTRODUCTION TO THE HUMAN SKELETAL SYSTEM</h1>
</font>
<font color=“maroon” face=“Times New Roman”>
<p>The skeletal system can be defined as the hard framework of the human body around which the
entire body is built. The skeletal system consists of bones and tissues such as tendons, ligaments, and
cartilage that connect the bones.</p>
</font>
<center><img src=“skeletal.jpg”></center>
</body>
</html>
Similarly, you can create other web pages—skull.html, ribcage.html, spinalcord.html, and limbs.html.
5. Create frames in the same manner as in Question 4: Main.html to create frames, banner.html to insert
a heading in the top horizontal frame, and topics.html to give a list of the means of transport in the left
frame. Clicking any list item should display the description in the right frame.
30 1
Chapter 5: Introduction to Dreamweaver CS3
Exercises
1. a. website b. Title c. Insert d. Properties e. tab
2. a. T b. F c. F d. T e. F
3. a. Site b. Files panel c. Hyperlink d. Status bar e. Named anchor
4. a. Adobe Dreamweaver, BlueVoda, and Microsoft Publisher are three software applications used to
create commercial websites.
b. The term ‘site’ refers to a local or remote storage location for the documents on a website.
c. Local root folder and remote folder are used for creating a website in Dreamweaver.
d. Place the cursor where you want to insert an image on the web page and follow these steps:
i. Click the Images button down arrow and select Image from the menu.
ii. The Select Image Source dialog box appears. Navigate to the location of the image file, select
the image, and click OK.
e. A hyperlink is a word, phrase, or image that you can click on to move to a new document or a new
section within the current document.
f. i. In Design view, place the cursor where you want the named anchor.
ii. Select Insert
Named Anchor.
Or
Click Named Anchor in the Insert panel of the Common category.
iii. The Named Anchor dialog box appears. Type a name for the anchor, for example, Top, and
click OK. The name cannot contain any spaces. The anchor icon appears where the cursor is in
the Document window.
g. The Files panel lets you manage files and folders on a local machine or remote server. It also lets
you access files on your local disk in the same way as Windows Explorer.
h. Follow these steps to insert a Flash button in a document:
i. Place the cursor where you want to insert the Flash button.
ii. In the Insert bar of the Common category, select Media and click the Flash Button option of
the menu.
Or
Select Insert
Media
Flash Button.
iii. The Insert Flash Button dialog box appears. Select the Style for the button and type the
Button text. Select the Font and font Size. Browse to the file linked to this button. Select the
Target window. You can change the background colour of the button.
After applying all changes, click Apply. The button will appear on the web page. If you like the button,
click OK. Otherwise, change your selections and click Apply again to see how it looks. Finally, click
OK.
5. a. iv b. i c. ii d. iv e. ii f. iv g. iv
1 31
In the Lab
1. a. Select Start All Programs Adobe Design Premium CS3
Adobe Dreamweaver CS3.
b. The opening screen appears. Click Dreamweaver Site.
c. The Site Definition screen appears. Click the Advanced tab. Enter the local root folder as
MyWebSite or locate it using the Browse button. Click OK.
d. You will see the MyWebSite folder in the Files panel on the right.
e. To add a web page, select File
New.
f. The New Document dialog box appears. Click
Create.
g. The Document window appears. Type the text in
the Document window as shown below.
h. At the bottom of the screen, you will see the
Property Inspector for text properties. Select the
text and change font, font size, and font colour.
i. To add image, click the Images button down arrow
and select Image from the menu.
j. The Select Image Source dialog box appears.
Navigate to the location of the image file, select the
image, and click OK.
k. To save the web page, click File Save. The Save
As dialog box appears. Type the name of the file and
click Save.
2. a. Open Dreamweaver and create a CampWebSite folder. You will see this folder in the Files panel
on the right.
b. To add a web page, right click the folder and select New File. Type the filename as
Introduction.html. Similarly, create three more web pages named CampingPackage.html,
ContactUs.html, and Index.html
c. Double-click Index.html to open the page.
d. Type the text as shown below. You can add some
information and images about the camping
adventure activities.
e. To set the first text as a hyperlink, drag the
Point to File icon next to the Link text box in
the Property Inspector to the target document
Introduction.html in the Files panel. Notice the
filename appears in the Link text box.
f. Similarly, add hyperlinks to the second and third texts as CampingPackage.html and ContactUs.html.
g. Save the web page Index.html.
h. Double-click Introduction.html. The Document window appears. Type the required text and add
images. Similarly, add text and images to other web pages.
i. Save all the web pages.
32 1
3. Let us take an example of a website on the festivals of Pakistan that consists of four pages.
a. The website with four web pages Index.html, Eid.html, Diwali.html, and Chrismas.html is created
in a similar manner as in Question 2. Create an attractive first page (Home or Index) and enter the
text. Instead of using Link in the Properties window, Buttons are used for hyperlinks.
b. Follow these steps to add a Flash button:
i. Place the cursor where you want to insert a Flash button.
ii. In the Insert bar of the Common category, select Media and click the Flash Button option of
the menu.
iii. The Insert Flash Button dialog box appears.
iv. Select the Style of the button.
v. Type the Button text.
vi. Select the Font and font Size.
vii. Browse to the file linked to this button.
viii. Select the Target window.
ix. You can change the background colour of the button.
x. Click Apply.
xi. If you like the button, click OK.
c. Add Flash buttons to the web pages at the required place.
d. Save the web pages.
4. a. Create a website with the first page as Index.html. The first page is hyperlinked with other web
pages—Rectangle.html, Square.html, Triangle.html, Circle.html, Cylinder.html, Cube.html, and
Cuboid.html with details of the geometric figures.
b. You can create text, image, or button hyperlinks as explained in Questions 2 and 3.
5. a. Create a Word file for the holiday homework of English, Maths, Science, Social Science, Urdu, and
Islamiyat.
b. Open the web page that has the link to the Word document.
c. Drag the Word file from its current location to anywhere on the web page. The Insert Document
dialog box appears.
d. Select Create a link and click OK.
e. If the document you are linking to is not in your site’s root folder, Dreamweaver prompts you to
copy it to the site root folder.
f. Press F12 or click Preview/Debug in Browser.
g. The web page has a link to the Word file. The file is downloaded when you click to open the file.
1 33
Chapter 6: Images and Framesets in Dreamweaver CS3
Exercises
1. a. Frames b. URL c. border d. Page Properties e. target
2. a. T b. T c. T d. F e. F
3. a. Rollover image b. Image map c. F12 d. Frameset e. Alt
4. a. Most browsers support the following three formats:
i. Graphics Interchange Format (GIF)
ii. Joint Photographic Experts Group (JPEG)
iii. Portable Network Group (PNG)
b. A rollover image, when viewed in a browser, changes as the pointer moves across it. For this, we
have two images:
i. A primary image that is displayed when the web page is first loaded
ii. A secondary image that appears when the pointer moves over the primary image.
c. An image map is an image divided into clickable regions called hotspots.
d. Rectangle, circle, or polygon shapes are available for creating image maps in Dreamweaver.
e. A frame set is an HTML file that defines the layout and properties of a set of frames, including the
number of frames, the size and placement of each, and the URL of each page that appears in each
frame.
f. When the Save All option of the File menu is selected, the Save As dialog box appears. Suitable
names for the frameset and frames can be entered, and the OK button is clicked.
g. To select a frameset, click one of the frameset’s internal frame borders in Design view, or click
the frame border in the Frames panel.
h. Follow these steps to link a file so that its content is displayed in a particular frame:
i. In Design view, select the text or image that will become a hyperlink.
ii. Drag the Point to File icon to the linked file in the Files panel.
iii. Select the frame name in the Target menu of Property Inspector. Notice that frame names
also appear in the menu, besides the usual _top, _self, _parent, and _blank options.
5. a. i b. iii c. i d. i e. iii f. iii g. iii h. iv
In the Lab
1. You should have .jpeg files of your childhood picture and current picture. Follow these steps to create a
rollover image:
a. Place the insertion point where you want the rollover image to appear in the Document window.
b. Click Images in the Insert bar of the Common category and select Rollover Image. The Insert
Rollover Image dialog box appears.
c. Enter the following information and click OK.
i. Image name: The name of the rollover image
34 1
ii. Original image: The image that is displayed when the web page loads
iii. Rollover image: The image that is displayed when the pointer rolls over the original image
iv. Preload rollover image: Specifies whether to preload the images in the browser’s cache, so
there is no delay when the user rolls the pointer over the image
v. Alternate text: Text to describe the image for viewers using a text-only browser
vi. When clicked, Go to URL: The file that opens when the rollover image is clicked
d. Press F12 or click the Preview/Debug button and select the browser.
e. Move the pointer over the original image to see the rollover image.
2. a. Create a collage of pictures.
b. Select the image in the Document window.
c. To define the image map area, do one of the following:
Select the Circle or Rectangle tool and drag the pointer over the image to create a circular or
rectangular hotspot.
Or
Select the Polygon tool and click the corners for an irregular-shaped hotspot.
d. The Hotspot Property Inspector appears.
e. Click the folder icon of the Link text box to browse and select the file.
Or
Drag the Point to File icon to the required file in the Files panel.
f. In the Target text box, select _blank, i.e. to load the linked file into a new unnamed browser window.
g. In the Alt text box, type the alternative text that will be displayed in text-only browsers.
h. Repeat steps c to g to define additional hotspots on the image map.
i. After you finish, click a blank area in the document.
j. Press F12 or click Preview/Debug in Browser, or select File
Preview to view the web page in
a browser.
k. Move the pointer over the hotspot, the pointer changes. Click a hotspot to display the linked web page.
3. a. Create a Word file for the homework for English, Maths, Science, Social Science, Urdu, and Islamiyat.
b. Open the web page that has the link to the Word document.
c. Drag the Word file from its current location to anywhere on the web page. The Insert Document
dialog box appears.
d. Select Create a link and click OK.
e. If the document you are linking to is not in your site’s root folder, Dreamweaver prompts you to
copy it to the site root folder.
f. Press F12 or click Preview/Debug in Browser.
g. The web page has a link to the Word file. The file is downloaded when you click to open the file.
1 35
4. Follow these steps to create a frameset:
a. Select File New. The New Document dialog box appears.
b. Select Category as Page from Sample, Sample Folder as Frameset, Sample Page as Fixed
Top, Nested Left, and click Create.
c. The Frame Tag
Accessibility Attributes
dialog box appears. You
can change the frame title
and click OK.
d. A new frameset with a set
of three frames is inserted
as shown below.
e. Type the heading in the
topFrame. You can also
insert an image.
f. Type the text in leftFrame.
g. Select the text that will
become a hyperlink.
h. In the Link box of the Property Inspector, click the Browse for File icon and select the file.
Or
Drag the Point to File icon to the linked file in the Files panel.
i. Select the frame name in the Target menu of Property Inspector as mainFrame.
j. Similarly, select the other text as hyperlink in leftFrame.
5. a. Create a frameset in a manner similar to that in Question 4. An example of a website on
Conservation of Plants/Animals is given below.

b. Type the heading and insert images in the topFrame.
c. Type the text to be hyperlinked in the leftFrame. The Target frame of the hyperlinked text
should be mainFrame.
d. Save the website.
36 1
Chapter 7: Introduction to Photoshop
Exercises
1. a. Tools panel b. Title bar c. status d. Marquee e. Lasso
2. a. T b. F c. T d. F e. F
3. a. Rectangular Marquee tool b. .psd c. Magic Wand tool
d. Crop tool e. Custom Shape tool
4. a. Resolution is the number of pixels per inch. With a higher resolution, the image is sharper and the
file size is bigger.
b. Follow these steps to change the foreground or background colour:
i. Click the Foreground or Background colour selection box in the Tools panel. The Color
Picker dialog box appears.
ii. Drag the colour slider.
iii. Click in the colour selection box and choose a colour.
iv. Click OK.
c. The two major groups of selection tools in Photoshop are Marquee tools and Lasso tools.
d. Follow these steps to change the width and height of a new Photoshop file:
i. Create a new file by selecting File New. The New dialog box appears.
ii. In the New dialog box, choose the units and then specify the width and the height.
e. The Rectangular Marquee tool is used to select a rectangular area of an image, whereas the
Elliptical Marquee tool is used to select an elliptical or circular area of an image.
f. The Color Mode decides the number of colours that can appear in the image. You can choose
from the given options (bitmap, grayscale, RGB, CMYK).
g. Lasso tools are used to make free-hand selections in an image.
h. Marquee tools are used to select areas of an image in rectangular, square, elliptical, or circular
shapes. The Gradient tool is used to fill a selected area or an entire layer with a gradient.
5. a. ii b. i c. iv d. i e. ii f. iii g. iii h. ii
In the Lab
1. The steps to insert a shape using the Custom Shape tool are:
a. Select the Custom Shape tool.
b. Click the arrow beside the Shape option in the options bar and select the required shape. If you do
not find a shape in the panel, click the arrow in the upper right corner of the panel and choose a
different category of shapes. You can either Replace to view only the shapes in the new category or
Append to add the shapes.
c. Click and drag the mouse to draw the shape.
Change the colours of the shapes using the Gradient bar of the Gradient Editor dialog box.
Create new gradient colour combinations using this bar.
1 37
2. a. Open the image of a landscape.
b. The steps to use the Lasso tool are:
i. Click on the small black arrow in the bottom-right corner of the Lasso tool.
ii. Select the required tool from the list of available tools.
1. Lasso tool: To make free-form selections in the desired shape
2. Polygonal Lasso tool: To select polygonal areas by clicking at different points
3. Magnetic Lasso tool: This tool sticks to the edges of the image, thus making selection very
easy.
iii. Place the mouse pointer on the image and drag it around the area you want to select.
c. The steps to use the Marquee tool are:
i. Click on the small black arrow in the bottom-right corner of the Marquee tool.
ii. Select the required Marquee tool from the list.
1. Rectangular Marquee tool: To select a rectangular area of an image
2. Elliptical Marquee tool: To select an elliptical or circular area of an image
3. Single Row Marquee tool: To select a single row of pixels
4. Single Column Marquee tool: To select a single column of pixels
iii. Place the mouse pointer on the image and drag around the area to select. A dashed border
surrounds the area you have selected.
d. The steps to copy a portion of an image are:
i. Select an area using the Marquee or Lasso tool.
ii. Click on the Move tool in the Tools panel.
iii. With the Alt key pressed, drag the selection to another location.
3. The steps to copy the selected portion of an image to another image are:
a. Open the image. Make a selection using the Marquee or Lasso tool.
b. Select Edit
Copy.
c. Open the destination image.
d. Select Edit
Paste.
4. The steps to copy the selected portion of an image to another image are:
a. Open the image. Make a selection using the Marquee or Lasso tool.
i. Select Edit
Copy.
ii. Open the destination image.
iii. Select Edit
Paste.
b. You can use the Brush tool to draw trees, grass, etc. Then use the Gradient tool to change the
colour of the selected portion.
38 1
c. The steps to use the Brush Tool are:
i. Click on the Brush tool in the Tools panel.
ii. Click the arrow beside the Brush command in the Options bar. The Brush Preset Picker
appears.
iii. Click on a brush style of your choice.
iv. Click on Set foreground color in the Tools panel. The Color Picker Palette appears.
v. Choose the colour you want from the Color Picker Palette and click OK.
vi. Click and drag the mouse pointer on the image to draw strokes of the selected colour.
d. The steps to change the colour of the shape are:
i. Click on the Gradient tool in the Tools panel.
ii. From the Options bar, select a Gradient type from Linear, Radial, Angle, Reflected or
Diamond.
iii. Click the gradient sample bar in the Options bar. The Gradient Editor dialog box appears.
iv. Choose any of the gradients from the Presets box or create a new gradient from the Gradient
bar.
v. Drag and release the mouse in the image. The selected area will be filled with the gradient.
5. a. Start Photoshop CS3.
b. Create a new file.
c. The steps to copy the selected portion of an image to another image are:
i. Open the image. Make a selection using the Marquee or Lasso tool.
ii. Select Edit
Copy.
iii. Open the destination image, i.e. the new file.
iv. Select Edit
Paste.
d. Copy some more pictures and place them in appropriate positions using the Move tool.
1 39
Chapter 8: Tools Used in Photoshop
Exercises
1. a. Retouching b. Clone Stamp c. Dodge d. Layers e. Flattening
2. a. F b. T c. F d. T e. T
3. a. Healing Brush tool b. Blur tool c. Burn tool
d. Layers palette e. Layer and Flatten Image
4. a. The Spot Healing Brush tool can remove blemishes, scars, spots, and other imperfections in a
photograph. The Healing Brush tool is used to paint with sampled pixels from an image.
b. Follow these steps to rename a layer:
i. Double-click the layer in the Layers palette.
ii. Type a new name.
c. The keyboard shortcut to insert a layer in Photoshop is Shift + Ctrl + N.
d. To select multiple adjacent layers, click the first layer and then press Shift + Click on the last layer.
e. Follow these steps to change the order of layers:
i. Click and drag the layer up or down in the Layers palette.
ii. Release the mouse button when the highlighted line appears where you want to place the layer.
f. Photoshop provides a number of effects that let you quickly change the appearance of a layer’s
contents, such as shadows, glows, and bevels. The steps to apply Layer effects are:
i. Select a layer in the Layers palette.
ii. Click the Layer Styles button at the bottom of the Layers palette and choose an effect from
the list.
g. Follow these steps to rotate a Photoshop image:
i. Select the layer or image.
ii. Select Edit Transform Rotate. The rotation handles appear.
iii. Click and drag the rotation handles.
iv. Double-click inside the image to apply the transformation.
h. The Filter Gallery lets you apply filters incrementally and apply individual filters more than once.
5. a. i b. iv c. i d. iv e. i f. i g. i h. iii
In the Lab
1. a. Create a new Photoshop document with a suitable background colour.
b. The steps to add text are:
i. Click the Type tool in the Tools panel.
ii. Select font, size, and colour in the Options bar.
iii. Click the left mouse button on the image and type the text. The typed text is inserted in a new
layer.
c. The steps to apply a filter are:
i. To apply a filter to an entire layer, make sure that the layer is active. To apply a filter to part of
a layer, select that area.
40 1
ii. Choose a filter from the sub-menus in the Filter menu.
iii. Fill values and select options in the dialog box.
iv. Click OK to apply the filter.
d. To add a new layer:
i. Select Layer New Layer.
ii. Give an appropriate name to the layer.
iii. Click OK. You will see a new blank layer in the Layers palette.
e. Copy the required image and paste it into this new layer.
f. To change the size of an image:
i. Select the layer.
ii. Select Edit Transform Scale. Scaling handles appear.
iii. Click and drag the scaling handles to resize the image.
iv. Double-click inside the image to apply this transformation.
g. To rotate the image:
i. Select the image or layer.
2. a. Start Photoshop CS3.
b. Create a new file.
c. To add a new layer:
d. Copy the required image and paste it into this new layer.
e. To change the size of an image:
f. To rotate the image:
g. Repeat steps c to f to add more images. Each image will be in its own layer.
h. The steps to add text (for the title) are:
i. Click the Type tool in the Tools panel.
iii. Click the left mouse button on the image and type the text. The typed text is inserted in a new
layer.
1 41
i. The steps to apply a filter are:
3. a. Start Photoshop.
b. Open the image.
c. The steps to apply different textures to the image are:
ii. Choose the Texture sub-menu in the Filter menu.
iii. Fill values and select options in the Filter effects dialog box.
You can apply different textures to the images in a similar manner.
b. To type the text:
i. Select the Type tool. Set a suitable foreground colour.
ii. Select font, size, and colour in the Options bar. You can use bright colours and suitable fonts to
make the cover page look attractive.
iii. Type the text.
c. To apply a filter:
g. To rotate the image:
42 1
b. To type the text:
i. Select the Type tool. Set a suitable foreground colour.
iii. Type the text.
c. To apply a filter:
g. Repeat the above steps to create an attractive menu card.
Note: In any of the above questions, you can use the Dodge tool (to lighten parts of an image),
Burn tool (to darken parts of an image), Blur tool (to soften portions of an image), Smudge tool
(to create the effect of wet paint smudged with a finger), and other tools.
1 43
Chapter 9: Networking and E-Commerce
Exercises
1. a. wireless b. intranet c. packets d. E-commerce e. e-learning
2. a. F b. T c. T d. T e. F
3. a. Extranet b. Wide area network c. Protocol d. E-learning site e. Infomania
4. a. An intranet is a private network that uses Internet protocols and technology. It is meant for
information sharing amongst the employees of an organization.
An extranet is a semi-private network, and it uses Internet technology too. It is an intranet that has
been extended to allow a selected group of people outside the organization, such as vendors and
business partners, to gain access to relevant information.
b. One way of classifying networks is by the extent of geographical area covered. These are the
different types of networks:
• Personal area network (PAN)
• Local area network (LAN)
• Metropolitan area network (MAN)
• Wide area network (WAN)
c. A protocol is a set of rules that computers use to communicate with each other across a network.
TCP/IP is the protocol used to transfer data from one computer to another on the Internet.
d. Data is transferred over the Internet in packets. Each packet has an address called the IP address that
refers to the sender and the destination. These packets are passed from one network to another until
they reach their destination. At the destination, the TCP software reassembles the packets into a
complete message.
e. E-governance refers to the use of modern information and communication technologies such as the
Internet, local area networking, and mobile telephony by the central government, provincial
governments, and local administrative bodies to improve the effectiveness, efficiency, service
delivery, and transparency of governance.
Advantages of e-governance are as follows:
• greater attention to improving service delivery
• wider access to information.
f. E-learning refers to any kind of learning or teaching that takes place using a computer and an
Internet connection or a CD-ROM.
Advantages of e-learning are as follows:
• It allows learning at your own pace.
• It provides access to learning materials at any time and from any place.
g. Information and Communications Technology (ICT) is a combination of three terms. Information
refers to the useful facts/figures extracted from the data provided; communications refers to the way
it is verified, distributed, and kept secure; and technology refers to formats and tools used to gather,
store, and communicate information.
44 1
h. Infomania is a condition where a person has an uncontrollable desire for facts and data, and gathers
information on anything and everything without focus or purpose.
5. a. ii b. iv c. iv d. iii e. ii f. i g. iv h. iv
In the Lab
1. To collect the information, visit the following websites:
a. e-governance: http://en.wikipedia.org/wiki/E-Governance
b. e-learning: http://en.wikipedia.org/wiki/E-learning
c. e-business: http://en.wikipedia.org/wiki/Electronic_business
2. The different methods to transfer songs from one mobile phone to another are:
a. USB cable
b. Bluetooth
The latest technology is Bluetooth. To know more about this technology, visit the following websites:
i. http://en.wikipedia.org/wiki/Bluetooth
ii. http://www.bluetooth.com/Pages/Bluetooth-Home.aspx
Collect information and write about 150 words on it.
3. To do the MCS course along with the job, Yasir’s brother could join an e-learning course offered by
some universities.
The advantages of e-learning are:
a. It allows learning at your own pace.
b. It provides access to learning materials at any time and from any place.
c. It engages the student through multimedia and makes use of all three styles of learning: visual
(seeing and looking), auditory (hearing and listening), and kinesthetic (touching and doing).
4. a. Open a web browser and type the website’s URL www.amazon.com in the address bar. The home
page will appear.
b. Select Books and the category as Computer.
c. A list of books in this category will appear.
d. If you want specific books, type their titles in the search box and press Enter. The corresponding list
of books appears.
e. Select the required book. Click the Buy This Now button.
f. The next screen appears with details of your shopping cart.
g. To make the payment, click Place Order.
h. The Email Login form appears, asking for your email address. Click Continue.
i. The Shipping Address form appears. Enter the address where the book should be delivered and
click Save and Continue.
j. The Order Summary form appears. Check the details and click Continue. Otherwise, make
changes if required.
1 45
k. The Payment Options form appears. Select a payment method.
l. The book is delivered to your given address through courier.
(Note: You may find some other button names on different websites, but the procedure of placing
an order is similar.)
Some other websites for buying books online are:
i. www.ebay.com
ii. www.bookfinder.com
5. a. Open a web browser and type www.amazon.com in the address bar.
b. Type the word ‘watch’ in the Search box.
c. Select a watch and select the required details as in Question 4.
This application comes under e-commerce—online selling and buying.
The advantages of e-commerce are:
• It is available 24 × 7.
• It is easier to start a business because costs are relatively low.
• It offers better service to customers because distance is no obstacle.
• Customers can select a product easily and they have better choice from different providers.
• The process of buying and selling is relatively fast.
46 1
Assessment 1
1. a. Datasheet view: This view is used to enter data in a table. In Datasheet view, you can insert,
delete, rename, or move a field, and change the data type of a field.
b. Design view: This view is used to specify fields, data types, and descriptions in the table. You can
control the data entered in a field and the appearance of data on the screen.
c. Queries: Queries retrieve and display information from one or more tables based on the selection
criteria. They allow you to change and rearrange data, and then use it as a source for forms and
reports.
2. a. Table b. Primary key c. 50 d. Text e. Description
3. a. 3
b. 6
c. EmpNo
d. i. Date/Time ii. Logical iii. Text iv. Number
e. Validation rule
f. Validation text
g. Required
h. Default Value
1 47
Assessment 2
1. a. <ol> b. Unordered list c. <img> d. Table e. BGCOLOR
2. B O D E T Y J K Y U H
O R D E R E D L I S T
D H J K L R T S F Y M
Y Y D F G T R A E R L
T G R R H B U A R R L
R H T T A B L E H I M
E J H T J J L S Y M H
T T J H K K T R U G T
W E K J L L R T K G K
3. a. <tr>, <td>, <th>, <table>
b. <caption align=“bottom”>CLASS VIII</caption>
4. a. ii b. iv c. i d. iii e. vi f. v
5. a. <ol start=“4” type=“A”>
b. <body background=“space.jpg”>
c. To identify the section: <a name=“Details”></a>
To link to the section: <a href=“#Details”>More Details</a>
d. <table bgcolor=“colorname or hexadecimal color code”>
48 1
Comprehensive Assessment 1
1. a. A database is simply an organized collection of data.
b. Microsoft Access and MySQL are two DBMS software.
c. The default extension of a Microsoft Access database is .accdb.
d. START and TYPE attributes are used with the <ol> tag.
e. GIF stands for Graphics Interchange Format.
f. ID is the primary key.
g. No
h. Datasheet view is used for searching, filtering, sorting, and performing calculations in Access.
i. Report
j. HREF
2. a. A validation rule limits the value that the field will accept. Validation text is the error message that
appears when the value entered in a field violates the validation rule.
b. This is the first method:
i. Select the field to be set as the primary key.
ii. Click Primary Key in the Tools group of the Design tab.
This is the second method:
i. Right-click on the header of the column that will be the primary key.
ii. Select Primary Key from the shortcut menu.
After you set the primary key, a key icon will appear to the left of the field name.
c. The two advantages of using a DBMS are:
i. Facilitates sharing of data: Different users can use the same database to extract data based on
their individual needs.
ii. Enforces standards: A DBMS makes it possible to apply certain standards in data
representation. These standards could be an organization’s own standards or national/
international standards.
d. i. ALINK (Active Link): The colour of a link when the mouse is on it. The default colour is red.
ii. VLINK (Visited Link): The colour of a link to a page the visitor has visited. The default
colour is purple.
e. i. Hypertext Reference ii. List item tag
3. a. table b. CELLPADDING c. frame d. TARGET e. BORDER
4. a. <li> tag: The list tag is used to define each item of a list.
b. <ul> and </ul> tags: These tags are used to define an unordered list.
c. <ol> and </ol> tags: These tags are used to define an ordered list.
d. <tr>…</tr> tag: The table row tag defines a horizontal row of cells.
e. <td>…</td> tag: The table data tag specifies an individual block or cell in a table row.
5.
Table: INDOOR_GAMES
GameID Text
GameName Text
GamePrice Number
GameManufacturer Text
6. a. i b. iii c. ii d. ii e. ii
f. ii g. iv h. ii i. ii j. ii
1 49
Assessment 3
1. a. Rollover image: A rollover image, when viewed in a browser, changes as the pointer moves across it.
A rollover image consists of two images: a primary image displayed when the web page is first
loaded and a secondary image that appears when the pointer moves over the primary image.
b. Image map: An image map is an image divided into clickable regions called hotspots. Hotspots are
hyperlinks.
c. Frameset: A frameset is an HTML file that defines the layout and properties of a set of frames,
including the number of frames, the size and placement of each, and the URL of each page that
appears in each frame. The frameset file itself does not contain any HTML content that will be
visible in a browser.
2. a. v b. iv c. i d. ii e. iii
3.
Preview/Debug
in Browser
Panel
Document
window
Status bar
Properties
Inspector
4. a. F12
b. Alt
c. To select a frameset, click one of the frameset’s internal frame borders in Design view or click
the frame border in the Frames panel.
50 1
Assessment 4
1. a. Personal area network
b. Local area network
c. Metropolitan area network
d. Wide area network
e. Network interface card
2. a. Intranet b. Extranet c. Local area network d. Hub e. Modem
3. a. iv b. i c. v d. iii e. vi f. ii
4. a. Dodge tool
b. Burn tool
c. Smudge tool
d. To rename a layer:
i. Double-click the layer in the Layers palette.
ii. Type a new name.
e. Delete layer option
5. a. Drop Shadow
b. i. Select a layer in the Layers palette.
ii. Click the Layer Styles button at the bottom of the Layers palette and choose an effect from
the list.
iii. The Layer Style dialog box appears. Choose the Drop Shadow effect and click OK.
1 51
Comprehensive Assessment 2
1. a. Dreamweaver b. Property Inspector c. Hyperlink d. .html
e. Magic Wand tool f. .psd g. Crop tool
h. Spot Healing Brush tool i. Hub j. Protocol
2. a. i. Graphics Interchange Format
ii. Portable Network Group
b. i. Image window
ii. Image Title Bar
c. Marquee and Lasso tools
d. Brush tool and Gradient tool
e. A local area network (LAN) is a network of computing devices in a room, building, or campus. A
LAN can cover an area of a few kilometres in radius.
A wide area network (WAN) is a network of computing devices spread over a country, a continent,
or even across the world.
3. a. Design b. Page Properties c. status d. hotspots e. frames
4. a. T b. F c. T d. F e. F
5. a. i. E-learning allows learning at your own pace.
ii. It provides access to learning materials at any time and from any place.
b. An intranet is a private network that uses Internet protocols and technology. It is meant for
information sharing amongst the employees of an organization.
An extranet is a semi-private network, and it uses Internet technology too. It is an intranet that has
been extended to allow a selected group of people outside the organization, such as vendors and
business partners, to gain access to relevant information.
c. WAN
6. a. ii b. iii c. i d. iv e. iv
f. i g. i h. ii i. iii j. iv
52 1
Cyber Olympiad Questions
1. b 21. a
2. a 22. c
3. b 23. a
4. d 24. b
5. b 25. b
6. c 26. b
7. a 27. b
8. c 28. b
9. a 29. b
10. b 30. c
11. b 31. a
12. a 32. a
13. a 33. a
14. b 34. b
15. b 35. a
16. a 36. d
17. a 37. d
18. a 38. b
19. b 39. b
20. a 40. d
1 53
Revision Questions
1. It stores an integer that increases or decreases automatically as you add or delete records. If the table
does not have a primary key, then AutoNumber uniquely identifies the records.
2. No
3. Memo
4. Yes
5. A Lookup field restricts the data in a field to a list of values from an existing table or a list of values
that you create.
6. • Validation Rule: The validation rule limits the value that the field will accept.
• Validation Text: This is the error message that appears when the value entered in a field violates the
validation rule.
• Caption: This is an alternative name for the field to make the field name more explanatory. It can
contain up to 2048 characters.
• Default: This value is automatically filled in the field when you add a new record to the table.
• Required: Enter Yes if the field should always receive a value during data entry. The default value
of it is No, which means that the field can be left blank.
7. Design view.
8. A form provides a way of viewing, entering, editing, and deleting data.
9. The Design view consists of the following two parts:
a. The Field Grid pane or Field Entry area: This allows us to specify field names and data types. We
can also give a description with each field, though this is optional.
b. The Field Properties pane: This allows us to enter more details for each field such as field size,
validation rule, etc.
10. Datasheet view allows us to enter data in a table. You can also enter fields and data types in the table.
Design view allows us to enter fields, data types, and descriptions in a table.
11. Sorting the data means arranging the data in ascending or descending alphabetical order. Filtering the
data displays only the items you have selected and hides the rest of the data.
12. Yes
13. <ol start=“5” type=“I”>
14. <ol>: This is a tag for an ordered list, which defines a list of items in which the order of items matters.
The list items are enclosed by <ol> and </ol> tags.
<ul>: This is a tag for an unordered list, which is used for items in which the ordering is not specific.
The list is defined using the <ul> and </ul> tags.
15. The <img> tag specifies an image to be displayed in an HTML document.
16. <html>
<body>
<ol start=“1” type=“a”>
<li>Internet</li>
<li>Email</li>
<li>E-commerce</li>
</ol>
</body>
</html>
54 1
17. c. Square d. Rectangle e. Circle
18. a. Active Link b. Visited Link
19. The <a> tag is used to create a link. This tag is a container element, as it has an on tag <a> and an off
tag </a>.
20. Cell padding: This is the space (in pixels) between the cell contents and the cell border.
Cell spacing: This is the space (in pixels) between the cells of a table.
21. Yes. The <img> tag is used within the <a>...</a> tag for this purpose.
22. a. <img src=“newfig.gif”>
b. <img src=“newfig.gif” height=“200” width=“250”>
23. The steps to create a new layer in Photoshop are:
a. Choose Layer New Layer.
b. The New Layer dialog box appears. Choose the desired options from the dialog box.
c. Click OK. A new blank layer will be created.
24. a. The Dodge tool can make darker portions of an image lighter.
b. The Smudge tool is used to create an effect of wet paint smudged with a finger.
25. Layers allow you to work with one element of an image without disturbing the others.
26. The Eraser tool has three options:
a. Eraser Tool
b. Background Eraser Tool
c. Magic Eraser Tool
27. The ALT attribute of the <img> tag specifies the text to be displayed while the file loads or if the
browser does not support graphics.
28. The bullet style can be added to the list items by using the TYPE attribute of the <ul> tag. The
attribute can have circle, disc, or square bullets as its values.
29. The Healing Brush tool is used to paint with sampled pixels from an image.
30. Spot Healing Brush tool and Clone Stamp tool
31. Photoshop filters are used to add a variety of special effects to an image.
32. Burn tool
33. Local root folder: This folder is on your local computer. Dreamweaver refers to it as your ‘local site’.
It stores the files you are working on.
Remote folder: This folder is on the computer where your web server is running. Dreamweaver refers
this folder as your ‘remote site’.
34. A rollover image, when viewed in a browser, changes as the pointer moves across it.
35. An image map is an image divided into clickable regions called hotspots. Hotspots are hyperlinks.
Follow these steps to create a hotspot in Dreamweaver:
a. Select the image in the Document window.
b. If you are using multiple image maps in the same document, type a unique Map Name in the
Property Inspector.
c. To define the image map area, do the following:
Select the Circle or Rectangle tool and drag the pointer over the image to create a circular or
rectangular hotspot.
1 55
d. The Hotspot Property Inspector appears. The Link text box specifies the file to open when the
user clicks the link.
e. Click the folder icon to browse and select the file.
f. Select one of the options for the target.
g. In the Alt text box, type the alternative text that will display in text-only browsers.
h. Repeat steps c to g to define additional hotspots in the image map.
i. After you finish, click a blank area in the document to change the Property Inspector.
j. View the page in a browser by pressing F12, or clicking Preview/Debug in Browser, or selecting
File Preview.
k. Move the pointer over the keyboard image. Hotspots are hyperlinks, so the pointer changes when it
moves over them. Click a hotspot to display the linked web page.
36. Follow these steps to create a hyperlink:
a. Select the text or image that you want to set as a hyperlink.
b. Click the Hyperlink button in the Common category of the Insert menu. The Hyperlink dialog
box will appear.
c. Click the Browse button. The Select File dialog box will appear.
d. Browse to the folder that has the target document for the hyperlink and select the file. Then click
OK to return to the Hyperlink dialog box.
e. From the Target menu of the Hyperlink dialog box, select the window in which the target file
should open. Choose from the following:
i. blank: This loads the linked file in a new, unnamed browser window.
ii. _parent: This loads the linked file in the parent frameset or window of the frame that contains
the link.
iii. _self: This loads the linked file in the same frame or window as the link.
iv. _top: This loads the linked file in the full browser window, thus removing all frames.
f. Enter a title for the link in the Title text box. This appears in the browser window.
g. Enter a one-letter keyboard equivalent in the Access Key text box. This will select the link in the
browser.
h. In the Tab Index text box, enter the link’s number in the tab order.
i. Click OK. The selected text/image is changed to a hyperlink.
j. Select File Save to save the document.
k. Press F12 or click Preview/Debug in Browser to preview the page in a browser. When you click
the hyperlink, the linked web page will open in the browser.
37. a. To set text properties in Dreamweaver, click the Page Properties button in Properties Inspector
to display the Page Properties dialog box. You can make changes through this dialog box.
b. You can set image properties in the Properties Inspector.
38. A frameset created in Dreamweaver will appear in the Design view of the Document window and in
the Frames panel.
39. The four options for the Target property in Dreamweaver are:
a. _blank
b. _parent
c. _self
d. _top
40. To set the background colour of a web page in Dreamweaver, click the Page Properties button in
Properties Inspector to display the Page Properties dialog box. Choose a suitable option and the
new background colour will be applied.
56 1
worksheets
• Worksheets have been provided for all the chapters of the course book.
• Each worksheet is marks out of 15 and is recommended as a formative assessment paper.
• It is possible to use these worksheets by photocopying them at approx. 120% magnification.
• The questions in the worksheets can also be used as samples to create your own additional worksheets.
1 57
Chapter 1: Introduction to Microsoft Access 15 Marks
Q1. Wordsearch (5)
Search for five terms related to MS Access in the grid given below:
Q F R I B B O N J D
A Q S V F H P Y R A
E U F S E I U O P T
L E K J S F D E R A
C R E P O R T G A B
H Y A Y A T K L A A
S J M V N O U X C S
Z T R G F I H R I E
A E T H K M G H I O
S T A T U S B A R L
Q2. Jumbled Words (5)
1. BTEAL
Hint: It stores data in a database.
2. EOMM
Hint: It is used to store lengthy text such as notes and descriptions.
3. CDRREO
Hint: Information about an entity stored in a row
4. ECRLOA
Hint: This is a popular DBMS software.
5. ILFDE
Hint: A column in a table that contains some information about the record
Q3. Figure Speak (5)

Identify the images shown below.
1.
58 1
2.
3.
4.
5.
1 59
Chapter 2: Microsoft Access Design View,
Queries, Forms, and Reports 15 Marks
Q1. Crossword (5)
1
2
3

4

5
Across:
3. This is a field or combination of fields that uniquely identifies a record.
4. This field restricts the data entered in a field to a list of values from an existing table or a list of
values that you create.
5. The primary key is a part of this group.
Down:
1. This is an alternative name for a field that makes the field name more explanatory.
2. This value is automatically filled in the field when you add a new record to the table.

1.
60 1
2.
3.
4.
Layout view
Form view
Q3. List three facts about the following: (6)

a. Query
b. Report
1 61
Chapter 3: Creating Lists and Inserting Images in HTML 15 Marks
Q1. Wordsearch (5)
Search for five terms related to HTML in the grid given below:
B A C K G R O U N D
R A A S R F H P Y R
O E O F A E I U O N
W L D V P T F G S E
S C E D H G N S J S
E H U A I N K R Q T
R X H C C M D J A I
M Z G R S Y S O L N
K B Z Y I J P W V G
A T T R I B U T E B

1. GIANL
Hint: This attribute of the <img> tag specifies the alignment of the image.
2. SLIT MTIE
Hint: This tag is used to define each item of a list.
3. GIM
Hint: This tag specifies an image to be displayed in an HTML document.
4. DBRREO
Hint: This attribute of the <img> tag specifies the thickness of the border surrounding the image.
5. TIWHD
Hint: This attribute of the <img> tag specifies the width of the image.
Q3. What Am I? (5)

1. I am also called a numbered list.
2. I am the tag used to build a list of definitions.
3. I am the best format for displaying images designed with a graphics program.
4. I am the attribute of the <img> tag that specifies the URL of the image to be displayed in the
document.
5. I am the attribute of the <img> tag that specifies the text to be displayed while the file loads or if
the browser does not support graphics.
62 1
Chapter 4: Tables, Links, and Frames in HTML 15 Marks
Q1. Crossword (5)
1
2
3
4

Across:
2. This is an attribute of the <frame> tag that sets the left and right frame margins.
4. This is the attribute of the <a> tag that can be used to target named frames.
Down:
1. This is an attribute of the <frame> tag that prevents the user from resizing the frames.
3. These allow us to open more than one web page simultaneously in a browser window.
4. This is a grid of rows and columns.
Q2. What Am I? (7)

1. I consist of several web pages.
2. I am a shape formed by the intersection of a table row and a column.
3. I am a link to a page on a different website.
4. I am the attribute of the <frame> tag that sets the clear space around the frame.
5. I am the attribute of the <frame> tag that sets the top and bottom frame margins.
6. I am the attribute of the <frame> tag whose value should be set to 0 if you do not want a frame
border.
7. I am the attribute of the <table> tag that aligns text to the top or bottom of cells.
1 63
1.
2.
3.
64 1
Chapter 5: Introduction to Dreamweaver CS3 15 Marks
Q1. Wordsearch (5)
Search for five terms related to Dreamweaver CS3 in the grid given below:
Q W E R S V E S I P U Y E U I O P L G J
A D S V F H P Y H O T S P O T U A V I T
E B F S E I U O P L K G N M V C S B E O
L N K J W E B P A G E Y B E O U Y R U O
C M D Z A L K B A R D E R T X Z Q B H L
H X A G A K A L A P E J D E R L I N M B
P R O P E R T Y I N S P E C T O R E V A
Z T R D R E A M W E A V E R S D F M L R

1. EITS
Hint: A local or remote storage location for documents that belong to a website
2. ROPC
Hint: This image property trims the size of an image by removing unwanted areas.
3. IKNL
Hint: This image property specifies the hyperlink for the image.
4. RENHSPA
Hint: This image property adjusts the sharpness of an image.

a. Flash buttons
b. Adobe Dreamweaver
1 65
Chapter 6: Images and Framesets in
Dreamweaver CS3 15 Marks
Q1. Crossword (4)
1 2

3
4

Across:
4. When you select a frame, you can view and change frame properties here.
Down:
1. It is an image divided into clickable regions called hotspots.
2. Different regions into which a web page can be divided
3. You can select framesets and frames in this window.

1.
2.
66 1
3.
4.
5.

a. Hotspot
b. Frames panel
1 67
Chapter 7: Introduction to Photoshop 15 Marks
Q1. Wordsearch (5)
Search for five terms related to Photoshop in the grid given below.
P A I N T B U C K E T J
H H S V W H P Y R E W O
O D C L O N E S T A M P
T T K J Z F D E R T A N
O O D Z O L K B A U G L
S S A R W I P L Q K I G
H H C N R R J A C T C H
O O R S G I J L Y A W Y
P S R C M H G F P W A E
O D J U Z B N S R E N V
K V E X S G B C I Y D A
E Y E D R O P P E R X S

1. SEERRA
Hint: This tool can erase portions of an image.
2. RBUL
Hint: This tool can soften an image or part of an image.
3. GDDEO
Hint: This tool can make darker portions of an image lighter.
4. LEISC
Hint: This tool creates slices in an image.
5. DHNA
Hint: This tool drags an image when you are in the ‘zoom in’ state.
Q3. What Am I? (5)

1. I am the Photoshop tool used for moving an image, or a part of an image, from one location to
another.
2. I am the Photoshop tool that creates a smooth stroke of colour.
3. I am the Photoshop tool used to select polygonal areas by clicking at different points.
4. I am the Photoshop tool that selects pixels based on colour values.
5. I am the Photoshop tool that is used to fill a selected area or an entire layer with a gradient.
68 1
Chapter 8: Tools Used in Photoshop 15 Marks
1.
2.
3.
4.
1 69
Q2. What Am I? (5)
1. I am the Photoshop tool that matches the texture, lighting, transparency, and shading of the
sampled pixels.
2. I am the Photoshop tool used to duplicate selected areas of an image.
3. I am the Photoshop tool that erases pixels from similar coloured areas.
4. I am the Photoshop tool that clones from a pre-defined area of pixels.
5. I am the Photoshop tool used to add a variety of special effects to an image.

a. Filter Gallery
b. Layers palette
70 1
Chapter 9: Networking and E-commerce 15 Marks
Q1. Wordsearch (5)
Search for five terms related to networking and e-commerce in the grid given below:
Q E G O V E R N A N C E
A L T V J X P Y R E W N
E E U S E I U O P L K T
L A Z J S F Z K A B X O
R R E L I A B I L I T Y
H N A D J K L N F B M N
X I C N M R J T C G T E
Z N E Q W Y H R F D S T
K G V C M T O A N P Q I
Z U X B K J L N H D R A
X N F D J T P E W Q M I
A E R T P R O T O C O L

1. MOZNAA
Hint: This is an online shopping site.
2. DMEOM
Hint: This stands for modulator-demodulator.
3. TBHLOTEUO
Hint: This is a wireless medium.
4. RSEEVR
Hint: This is the main computer connected to a number of computing devices through a LAN.

a. Metropolitan area network
b. RJ-45
1 71
Answers to Worksheets
Q1. Q F R I B B O N J D
A Q S V F H P Y R A
E U F S E I U O P T
L E K J S F D E R A
C R E P O R T G A B
H Y A Y A T K L A A
S J M V N O U X C S
Z T R G F I H R I E
A E T H K M G H I O
S T A T U S B A R L
Q2. 1. TABLE 2. MEMO 3. RECORD 4. ORACLE 5. FIELD
Q3. 1. Microsoft Access interface 2. Opening page of Microsoft Access
3. Table in Datasheet view 4. Tables group on Create tab
5. Table Design view
Chapter 2: Microsoft Access Design View, Queries, Forms, and Reports

Q1. Across: 3. Primary Key 4. Lookup 5. Tools
Down: 1. Caption 2. Default Value
Q2. 1. Primary Key in the Tools group 2. Query Design screen
3. New Query dialog box 4. Split Form
Q3. a. Query:
i. A query retrieves and displays information from one or more tables based on the selection
criteria. Queries are a method of getting answers to questions about data.
ii. A query allows the user to change and rearrange data, and then use it as a source for forms
and reports.
iii. There are two methods of creating a query: through Query Design and through the Query
Wizard.
b. Report:
i. A report is an effective way to present your data in printed format.
ii. The user can control the size and appearance of everything on a report.
iii. Two ways of creating a report are:
• using the Report command
• using the Report Wizard.
72 1
Q1. B A C K G R O U N D
R A A S R F H P Y R
O E O F A E I U O N
W L D V P T F G S E
S C E D H G N S J S
E H U A I N K R Q T
R X H C C M D J A I
M Z G R S Y S O L N
K B Z Y I J P W V G
A T T R I B U T E B
Q2. 1. ALIGN 2. LIST ITEM 3. IMG
4. BORDER 5. WIDTH
Q3. 1. Ordered list 2. Definition list tag <dl> 3. Graphics Interchange Format
4. SRC 5. Alt

Q1. Across: 2. MARGINHEIGHT 5. TARGET
Down: 1. NORESIZE 3. Frames 4. Table
Q2. 1. Website 2. Cell 3. Global link
4. FRAMESPACING 5. MARGINWIDTH 6. FRAMEBORDER
7. VALIGN
Q3. 1. Vertical frames 2. Horizontal frames 3. Nested frames

Q1. Q W E R S V E S I P U Y E U I O P L G J
A D S V F H P Y H O T S P O T U A V I T
E B F S E I U O P L K G N M V C S B E O
L N K J W E B P A G E Y B E O U Y R U O
C M D Z A L K B A R D E R T X Z Q B H L
H X A G A K A L A P E J D E R L I N M B
P R O P E R T Y I N S P E C T O R E V A
Z T R D R E A M W E A V E R S D F M L R
Q2. 1. SITE 2. CROP 3. LINK 4. SHARPEN
Q3. a. Flash buttons
i. Flash buttons are images that can be hyperlinked.
ii. You can insert Flash buttons in your document to make your web page more attractive.
iii. Some of these buttons have built-in animation.
1 73
b. Adobe Dreamweaver
i. Adobe Dreamweaver is used to create individual web pages and complete websites.
ii. It has a what you see is what you get (WYSIWYG) editor, which means that you design your
web page by placing elements on a screen.
iii. It allows you to organize and manage your web documents, upload them to a web server,
track and maintain your links, and share files.

Q1. Across: 4. Property Inspector
Down: 1. Image map 2. Frames 3. Document
Q2. 1. Property Inspector with image map tools 2. Frameset with three frames
3. Selecting a frameset 4. Frameset Property Inspector
5. Page showing link to Word/Excel file
Q3. a. Hotspot
i. A hotspot is a shape on an image file that acts as a hyperlink.
ii. When a user clicks a hotspot, the destination of the hyperlink is displayed.
iii. A hotspot can be in the shape of a rectangle, a circle, or a polygon.
b. Frames panel
i. Framesets and frames can be selected in the Frames panel.
ii. Select Window Frames to display the Frames panel.
iii. The Frames panel visually represents the frames within a frameset.

Q1. P A I N T B U C K E T J
H H S V W H P Y R E W O
O D C L O N E S T A M P
T T K J Z F D E R T A N
O O D Z O L K B A U G L
S S A R W I P L Q K I G
H H C N R R J A C T C H
O O R S G I J L Y A W Y
P S R C M H G F P W A E
O D J U Z B N S R E N V
K V E X S G B C I Y D A
E Y E D R O P P E R X S
Q2. 1. ERASER 2. BLUR 3. DODGE
4. SLICE 5. HAND
Q3. 1. Move tool 2. Brush tool 3. Polygonal Lasso tool
4. Magic Wand tool 5. Gradient tool
74 1
Q1. 1. New Layer dialog box 2. Pattern Stamp tool
3. Spot Healing options 4. Warp Text dialog box
Q2. 1. Healing Brush tool 2. Clone Stamp tool 3. Magic Eraser tool
4. Pattern Stamp tool 5. Filter
Q3. a. Filter Gallery
i. The Filter Gallery enables the user to apply filters incrementally and apply individual filters
more than once.
ii. The user can view thumbnail examples of what each filter does, rearrange filters, and change
the settings of filters you have already applied.
iii. To display the Filter Gallery, select Filter Filter Gallery. Click a filter category name to
display thumbnails of available filter effects.
b. Layers palette
i. The Layers palette lists all layers, groups, and layer effects in an image.
ii. You can use the Layers palette to show and hide layers, create new layers, delete layers, etc.
iii. To display the Layers palette, select Window Layers.
Chapter 9: Networking and E-commerce

Q1. Q E G O V E R N A N C E
A L T V J X P Y R E W N
E E U S E I U O P L K T
L A Z J S F Z K A B X O
R R E L I A B I L I T Y
H N A D J K L N F B M N
X I C N M R J T C G T E
Z N E Q W Y H R F D S T
K G V C M T O A N P Q I
Z U X B K J L N H D R A
X N F D J T P E W Q M I
A E R T P R O T O C O L
Q2. 1. AMAZON 2. MODEM 3. BLUETOOTH 4. SERVER
Q3. a. Metropolitan area network (MAN)
i. It is a network of computing devices within a city.
ii. It can cover an area of a few hundred kilometres in radius.
iii. Computer networks for a group of schools, banks, or government offices within a city are
examples of MANs.
b. RJ-45
i. It is the short form for Registered Jack 45.
ii. It is a hardware component of computer networks.
iii. It is an eight-wire connector that is commonly used to connect the network interface card
with a hub.
1 75
TEST PAPERS
• Test papers have been provided for all chapters of the Student’s Book.
• Each test paper is marked out of 25.
• The test papers can be used for pen and paper assessment or the questions in them could be used to
create your own assessment papers.
76 1
Chapter 1: Introduction to Microsoft Access 25 Marks
Q1. Fill in the blanks with the correct words. (5)
1. A database management system is a set of programs that allows storage, modification, and retrieval
of information from a .
2. is information about an entity stored in a row.
3. is the view that is used to enter fields, data types, and descriptions in a table.
4. make it easy to enter data in tables.
5. retrieve and display information from one or more tables based on the selection
criteria.
Q2. Write T for the true statements and F for the false ones. (5)
1. There are five different types of databases.
2. A relational database stores data in the form of tables.
3. MS Excel is a popular DBMS software.
4. Data redundancy means duplication of data.
5. Different users cannot use the same database to extract data based on their individual needs.
Q3. Answer the following briefly. (2)

1. Name the different types of databases. Which of these is the most popular?
2. Name any four elements of Microsoft Access 2007.
Q4. Answer the following. (8)

1. Write a short note on relational databases and give examples.
2. List four benefits of a DBMS.
3. List any four rules for naming a field in MS Access.
4. Describe four data types available in MS Access.
Lab Exercise (5)

Ramsha has recently been employed by a bookshop. She needs to create a database of books in the
store with the following details:
Field Name Data Type Description

BookID Text Book’s ID
BookName Text Book’s Name
BookPublisher Text Book’s Publisher
BookCategory Text Book’s Category
BookPrice Number Book’s Price
AgeGroup Text Age group for the book
1 77
Chapter 2: Microsoft Access Design, View,
Queries, forms, and reports 25 Marks
1. To remove the primary key, click Primary Key in the group.
2. You can set values for fields in Access tables.
3. Two ways of creating queries are through the Query Wizard and .
4. Two ways of creating reports are through the Report command and through the .
5. The is a component of the Design view window.
1. Field Size is the minimum size for data stored in Text or Number fields.
2. Access adds an ID field automatically to new tables in Design view.
3. There are two ways of setting the primary key in a Microsoft Access table.
4. The Primary Key button works as a toggle to turn key fields on or off.
5. The Input Mask controls what the user enters in the field.

1. How do you save a query?
2. How do you run a query?

1. Describe one method of setting the primary key in a Microsoft Access table.
2. Give two examples of queries. Which tab has the commands for creating queries? Can queries be
saved?
3. Describe any four field properties.
4. Write the steps involved in creating a form using Split Form.
78 1
Lab Exercise (5)
The students have been asked to create a table named Hotel with the given fields, and then do the
following:
Field Name Data Type Description

Client_No Number Client’s Number as Primary Key
Client_Name Text Name of Client
Client_Age Number Age of Client
Gender Text Gender of Client
Wing Text Wing where room situated
Date_Of_Chk-in Date Date of Check-in
Date_Of_Chk-out Date Date of Check-out
Charges Number Amount Paid
a. Enter fifteen records.
b. Create a form for data entry and format it.
c. Create a query to display Client_No and Date_Of_Chk-in in ascending order.
1 79
Chapter 3: Creating lists and inserting
images in HTML 25 Marks
1. An unordered list is also called a list.
2. We can use the attribute of the <body> tag to place an image as a background.
3. is a list of items where each item has a block of text acting as a definition.
4. GIF stands for Interchange Format.
5. JPEG stands for Joint Photographic Group.
1. There are three types of lists that can be created in an HTML document.
2. JPEG is the best format for photographs as it contains 10 million colours.
3. The BORDER attribute of the <img> tag specifies the height of the image.
4. The items of an ordered list are enclosed by <ul> and </ul> tags.
5. Graphics can be inserted into a document using the <img> tag.

1. What are the different types of lists that can be created in an HTML document?
2. Which tags are used for creating a definition list?

1. Write two characteristics of an ordered list.
2. Write two characteristics of an unordered list.
3. What are GIF and JPEG?
4. What are the SRC and WIDTH attributes of the <img> tag used for? Give their attribute values
along with an example for each attribute.
Lab Exercise (5)

Rida and Sajid have planned a party for their parents’ silver wedding anniversary. Rida has to create a
web page giving details of the menu. Write an HTML document to help her with this task.
80 1
Chapter 4: Tables, Links, and frames in HTML 25 Marks
1. A is a shape formed by the intersection of a table row and a column.
2. Cell is the space between the cell contents and the cell border.
3. are rectangular areas in a browser window that can display different web pages and that
can scroll independently.
4. The tag defines how to divide a window into frames.
5. The tag defines the HTML document to open in a frame.
1. Hyperlinks cannot be used to jump from one location to another within the same page.
2. The table row tag defines a horizontal row of cells.
3. There are four different kinds of hyperlinks.
4. The default colour of a standard link is red.
5. The default colour of a visited link is purple.

1. What is an internal link?
2. What is a local link?

1. What is a hyperlink? What are hyperlinks used for?
2. Describe any four tags that are used to create a table in an HTML document.
3. Describe any five attributes that can be added to the <table> tag.
4. Describe any four attributes (along with their values) that can be applied to the <frame> tag.
Lab Exercise (5)

Roshan has opened a lunch cafe for office workers. He has to create a web page that has details of the
lunch menu. Write an HTML document to create the web page.
1 81
Chapter 5: Introduction to dreamweaver CS3 25 Marks
1. The File and Edit menus are a part of the toolbar.
2. are sets of related panels grouped together under one heading.
3. The is located at the bottom of the Document window.
4. WYSIWYG stands for what you see is what you .
5. A Dreamweaver site consists of a local folder and a remote folder.
1. It is not possible to create web pages without writing HTML code.
2. The remote folder of a Dreamweaver site stores the files you are working on.
3. Link Color is the default colour of all the links on the page.
4. Rollover Link is the colour of a link when the cursor is over it.
5. There are four ways to set text or image as a hyperlink.

1. Name any four components of the Dreamweaver CS3 window.
2. What is the function of Property Inspector?

1. What are local root and remote folders in a Dreamweaver site?
2. Write a short note on the Insert bar of the Dreamweaver CS3 window.
3. Write a short note on the Status bar of the document window.
4. What is a named anchor? What is its purpose?
Lab Exercise (5)

The social studies teacher has asked the students to make a tutorial in Dreamweaver CS3. Anum has
decided to make a website on environmental pollution. The website consists of three pages:
page1.html, page2.html, and page3.html. Make such a website.
82 1
Chapter 6: Images and Framesets in
Dreamweaver CS3 25 Marks
1. file formats are preferred for use in web pages.
2. A image of a rollover image appears when the pointer moves over the primary image.
3. The primary and secondary images of a rollover image should be the size.
4. A is a web page divided into regions called frames, each of which displays an HTML
document independently.
5. A hotspot is a shape on an image file that acts as a .
1. If the primary and secondary images of a rollover image are not the same size, Dreamweaver
resizes the second image to match the first.
2. In the Insert Rollover Image dialog box, Image Name is the name of the rollover image.
3. The frameset file itself contains the HTML content that will be visible in a browser.
4. When a frame is selected in the Document window, its borders are outlined with a solid line.
5. Each frame can display an HTML document independently.

1. Name the four properties visible in the Property Inspector when you select a frameset.
2. How would you view a set of frames in a browser?

1. How would you change the background colour of a document in a frame?
2. How would you:
a. delete a frame?
b. resize a frame?
3. How would you select a frameset? What happens to the border when it is selected?
4. How would you save a frameset file with frame documents?
Lab Exercise (5)

The English teacher has asked the students to create a website about the school. It should have a
frameset with three frames. The headers should appear in the left frame and they should be
hyperlinked. On clicking the hyperlinked text, the corresponding details appear in the right frame.
Make such a website.
1 83
Chapter 7: Introduction to Photoshop 25 Marks
1. To crop is to unwanted areas of an image.
2. The Options bar displays different options of the currently tool.
3. The Title bar of the window displays information about the open image.
4. You can change the foreground and background colours using the tool or the Color
Picker.
5. The tool is used to fill a selected portion or entire layer with transitions of one colour
to another.
1. Adobe Photoshop cannot solve every problem that you face with images.
2. Rulers are located along the bottom and right side of the image.
3. The Rectangular Marquee tool is used to make a free selection as you go.
4. The Pen tool is used to create vector shapes.
5. The Paint Bucket tool is used to fill the foreground colour.

1. What is Adobe Photoshop?
2. Write down the steps required to start Adobe Photoshop.

1. Describe any four components of the Adobe Photoshop window.
2. Discuss any four tools available in the Adobe Photoshop Tools panel.
3. Write down the steps required to open an existing file in Photoshop.
4. What is the Magic Wand tool used for? Discuss the options available in the Options bar on
clicking the Magic Wand tool.
Lab Exercise (5)

The teacher has asked Kiran to use an image of a field as background, copy a picture of a cow to the
image, and add grass strokes to the image using the Brush tool. Help her complete the task.
84 1
Chapter 8: Tools used in Photoshop 25 Marks
1. Retouching tools are tools for changing or editing arrangements in an image.
2. Warping is to text into a shape such as an arc, a wave, etc.
3. The tool can remove blemishes, scars, spots, and other imperfections in a photograph.
4. A new Photoshop image has a layer.
5. You can type text in a Photoshop document by using the tool.
1. The Healing Brush tool matches the texture, lighting, transparency, and shading of the sampled
pixels.
2. The Eraser tool has three options.
3. The Background layer is created automatically when you create a new image.
4. An image can have more than one background layer.
5. The Filter Gallery does not let you apply individual filters more than once.

1. What are retouching tools?
2. Name four retouching tools.

1. Write down the steps required to use the Spot Healing Brush tool.
2. Write down the steps required to use the Clone Stamp tool.
3. Write down the steps required to use the Blur tool.
4. Write down the steps required to use the Dodge tool.
Lab Exercise (5)

Danial’s sports instructor has asked him to make a digital collage on the Topic ‘Annual Sports Day at
School’. What steps should he follow?
1 85
Chapter 9: Networking and E-commerce 25 Marks
1. PAN stands for area network.
2. LAN stands for area network.
3. TCP stands for transmission protocol.
4. A computer network links two or more computers so that they are able to exchange .
5. A modem fixed within a computer is an modem.
1. The ‘e’ in e-sites stands for electric.
2. A PAN can use only wired media (USB cable).
3. International networks of ATMs and banks are examples of MANs.
4. The hub is connected to the NIC by means of RJ-45 cable.
5. There are four types of computer networks, classified by the extent of geographical area covered.
Q3. Answer the following briefly. (2+2+1)

1. Name four types of e-commerce.
2. Name any four hardware components of computer networks.
3. What are e-sites?
Q4. Answer the following. (3+3+4=10)

1. Write a short note on PAN.
2. Write a short note on LAN.
3. State four uses of computer networking.
86 1
Answers to Test Papers
Q1. 1. Database 2. Record 3. Design view 4. Forms 5. Queries
Q2. 1. F 2. T 3. F 4. T 5. F
Q3. 1. The four different types of databases are:
a. Hierarchical databases c. Relational databases
b. Network databases d. Object-oriented databases
Of these, the relational database model is the most popular.
2. Title bar, Ribbon, Quick Access Toolbar, and Navigation Pane are the four elements of Microsoft
Access.
Q4. 1. A relational database stores data in the form of tables. A table organizes data into rows called
records, and columns called fields. Records and fields together make up a table. Each record
defines information about one entity and gives complete details about it. Each field defines
information of a certain type for all records. For example, the table below called FriendList shows
fields and records.
Fields
SNo Name TelephoneNo Email

Records
1 Asad 9899342187 Asad_g@hotmail.com
2 Mansoor 9999710362 Mansoor_l@gmail.com
It has two records that contain information about two entities, Asad and Mansoor. It has four
fields that contain information of the same type for these two entities. For example, the field Email
contains the email address for each entity.
2. Four benefits of a DBMS are:
a. Reduced data redundancy: Data redundancy means duplication of data. For example, a

school may have two separate files with students’ addresses and phone numbers. A DBMS
takes care of this problem and prevents data duplication.
b. Sharing of data: Different users can use the same database to extract data according to their
individual needs.
c. Data security: In a DBMS, the database administrator has complete control of the database
and can ensure that data is accessible only with permission. Different categories of users can
be given different permission. Some may have authority only to view the data: others may
have authority to modify data too.
d. Integrity: A DBMS supports database integrity. Suppose a database contains information
about the marks scored by students in an examination. If the maximum marks are 100, you
can have rules to make sure that the database accepts numbers only in the range of 0–100.
3. Four rules for naming a field in MS Access are:
a. A field name can be from 1 to 64 characters long.
b. A field name can include letters, numbers, and some special characters. The underscore (_)
sign is allowed and is often used.
c. A field name cannot have full stop (.), an exclamation mark (!), or brackets ([ ]).
d. A field name cannot start with a blank space.
1 87
4. Four data types available in MS Access are:
a. Text: This is used to store text, combinations of text and numbers (such as addresses), and
numbers that will not be used in calculations (such as phone numbers and postal codes). The
default size is 50, but it can store up to 255 characters.
b. Memo: This is used to store long text such as notes and descriptions. It can store up to 65,536
characters.
c. Number: This is used for numeric data that will be used in calculations.
d. Date/Time: This stores date and time values. You can display the dates and times in various
formats.
Lab Exercise Solution

1. Select Start All Programs Microsoft Office Microsoft Office Access 2007. The
opening Microsoft Access screen appears.
2. Click Blank Database. A pane appears on the right with Blank Database information.
3. Type the filename as BookDetails. Click Browse and choose the file location. Finally, click
Create. Access will create the database with an empty table named Table1. The database will open
in Datasheet view.
4. Click Save under the Microsoft Office Button. The Save As dialog box appears. Type the table
name as Book and click OK.
5. Select the Design view from the Views option of Table Tools.
6. It has three columns, Field Name, Data Type, and Description. Notice that ID is already set as
primary key with Data Type as AutoNumber.
7. Under the Field Name column, type Book ID.
8. Move to the Data Type column and select the data type.
9. Move to the Description column and type the required information.
10. Press the Tab key again to move to the next row. Click the Microsoft Office Button and select Save.
11. Change to Datasheet view again.
12. Enter twenty records. Use the Tab key to move from one column to the next.
13. Finally, select Close Database from the Microsoft Office Button.
Chapter 2: Microsoft Access Design View, Queries, Forms, and Reports

Q1. 1. Tools 2. default 3. Query Design
4. Report Wizard 5. Field Grid pane
Q2. 1. F 2. F 3. T 4. T 5. T
Q3. 1. To save a query, click Save in the Quick Access Toolbar or select Save from the Microsoft
Office Button menu. When you save a query for the first time, a Save As dialog box appears.
Type the Query Name and click OK.
88 1
2. To run a query:
a. Click Run in the Results group of the Design tab.
b. The output for the query appears. To close the query, click in the Query Design screen.
Q4. 1. The steps required to set the primary key in a Microsoft Access table are:
a. Select the field to be set as the primary key.
b. Click Primary Key in the Tools group of the Design tab.
After you set the primary key, a key icon will appear to the left of the field name.
2. Two examples of queries are:
a. Which students received grade A2 in all seven subjects?
b. Which employees earned salaries above Rs 60,000 a month?
The Create tab has the commands for creating queries.

Yes, queries can be saved. Microsoft Access saves each query in the database. A saved query can be
run again at anytime in the future.
3. Four field properties are explained as below:
a. Field Size: This is the maximum size for data stored in Text or Number fields. For Text

data, the field size determines the maximum number of characters. The default field size is 50
characters and the maximum is 255 characters.
For Number data, field size determines the range and how many bytes can be used for storage.
b. Format: This specifies how data will be displayed.
Number and Currency Formats: You can choose from the seven pre-defined formats, i.e.
General Number, Currency, Euro, Fixed, Standard, Percent, and Scientific. You can also
create custom formats.
1 89
Date and Time Formats: You can select from pre-defined formats, i.e. General Date, Long
Date, Medium Date, Short Date, Long Time, Medium Time, and Short Time.
Logical Formats: The default display is Yes/No. Other pre-defined formats for logical data
are True/False and On/Off.
c. Caption: This is an alternative name for the field to make the field name more explanatory. It
can contain up to 2048 characters.
d. Default Value: This value is automatically filled in the field when you add a new record to
the table.
4. The steps required to create a form using Split Form are:
a. Click Split Form in the Forms group of the Create tab. Access creates the form in the
upper half of the window and displays the Datasheet view in the lower half.
Form view Layout view
The two views are separated by a bar that can be used to resize the height of the two views.
b. Click the Form View button at the right end of the Status bar to enter data. You can use
either the upper or the lower half. Both parts of the window activate the same field and the
same record at the same time.
c. Click the Layout View to format the form.

1. Open the database.
2. Click Table Design on the Create tab. This will open the table in Design view.
3. Type the Field Names, select the required Data Types, and type the Descriptions.
4. To set Client_No as the primary key, right-click the field and select Primary Key from the
shortcut menu.
5. Click Save under the Microsoft Office Button menu. The Save As dialog box appears. Enter
the filename as ClientDetails and click OK.
6. Click the arrow with the View button of the Views group and select Datasheet view.
7. Enter fifteen records. Use Tab to move from one column to the next.
8. Click Form under the Forms group of the Create tab to create a form. The form will appear on
screen.
90 1
9. Right-click the form and select Layout View.
10. Select a suitable AutoFormat.
11. Under the Controls group:
a. Click the Logo button. The Insert Picture dialog box appears. Select a suitable logo and
click OK.
b. Click Title and type a new title.
c. Click Date and Time, select a suitable format, and click OK.
12. Click Save under the Microsoft Office Button. Type HotelDetailForm in the Save As dialog
box and click OK.
13. Click Query Design in the Other group of the Create tab. The Show Table dialog box appears.
Select the HotelDetail table, click Add, and then click Close.
14. Drag the Client_No and Date_of_Chk-in fields to the grid. For the Date_of_Chk-in field, select
Ascending under sort.
15. Click Run in the Results group to run the query.
16. Save the query as HotelQuery.

Q1. 1. bulleted 2. BACKGROUND 3. Definition list
4. Graphics 5. Expert
Q2. 1. T 2. F 3. F 4. F 5. T
Q3. 1. The different types of lists that can be created in an HTML document are:
a. Unordered lists
b. Ordered lists
c. Definition lists
2. The tags used for creating a definition list are:
a. <dl> Definition list
b. <dt> Definition list term
c. <dd> Definition list description
Q4. 1. Two characteristics of an ordered list are:
a. It defines a list of items in which the order of items matters.
b. The list items are enclosed by <ol> and </ol> tags.
2. Two characteristics of an unordered list are:
a. It is used for items in which the ordering is not specific.
b. The list is defined using the <ul> and </ul> tags.
3. GIF and JPEG are the most widely used graphic formats:
a. Graphics Interchange Format (GIF): It is the best format for displaying images designed
with a graphics program. This format uses a maximum of 256 colours and a combination of
these to create more colours.
b. Joint Photographic Expert Group (JPEG): It is the best format for photographs as it
contains 1 million colours.
1 91
4. The SRC and WIDTH attributes of the <img> tag are used for the following purposes:
a. The SRC attribute specifies the URL of the image to be displayed in the document. The
attribute value of SRC is URL. For example, <img src=“school.gif”>.
b. The WIDTH attribute specifies the width of the image. The attribute value of WIDTH is
pixels or %. For example, <img src=“school.gif” border=“3” height=“240” width=“50%”>.

<html>
<head><title>Party Menu</title></head>
<body bgcolor=“black”>
<font color=“white” size=“5” face=“Comic Sans MS”>
<center><b>Mom Dad Silver Wedding Anniversary</b></center><br>
</font>
<font color=“yellow” size=“4”>
<ul>
<li>Appetizers</li>
</font>
<font color=“orange” size=“4”>
<ol type=“i”>
<li>Veg Spring Roll</li>
<li>Honey Chilli Potato</li>
</ol>
</font>
<li>Soups</li>
</font>
<ol type=“a”>
<li>Hot & Sour Soup</li>
<li>Lemon Coriander Soup</li>
</ol>
</font>
<li>Main Course</li>
</font>
<ol>
<li>Chinese Veg</li>
<li>Chicken Manchurian</li>
<li>Chilli Hot Garlic</li>
</ol>
</font>
</body>
</html>
92 1
Q1. 1. cell 2. padding 3. Frames 4. <frameset> 5. <frame>
Q2. 1. F 2. T 3. F 4. F 5. T
Q3. 1. A link to a point on the current page is called an internal link.
2. A link to another page on the same website is called a local link.
Q4. 1. A hyperlink is usually an underlined word, phrase, image, or icon that leads the readers to a new
web address when the user clicks on it. Hyperlinks are used to link web pages. They can be used
to jump from one location to another within the same page, from one web page to another, or to
another website.
2. Four tags that are used to create a table in an HTML document are:
Tag Tag name Description

<table> …</table> Table tag This is the main tag used to define a table in HTML.
<tr>…</tr> Table row tag The table row tag defines a horizontal row of cells.
<td>…</td> Table data tag The table data specifies an individual block or cell in
a table row.
<th>…</th> Header cell The table header indicates that the cell is a header for
a column or row.
3. Five attributes that can be added to the <table> tag are:
Attribute Explanation
ALIGN = LEFT/CENTER/RIGHT Left-aligned, centre-aligned, or right-aligned
BGCOLOR = #rrggbb Background colour
BORDER = n Border thickness in pixels
BORDERCOLOR = #rrggbb Border colour
CELLPADDING = n Distance between cell and content in pixels
4. Four attributes that can be applied to the <frame> tag are:
Attribute Value Explanation

FRAMEBORDER 0/1 Set the value of this attribute to 0 if you do not
want a frame border.
BORDERCOLOR Colour name/ Set the border colour.
Hexadecimal value
SCROLLING Yes/No/Auto Specify if the frame should have a scrollbar. The
default value is Auto.
NORESIZE This prevents the user from resizing the frames.
1 93
<html>
<head><title>Lunch Time</title>
</head>
<body>
<table border=“3”
bordercolor=“green” cellpadding=“5” cellspacing=“3”
width=“100%” align=“center”>
<caption><h1>Lunch Menu</h1></caption>
<tr>
<td><img src=“biryani.jpg”><br>Biryani Rs 40/-</td>
<td><img src=“nihari.jpg”><br>Nihari Rs 50/-</td>
</tr>
<tr>
<td><img src=“haleem.jpg”><br>Haleem Rs 45/-</td>
<td><img src=“mixed vegetable.jpg”><br>Mixed Vegetable Rs 35/-</td>
</tr>
</table>
</body>
</html>

Q1. 1. Standard 2. Panel groups 3. Status bar 4. get 5. root
Q2. 1. F 2. F 3. T 4 T 5. F
Q3. 1. The Title bar, Standard toolbar, Insert bar, and Property Inspector are four components of the
Dreamweaver CS3 window.
2. The Property Inspector enables the user to see and edit the most common properties for the
currently selected page element such as text, image, etc.

Q4. 1. a. A local root folder is on the local computer. Dreamweaver refers to it as the ‘local site’. It
stores the files the user is working on.
b. A remote folder is on the computer where the web server is running. Dreamweaver refers to
this folder as the ‘remote site’.
Together, the local and remote folders enable the user to transfer files between the local
computer’s hard disk and the web server, making it easy to manage files in Dreamweaver sites.
2. The Insert bar contains buttons for creating and inserting objects, including tables and images.
When the user moves the pointer over a button, a tool tip appears with the name of the button.
The buttons are grouped into categories, which can be viewed by clicking the tabs on the top.
94 1
Table Images Media
Hyperlink
Named anchor
Some buttons on the Insert bar have an arrow with a drop-down menu. When you select an
option from the drop-down menu, it becomes the default action for that button. For example, the
Images button usually inserts an image. However, if you select Image Placeholder from the
Images drop-down menu, then the next time you click Images it will insert an image placeholder
rather than an image.
3. The Status bar is at the bottom of the Document window. It provides additional information
about the document you are creating.
Hand tool Zoom tool Set magnification Window size
Document size and

Select tool download time
a. Select tool: Enables/Disables the Hand tool

b. Hand tool: It lets you click the document and drag it in the Document window.
c. Zoom tool and Set Magnification: It lets you set the magnification level for your document.
d. Window Size: It lets you resize the Document window to pre-determined or custom
dimensions.
e. Document Size and Download time: It shows the estimated document size and download
time for the page, including all dependent files such as images and other media files.
4. You can link to a particular point of a web page by creating a named anchor. A named anchor is a
named position in a document. A named anchor lets you set a marker in the document, typically at
the beginning of a topic or at the top of a long page. Then you can create a link to the named anchor.

1. Create a folder called Website1. Open Dreamweaver.
2. Click Site New Site. The Site Definition dialog box appears.
3. Click on the Advanced tab. Type the site name as Environmental Pollution. Set the local root
folder to the Website1 folder and click OK. Store all image files in this folder.
4. Right-click on the Website1 folder in the Files panel. Select New File from the shortcut menu.
Name it page1.html. Add two more pages and call them page2.html and page3.html.
5. Double-click page1.html to open the page.
6. Type the text on environmental pollution.
a. Select the heading text ‘Environmental Pollution’ and click the bold button. Similarly, select ‘
Environmental Pollution’ in the second line and click the Italic button.
b. Select the text ‘Noise Pollution’. In the Link text box, drag the Point to File icon to page2.
html in the Files panel. The name will appear in the Link text box. The text will now be blue
and underlined. This shows that the text is hyperlinked. Similarly, select the text ‘Global
Warming‘ and link it to page3.html in the Files panel.
1 95
Page2.html
a. Double-click page2.html in the Files panel to open it in the Document window.
b. Type the details of noise pollution and insert figures in the document. It is a long page.
c. As the page covers more than a screen, the bottom of the page should have a link to the top of
the page. These are the steps to add the link:
i. Bring the cursor to the heading text ‘Noise Pollution’ and click the Named Anchor
button in the Common category of the Insert bar.
ii. The Named Anchor dialog box appears. Type the name ‘Top’ and click OK. The
anchor will appear at the insertion point.
iii. At the bottom of the page, select the text ‘Top’ and type ‘#Top’ in the Link text box of
the Property Inspector. The text will now be blue and underlined.
d. Bring the cursor to the end of the page. Click the Table button in the Common category of
the Insert bar. The Table dialog box will appear. Type 1 in the Rows text box and 2 in the
Columns text box. Click OK.
e. Click inside the first column of the table. Click Media in the Common category of the
Insert bar and select Flash Button from the sub-menu. Select the required button type,
enter text as ‘Home’, and click OK. The button will be inserted. Drag it to the required size.
f. Similarly, click in the second column of the table and insert a Flash button with text as ‘Next’.
g. Select the ‘Home’ button. In the Link text box, drag the Point to File icon to page1.html in
the Files panel. Set the target as _blank.
h. Select the Next button. In the Link text box, drag the Point to File icon to page3.html in
the Files panel. Set the target as _blank.
Page3.html
a. Double-click the file page3.html in the Files panel to open it.

b. Type the content and add images.

c. Insert a named anchor called ‘Top1’ at the top of the page, on the left of the ‘Global Warming’
heading.
d. Select the text ‘Top’ at the bottom and type ‘#Top1’ in the Link text box.
e. Following the same steps as earlier, insert a table and two Flash buttons named ‘Prev’ and
‘Home’.
f. Link the ‘Prev’ button to page2.html and the ‘Home’ button to page1.html.
Note: Save your web page whenever you insert any object or text.
g. Preview the page1.html page by clicking Preview/Debug in browser.

Q1. 1. Three 2. secondary 3. same 4. frameset 5. hyperlink
Q2. 1. T 2. T 3. F 4. F 5. T
Q3. 1. Borders, Border width, Border color, and RowCol selection are the four properties visible in
the Property Inspector when you select a frameset.
2. To view a set of frames in a browser, you need to enter the URL of the frameset file.
Q4. 1. The steps required to change the background colour of a document in a frame are:
a. Select the frame.
b. Click Page Properties in the Property Inspector. The Page Properties dialog box
appears.
c. Click the Background color menu and select a colour.
2. a. To delete a frame, drag a frame border off the page or to the border of the parent frame.
b. To resize a frame, drag the frame border.
96 1
3. To select a frameset, click one of the frameset’s internal frame borders in Design view or click
the frame border in the Frames panel. When a frameset is selected, all the borders of the frames
within the frameset are outlined with a light dotted line.
4. To save a frameset file with frame documents, click File Save All. The Save As dialog box
appears. Enter suitable names for the frameset and frames, and click OK. When you save a
frameset file with the frame documents, the Save As dialog box appears for saving the frameset
and for saving each frame. While saving a frame, you will see a border around the frame.

1. Create a folder for a new website.
2. Right-click the folder in the Files panel and select New Folder from the shortcut menu.
3. Rename the folder as Frameconcept.
4. Select the folder and click File New. The New Document dialog box appears.
a. Select the Page from Sample category.
b. Under Sample Folder, select Frameset.
c. Under Sample Page, select Fixed Top, Nested Left.
5. You will see a frameset with a fixed-size top frame and a nested left frame on the right of the
dialog box. Click Create.
6. The Frame Tag Accessibility Attributes dialog box appears. You can specify a title for each
frame or let the frame name appear as a title name. Click OK. The Untitled Frameset will
appear.
7. To save the frameset and frames, select File Save All and save the frameset as , top frame as
, left frame as , and mainframe as . Click the Save button every time. Notice while saving
the frame, a border appears around the frame.
8. Drag the border of the left frame to make the frame wider.
9. Select the top frame and type the text ‘Admission Procedure’. Make the following changes in the
Property Inspector:
a. Change the Font to Times New Roman.
b. Change the size to xx-large.
c. Go to Page Properties and change the background colour to green.
10. Select the left frame and type the content. Make these changes in the Property Inspector:
a. Change the Font to Default Font.
b. Change the Size to 16.
c. Click Page Properties and change Background color to yellow, Link color to blue,
Rollover links to red, and Visited links to green.
d. Select the first word ‘Admission’. Drag the Point to File icon next to the Link text box to a
file in the Files panel. The filename will appear in the text box.
e. Set the Target to mainframe, the frame on the right.
f. Repeat the last two steps for the other words set as hyperlinks.
11. Select the mainframe and type the text. Make the changes in Property Inspector.
a. Change the font size to 22.
b. Make the heading bold.
c. Click the Page Properties button and change the background colour to brown.
1 97
12. Select File Save All to save the frameset and all the documents in frames.
13. Press F12 to view the page or click Preview/Debug in browser in the Common category of the
Insert bar.

Q1. 1. remove 2. selected 3. image 4. Eyedropper 5. Gradient
Q2. 1. F 2. F 3. F 4. T 5. T
Q3. 1. Adobe Photoshop can be called a one-stop image editing application that can solve almost any
problem that you face with images. It has various tools for drawing shapes, colouring, and editing
images.
2. The steps required to start Adobe Photoshop are:
a. Select Start All Programs Adobe Design Premium CS3 Adobe Photoshop CS3.
b. The Adobe Photoshop window appears.
Q4. 1. Four components of the Adobe Photoshop window are:
a. Title bar: This is the topmost bar of the Photoshop window. It contains the name of the
application with its icon. It also contains the Maximize, Minimize, and Close buttons.
b. Menu bar: This contains the main menu commands.
c. Options bar: This is below the Menu bar. It displays the different options that are available
for the tools selected from the Tools panel.
d. Tools panel: This contains the various tools available in Adobe Photoshop.
2. Four tools available in the Adobe Photoshop tools panel are:
a. Rectangular Marquee tool: To select part of an image
b. Lasso tool: To make a free selection as you go
c. Dodge tool: To lighten pixels in an image
d. Horizontal Type tool: To insert text in an image
3. The steps to open an existing file are:
a. Select File Open.
b. The Open dialog box appears.
c. Using the Look in option, select the location of the file you want to open. Then, select the file.
d. Click Open.
4. The Magic Wand tool is used to select adjacent areas of the same colour in an image. The options
available in the Options bar on clicking the Magic Wand tool are:
a. Tolerance: The higher the tolerance setting value, the wider the range of selected pixels. The
tolerance ranges from 0 to 255.
b. Anti-alias: Defines a smooth edge
c. Contiguous: Selects only adjacent areas of the same colour
The Magic Wand tool selects pixels based on colour values. Thus, you can cut out
foreground objects from the background. This tool works best for selecting objects that are
primarily in one colour, e.g. the sky, a flower, etc.
98 1
1. Open an image of grassy ground.
2. To add an image of a cow:
a. Open the image of a cow.
b. Select the Magic Wand tool and click anywhere on the white background.
c. To invert the selection, click Ctrl + Shift + I.
d. Press Ctrl + C to copy the image.
3. Go back to the grassy ground and press Ctrl + V to paste the image of the cow.
4. To add grass strokes to the image:
a. Select the Brush tool in the Tools panel.
b. Click the arrow beside the Brush command in the Options bar. The Brush Preset Picker
appears.
c. Scroll down and click on brush style ‘Grass’.
d. Click Set Foreground Color in the Tools panel. The Color Picker palette appears. Select
green and click OK. You can also select a background colour.
e. Click and drag the mouse pointer on the image to draw grass strokes.

Q1. 1. pixel 2. distort 3. Spot Healing Brush
4. single 5. Type
Q2. 1. T 2. T 3. T 4. F 5. F
Q3. 1. Retouching tools can change or edit the pixel arrangements in an image. These tools can be used
on a selection or on an entire image.
2. The Spot Healing Brush tool, Patch tool, Red Eye tool, and Clone Stamp tool are four
retouching tools.
Q4. 1. The steps required to use the Spot Healing Brush tool are:
a. Open the image.
b. Select the Spot Healing Brush tool from the toolbar.
c. Specify the following in the Options bar:

i. Brush size
ii. Type: Choose from Proximity Match and Create Texture.
iii. Sample All Layers: Click to sample data from all visible layers. Deselect this option to
sample data from the active layer only.
d. Click the area you want to fix, or click and drag, to remove the flaws.
2. The steps required to use the Clone Stamp tool are:
a. Open the image.
b. Click on the Clone Stamp tool in the Tools panel.
c. Press down the Alt key, click the part of the image you want to clone, and release the Alt key.
d. Click and drag the mouse over the area where you want to place the cloned pixels.
1 99

Image to be cloned With cloned area
3. The steps required to use the Blur tool are:
a. Open the image.
b. Click on the Blur tool in the Tools panel.
c. Select the appropriate brush from the palette in the Options bar.
d. Click and drag on the image to blur the pixels.

Before using the Blur tool After using the Blur tool
4. The steps required to use the Dodge tool are:
a. Open the image.
b. Select the Dodge tool from the Tools panel.
c. Click the arrow next to Brush in the Options bar. Select a soft-edged brush for better results.
d. Select the Range and set the value of Exposure in the Options bar.
e. Click and drag the mouse on the image area to lighten the pixels.

Before using the Dodge tool After using the Dodge tool

1. Start Photoshop CS3.
2. Create a new file.
3. To add a new layer:
a. Select Layer New Layer.
b. Give the layer an appropriate name.
c. Click OK. You will see a new blank layer in the Layers palette.
100 1
4. Copy the required image and paste it into this new layer.
5. To change the size of the image:
a. Select the layer.
b. Select Edit Transform Scale. Scaling handles appear.
c. Click and drag the scaling handles to resize the image.
d. Double-click inside the image to apply this transformation.
6. To rotate the image:
a. Select the Layer or image.
b. Select Edit Transform Rotate. The rotation handles appear.
c. Click and drag the rotation handles.
d. Double-click inside the image to apply the transformation.
7. Repeat steps 3 to 6 to add more images. Each image will be in its own layer.
Chapter 9: Networking and E-Commerce

Q1. 1. personal 2. local 3. control 4. information 5. internal
Q2. 1. F 2. F 3. F 4. T 5. T
Q3. 1. The four types of e-commerce are:
a. Business-to-Business (B2B) c. Consumer-to-Consumer (C2C)
b. Business-to-Consumer (B2C) d. Digital middlemen
2. Four hardware components of computer networks are:
a. Network Interface Card (NIC) c. Hub
b. Registered Jack 45 (RJ–45) d. Switch
3. E-sites, also called electronic sites, are the online versions of traditional agencies, shops, offices,
etc. These sites allow us to conduct many transactions from our homes, for which earlier we
would have travelled to a shop or office.
Q4. 1. A personal area network (PAN) is a network of communicating devices close to an individual.
These devices could include a computer, phone, MP3/MP4 player, camera, etc. A PAN can be so
small that it covers an area of only a few metres in radius. A typical use of a PAN is to transfer
files between devices, e.g. to transfer songs from one cell phone to another, or from a computer to
an MP3 player. A PAN can use wired media (USB cable) or wireless media (Bluetooth). The
figure below shows different devices connected to a central computer through a PAN.
1 101
2. A local area network (LAN) is a network of computing devices in a room, building, or campus. A
LAN can cover an area of a few kilometres in radius. An office building or a school usually
contains a single LAN. Some schools may have an independent LAN in each computer lab. The
figure below shows a main computer called a server connected to a number of computing devices
through a LAN.
3. Four uses of computer networking are:
a. Resource sharing: All the computers on the network can share hardware (such as printer and
modem) and software.
b. Reliability: If one computer in the network goes down due to hardware failure, work can
move to another computer.
c. Financial benefits: Small computers (PCs) have a better price/performance ratio compared
to large ones. A mainframe computer may be ten times faster than a PC, but it will cost a
hundred times more. Hence, most organizations prefer a computer network with many PCs
instead of one large centralized computer.
d. Better communication medium: In an organization with branches in various places,
computer networking provides a cheap and easy mode of communication.
102 1

Computer Teaching Guide 8 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Computer Teaching Guide 8 PDF

Uploaded by

Copyright:

Available Formats

Teaching

About Keyboard: Computer Science with Application

Course Features and Highlights

Update Office 2010

Worksheets and Assessment Papers

Practice Time, Exercises, and In the Lab

Digital Learning Resources

Continuous and Comprehensive Evaluation (CCE)

During Instruction (Formative Assessment)

End-of-Unit and Term (Formative as well as Summative Assessment)

Lesson Plans (Total Periods – 72)*

1. Introduction 9 What is a 1 The students should be • Learning outcomes

Creating a 3 • create a blank database,

Queries 2 • define the term query

4. Tables, 8 Creating 3 The students should be • Learning outcomes

Working with 2 • define the term

7. Introduction 7 Starting 1 The students should be • Learning outcomes

Working with 2 • explain the use of the

E-sites 1 • explain what e-sites

Field Name Data Type

EmpNo EmpName EmpAddress EmpPhone EmpSalary

MagazineID MagazineName MagazinePublication MagazinePrice NoOfCopies

Field Name Data Type

CarID CarModel CarManufacturer CarColour CarPrice

Car_ID Car_Model Car_Name Car_Colour Car_Price

Field Name Data Type

b. Enter the following records in Datasheet view.

RollNo Name Total Grade

Q3. Figure Speak (5)

Q2. Figure Speak (4)

Q3. List three facts about the following: (6)

Q2. Jumbled Words (5)

Q3. What Am I? (5)

Q2. What Am I? (7)

Q2. Jumbled Words (4)

Q3. List three facts about the following: (6)

Q2. Figure Speak (5)

Q3. List three facts about the following: (6)

Q2. Jumbled Words (5)

Q3. What Am I? (5)

Q3. List three facts about the following: (6)

Q2. Jumbled Words (4)

Q3. List three facts about the following: (6)

Chapter 2: Microsoft Access Design View, Queries, Forms, and Reports

Chapter 4: Tables, Links, and Frames in HTML

Chapter 5: Introduction to Dreamweaver CS3

Chapter 6: Images and Framesets in Dreamweaver CS3

Chapter 7: Introduction to Photoshop

Chapter 9: Networking and E-commerce

Q3. Answer the following briefly. (2)

Q4. Answer the following. (8)

Lab Exercise (5)

Field Name Data Type Description

Q3. Answer the following briefly. (2)

Q4. Answer the following. (8)

Field Name Data Type Description

Q3. Answer the following briefly. (2)

Q4. Answer the following. (8)

Lab Exercise (5)

Q3. Answer the following briefly. (2)

Q4. Answer the following. (8)

Lab Exercise (5)

Q3. Answer the following briefly. (2)