Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 46

HSEB Notes Lab

Kathmandu, Nepal

Sample Project Work Report


Subject: Computer Science
Name: HSEB Notes Student
Grade-XI, 2012
www.hsebnotes.com
HSEB Notes Lab
Kathmandu, Nepal

Sample Project Work Certificate

This is to certify that Mr./Mrs./Ms. …………… has satisfactory


completed the course of experiments in project work of Computer
Science prescribed by HSEB Notes and checked by subject
teacher Mr./Mrs./Ms. …………………. of this institute in the
year 2012.

Date of Examination ….……………………………………….

Registration Number……………………………………………

Examiner………………………………………………………..

………………………………

Signature of External
Examiner
Acknowledgement
Every organized report requires a lot of hard work and seeks a lot of
helping hands. Up to the completion of this project report, I was not
so far from this strategy or rule.

First of all, I would like to thank my subject teacher Mr. /Mrs. /Ms.
……………………… for his/her proper guidance and moderation
during my classes. Plus, I owe a thank to my dear friends for their
continuous support and help on the completion of my project work.

Everything I’ve done will be worthless if I forget my parents; I


am very thankful for their support, love and care since the day of
my birth.

At last, I would like to remember and thank every individual who


helped me to complete my project report successfully. Love you
all!
Index
Word Processing….................................A

Spreadsheet…..........................................B

Presentation…......................................C

Web page Designing…..........................D


A]
<Word Processing>
Theory
Microsoft Word (Word Processing)

MS word is one of the most popular word processing software developed


by Microsoft Inc. in the field of electronic word processing. This has
remarkable features of integrating capability with other software such as
Microsoft Excel, Power Point etc. MS word is popularly used in writing
documents, letters, thesis, brochures, newsletters, reports etc. This report is
also written using MS word. Though there are many other free word
processing software over the sphere, MS word is popular among them due
to inclusion of many unique features, user friendly GUI etc.
Computer Science

Programming concepts And


Logic
P rogramming language is an

communicate
artificial language designed to
instructions to a
machine, particularly a computer.

Programming languages: Programming languages can be used

T
to create programs that control the
o perform a particular task, the
behavior of a machine and/or to
programmer has to write a series
express algorithmsprecisely. The
of instructions which is called a
earliest programming languages
program. A program is a set of logically
predate the invention of the
related instructions that are arranged in
computer, and were used to direct the
a sequence that guides a computer to
behavior of machines such as
solve a problem. A set of programs
Jacquard looms and player pianos.
written for a computer is called
Thousands of different programming
software. The program can be written in
languages have been created, mainly
any computer languages also known as
in the computer field, with many
programming languages. A
more being created every year. Most
programming language consists of all
programming languages describe
the symbols, characters and uses rules
computation in an imperative style,
that permit people to communicate with
i.e., as a sequence of commands,
computer. The process of writing
although some languages, such as
program by using such symbols,
those that support functional
characters and rules of the computer
programming or logic programming,
language is called programming
use alternative forms of description.
language and the proves of writing
instructions in such a language for is
called programming or coding. Every
programming language has systematic A
write
computer

computer
programming
language is a language used to
programs, which
method of using the words and symbols
which is called syntax. involve a computer performing some
kind of computation or algorithm and
possibly control external devices such

Page: 1 Grade XI
Computer Science

as printers, disk drives, robots, and so


on. For example PostScript programs
are frequently created by another
program to control a computer printer
or display. More generally, a
programming language may describe
computation on some, possibly abstract,
machine. It is generally accepted that a
complete specification for a
programming language includes a
description, possibly idealized, of a
machine or processor for that language.
In most practical contexts, a
programming language involves a
computer; consequently programming
languages are usually defined and
studied this way. Programming
languages differ from natural
languages in that natural languages are
only used for interaction between
people, while programming languages
also allow humans to communicate
instructions to machines.

Grade XI
Page: 2
CONTROLLEROFEXAMINATIONCONTGROOLLVEREORFENXAMMEINNATTIOONCFONNTERPOLALELROFEX
AMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTMROILNLEIRSOTFREXYAMOINFATEIODNUCOCNATRTOILOLENROFE
XAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINOAFTIFOINCCEONOTFROTLLHEREOCFEOXANMTIRNAOTLIOLNECRONOTRFOEL
LXERAOMFEIXNAAMTINIAOTNIOSNCONTROLLEROFEXAMIN

CONTROLLEROFEXAM IN A TIO N CO N TR OL LE R O FE XAM


S ch oo lL e a vin g
LL ER OF EX AM I NA TI O N C ONTROLLEROFEXAMIN CINeArTItOiNfCiOcNaTRtO
e E x a m in a t i o n
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
MARK-SHEET
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
PREM KUMAR PANDEY
CTOHNETRMOALLREKRSOFSEEXCAUMRINEADTBIOYN…CO…N…TR…OL…LE…RO…FE.…XA…M…IN…AT…IO…
N…CO…NT…R…OL…LE… RO…FE…X…AM…IN…A…TIO…N…CO…N…TR…O…LLE…RO…F…EX…AM…I…N ..
2049/03/27
C O N T RO L LE R O F E XA M IN AT IO N CO N TR OL LE RO F EX AM IN A TI
D ACOT E
ON O F O B LLI RERT H
DANG
N TR OF …
EX …AM… I …
NA …TI …ON …C …ON …T … …LL …
ER …O G
RO1234567 … … …
FE XA M …
IN …
… … … … … … … … … …… … … … … … … … … … … … … … …
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
JANTA HIGHER SECONDARY SCHOOL
CROONLTLR…OL.L…ER…O…FE…XA…M…IN…AT…IO…NC…O…NT..R…O…LL…ER…OF…EX…A…MI…NA…T…
IO.N. CSOYNMTBROOLLLENROO…FE…XA…M…IN…2065AT…IO…BS
N…CO…N…TR…OL…LE…RO…FE…X…AM…IN….
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
COOFN…TR…OL…LE…RO…F…EX…AM…IN…A…TI…ON…CO…N…TR…O…LL…ER…OF…EX…A…MI…NA…TI…
ON…C…ON…T…RO…LL…ER…O…FE…XA…M…IN…AT…IO…NC…O…NT…RO…L…LE…RO…FE…XA…M…IN….
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
IN THE ANNUAL S.L.C EXAMINATION OF....................................................................................ARE GIVEN BELOW
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
OBTAINED

REMARKS
CONTROLLEROFSEUXBAJMECINTASTIONCONTROLLERFOUFLEXLAMINAPTAIOSNS
NUMBER
SERIAL

MARKS
GRACE
CONMTRAORLKLESROFEXAMINTOATTIAONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLERMOFAERXKASMINAATRIOKNSCONTROLLEROFEXAMINLATIONCONTRO
LLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTTRHOLLERPORFEXAMINATIONCONTROLLEROFEX
AMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
01 COMP. FNGLISH 100 32 65 25 90
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
0 2 C O M P . N E P AL I 1 0 0 3 2 9 0 90
C O NTROL L E R O FE X A M I N ATIONCONTROLLER O F EXAMINA T IONCON T ROLLEROFEXAMIN AT
IONCONTROLLEROFEXAMIN
C0O3NTROLCLOEMRPO.FEMXAATMHIENMAATTIOICNSCONTROLLER1O0F0EXAMINA3T2IONCON9T0ROLLEROFEXAMI
N90ATIONCONTROLLEROFEXAMIN
C0O4NTROLCLOEMRPO.FESXCAIMEINNCAETIONCONTROLLER1O0F0EXAMINA3T2IONCON6T5ROLLER2O5FEXAMIN
90ATIONCONTROLLEROFEXAMIN
C0O5NTROLCLOEMRPO.FESXOACMIIANLATSIOTUNDCIOENSTROLLER1O0F0EXAMINA3T2IONCON9T0ROLLEROFEXA
MIN90ATIONCONTROLLEROFEXAMIN
C0O6NTROLCLOEMRPO.FEEX.AHM.IPNATIONCONTROLLER1O0F0EXAMINA3T2IONCON6T5ROLLER2O5FEXAMIN90
ATIONCONTROLLEROFEXAMIN
C0O7NTROLOLPETR.OFIEXMAAMTIHNEAMTAIOTINCCSONTROLLER1O0F0EXAMINA3T2IONCON9T0ROLLEROFEXAMI
N90ATIONCONTROLLEROFEXAMIN C0O8NTROLOLPETR.OFIEIXAAMCICNOAUTNIOT
NCONTROLLER1O0F0EXAMINA3T2IONCON6T5ROLLER2O5FEXAMIN90ATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
720
CO FULL LEROFE 1ST DIV IONC 1ST DIV 2ND DIV I3RD DIV LLEROFEXAM TROLLEROFEXAMIN
X A M I ONTROLLE ROFEXAMINAT ONCONTRO
MNAT W I T H VGRAND TOTAL INATIONCO9N0%
RROKL
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONT8R0O0 LLEROFEXAM64IN0
ATIONCON4T8R0OLLEROFE3X6A0MINATION2C5O6NTROLLREERSUOLFTEXAMINATIONDCIOSNTT. ROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
C O N TR O L L E R O F E X A M IN A T IO N C O N T RO L L E R O F E X A M
1 . # M e a n s s u b je c t (s ) a pp e a re d i n th e su p p l e m e n t ar y
IeNxAaTmIOinNaCtiOonN.TROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
C2O.FNaTnRdOaLnLEaRsOteFrEisXkA(M*)IN-
AfaTiIlONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN C3O.AN-
TRabOsLeLnEtROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMI
N
C4O.WNT-RrOesLuLlEtRwOiFthEhXeAlMd
INATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN C5O.CN-
TRSuObLjLeEcRtOcaFnEXceAlMledINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLE
ROFEXAMIN C6O.ONLTR–
OOLpLEenROleFaErXnAinMgINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFE
XAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CHECKED BY-
C O N T R O LL E R O
S E AXAN M
FB O TI NH AI TM IOI ,N C O N T R OLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXA
H A KT A P U R , N E P A L
MIN
CDOANTTEROOLFLEIRSOSUFEEX:A28MJINUANTEIO, 2N0C0O9
NTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATCIOONNCTORNOTLRLOELL
REROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN
CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN

www.hsebnotes.com Page: 3
Computer System
Computer Architecture:
The first microprocessor chip was invented by Dr. Ted Hoff of Intel corporation
(USA) in 1969 and it became commercially available in 1971. It is a chief component of
computer. Without microprocessor, computer is not a computer but only pile of
electromechanical, electronic and plastic materials beautifully connected to each other.
The working mechanism of a computer is not so simple, it is complex machine so, and
its working mechanism is also very complex for new comers. Here, only summary of
working mechanism is presented in simple words;

A. Main memory, ALU and control unit are main parts of CPU. All input data are
stored in the main memory. The keyboard is a standard input device. When we
input data through I, the data is stored in buffer storage of the keyboard, until
enter key is not pressed.
B. Data come to ALU for processing after processing. A data is turned back to the
main memory. Main memory is used as a dark room of theater where
actors/actress are masking themselves before going to the stage and turn back
again after finishing their performance.
C. From the main memory, data goes to secondary memory (Floppy, hard disk, etc)
for permanent storage or may directed to go printer for hard copy.
D. We take data or any information from the secondary memory. These data may
be processed in ALU then either to return to the secondary memory or go to
output unit.
E. The control unit controls ALU, main memory, input/output unit, secondary
memory and other peripherals.

ALU (Arithmetic And Logic Unit):


ALU is the main component of CPU. ALU contains internal memory (registers).
In this unit, all types of mathematical and logical data processing are successfully
completed. It is used to perform several operations.

Arithmetic Logic operation Miscellaneous


Addition, subtraction, Logical AND, Logical OR, Left Shift, Right Shift,
multiplication, division, Logical NOT, Logical Clear
increment, decrement, etc. EXCLUSIVE OR
Exponential, logarithmic, trigonometric and floating-point operations are not done by
ALU. Special purpose math processor called FPU (floating-Point Unit) performs these
operations. Now a day, on board FPU is used.

Functions of ALU;
a. It accepts the operands from registers.
b. It performs arithmetic and logical operations.

Page:
c. It returns the results to register or a memory.
d. The status of an ALU operation (negative, carry, zero, overflow< is available for
writing into Flags register (FL).

Page:
B]
<Spreadsheet >
Microsoft Excel (Spread Sheet)

A spread sheet is a tool for calculating and evaluating numbers. It is a tool


for numeric analysis and it also offers capabilities for creating reports and
presentations to communicate what analysis reveals. The most popular
electronic spread sheet software is Microsoft Excel which comes
compiled with other Microsoft products and called Microsoft Office
tools. It is also the widely used spread sheet software over the sphere.
Sample of Mark ledger

www.hsebnotes.co Page|
Sample of Mark ledger in Chart

www.hsebnotes.co Page|
C]
<Presentation >
Theory
Microsoft PowerPoint (Presentation)

MS PowerPoint is presentation software. It is a family member of MS.


Office’s group. It was developed by Microsoft Corp. USA. PowerPoint
enables us to create, organize and design effective presentation with the
help of different slides, animation preset and many other tools.
www.hsebnotes.co Page|
www.hsebnotes.co Page|
www.hsebnotes.co Page|
D]
<Web Page Designing>
Theory
Web Page Designing (HTML)

HTML is fully known as Hyper Text Markup Language. It is a tag based


scripting language, interpreted by browser. The Hypertext is a nonlinear
text. It has a capacity to open a door of other related information of files.
When it is clicked, something new must be appeared. HTML was first
invented by British scientist named Tim Berners Lee while he was working
in laboratory at Cern, Switzerland on particle Physics (1980). The latest
version of HTML is HTML 5.0, some modern browsers Mozilla Firefox
(latest versions), Internet Explorer (latest versions) support HTML 5.
HTML Project One: Simple HTML page

[Layout]

[Markup]

<html>
<head>
<title>Project 1 | Simple HTML page</title>
</head>

<body bgcolor="#CCCCCC">
<h1>Speaking of Children</h1>
<h2>Barbara Holland</h2>
<p><b>Summary:</b><br>
The advantages of parents for having one child are quite obvious.
One child is an appendage and it can be outnumbered by parents. It
can be carried along on pleasure trips. The most important of all
is the privacy, which remains intact. On the contrary, plural
children will be the end of advantages and the beginning of
disadvantages.
They will be counter-culture in the house and the parents will
be outnumbered.</p>

<p>PAGE 1 >> <a href="Project (2).html">PAGE 2</a></p>


</body>
</html>
www.hsebnotes.co Page|1
HTML Project Two: Adding Simple Body CSS

[Layout]

[Markup]
<html>
<head>
<title>Project 2 | Adding simple CSS</title>
<style type="text/css">
body {
background-color:#FFFFCC;
text-align:justify;
color:#8b0000;
font-family:"Calibri";
}
</style>
</head>
<body>
<h1>Look at a Teacup</h1>
<h2>Patricia Hampl</h2>
<p><b>Summary:</b>
Look at a teacup is a complicated essay with a great deals of
hidden meaning to be read in between the lines. The essay abounds
with rich as well as vivid description of china dishes especially
tea cups and scattered information about the writers parents, her
relation with mother and her views.
</p>
<p><a href="Project (1).html">PAGE 1</a> << PAGE 2 >>
<a href="Project (3).html">PAGE 3</a></p>
</body>
</html>

www.hsebnotes.co Page|2
HTML Project Three: Using Form

[Layout]

[Markup]
<html>
<head>
<title>Project 3 | Using Forms</title>
<style type="text/css">
body {
font-family: "Times New
Roman"; background-
color:#FFFFCC; color:#8b0000;
}
</style>
</head>
<body>
<h1>Login to Trinity Portal</h1>
<form action="http://trinitycollege.edu.np/login.php">
<p>Student ID/Username:<br>
<input type="text" name="Username" value="" />
<br>
Password:<br>
<input type="password" name="Password" value="" /><br><br>
<input type="submit" value="Login" /> <input
type="reset" value="Reset" /></p></form>
<hr>
<p><a href="Project (2).html">PAGE 2</a> << PAGE 3 >>
<a href="Project (4).html">PAGE 4</a></p>
</body>
</html>

www.hsebnotes.co Page|3
HTML Project Four: Using Simple CSS in Form

[Layout]

[Markup]

<html>
<head>
<title>Project 4 | Using Simple CSS in Form</title>
<style type="text/css">
body {
font-family: "Times New
Roman"; background-
color:#FFFFCC; color:#8b0000;
text-align:center;
}
</style>
</head>
<body>
<h1>Google Search</h1>
<form action="http://www.google.com/">
<input type="text" style="height:30px; width:400px;" value=""
/><br><br>
<input type="submit" style="height: 30px; width:300px;"
value="Search" /><input type="submit" style="height:
30px; width:300px;" value="I'm feeling Lucky" />
</form>
<hr><p><a href="Project (3).html">PAGE 3</a> << PAGE 4 >>
<a href="Project (5).html">PAGE 5</a></p>
</body>
</html>

www.hsebnotes.co Page|4
HTML Project Five: Using Table

[Layout]

[Markup]

<html>
<head><title>Project 5 | Using Table</title>
</head>
<body bgcolor="#99CCFF">
Table can be inserted in HTMl web page. A example of table used
WEB page is as follow:<br><br>
we are given the following information to be inserted in a
html table:<br>
Rice is given 5kg which is 25/kg.<br>
wheat is given 8kg which is 30/kg.<br>
meat is given 5kg which
550/kg.<br><br>
The table to represent the above given datas is as below:
<table width="300" border="1" cellspacing="2" height="50">
<tr>
<th scope="col">S.No</th>
<th scope="col">Quantity</th>
<th scope="col">Rate</th>
<th scope="col">Total</th>
</tr>
<tr>
<th scope="row">rice</th>
<td>5kg</td>
<td>25/kg</td>
<td>Rs.125</td>
</tr>
www.hsebnotes.co Page|5
<tr>
<th scope="row">wheat</th>
<td>8kg</td>
<td>30/kg</td>
<td>Rs.240</td>
</tr>

<tr>
<th scope="row">meat</th>
<td>5kg</td>
<td>550/kg</td>
<td>Rs.2750</td>
</tr>
</table>

<p><a href="Project (4).html">PAGE 4</a> << PAGE 5 >>


<a href="Project (6).html">PAGE 6</a></p>
</body>
</html>

www.hsebnotes.co Page|6
HTML Project Six: Table COLSPAN

[Layout]

[Markup]

<html>
<head>
<title>Project 6 | Table II</title>
</head>
<body bgcolor="#CCFFFF">
A table in html can be converted into any shape of it by using
rowspan and colspan.<br> Some of the examples where colspan is
used are shown below:<br><br>
ex.1: We are given a table of 3*3 with content from a,b,.. . .i<br>
<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>

www.hsebnotes.co Page|7
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr></table><br />
On using colspan we can get following output:<br>
1.<table bordercolor="#FF0000" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td colspan="2" bgcolor="#00FF66">j</td>
<td width="100">c</td>
</tr>
<tr>
<td width="100">d</td>
<td colspan="2" bgcolor="#0033FF">k</td>
</tr>
<tr>
<td colspan="3" bgcolor="#99FF99">l</td>
</tr>
</table>
2.
<table bordercolor="#CC0000" width="300" height="50" cellspacing="2"
border="1">
<tr>
<td colspan="3" bgcolor="#000099">m</td>
</tr>

<tr>
<td colspan="2" bgcolor="#9966FF">n</td>
<td width="100">f</td>
</tr>

<tr>
<td width="100">g</td>
<td colspan="2" bgcolor="#CCCC33">o</td>
</tr>
</table>

<p><a href="Project (5).html">PAGE 5</a> << PAGE 6 >> <a


href="Project (7).html">PAGE 7</a></p>
</body>
</html>

www.hsebnotes.co Page|8
HTML Project Seven: Table COLSPAN, ROWSPAN

[Layout]

[Markup]
<html>
<head>
<title>Project 7 | Table III</title>

</head>
<body bgcolor="#CCFFFF">
A table in html can be converted into any shape of it by using
rowspan and colspan.<br> Some of the examples where rowspan is
used are shown below:<br><br>
ex.1: We are given a table of 3*3 with content from a,b,.. . .i<br>
<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>

www.hsebnotes.co Page|9
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
</table><br />
On using rowspan we can get following output:<br>
1.<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td height="50" bgcolor="#00FF99">j</td>
<td height="50" bgcolor="#99CC00">k</td>
<td height="50" bgcolor="#FFCCFF">l</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
</table>
2.<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td>a</td>
<td>b</td>
<td rowspan="2" height="50" bgcolor="#9900CC">n</td>
</tr>
<tr>
<td rowspan="2" height="50" bgcolor="#990000">m</td>
<td>e</td>
</tr>
<tr>

<td>h</td>
<td>i</td>
</tr>
</table>
<p><a href="Project (6).html">PAGE 6</a> << PAGE 7 >> <a
href="Project (8).html">PAGE 8</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Eight: Table COLSPAN, ROWSPAN II

[Layout]

[Markup]

<html>
<head>
<title>Project 8 | Table IV</title>
</head>
<body bgcolor="#CCFFFF">
A table in html can be converted into any shape of it by using
rowspan and colspan.<br> Some of the examples where rowspan
and colspan both are used is given below:<br><br>
ex.1: We are given a table of 3*3 with content from a,b,.. . .i<br>
<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>

www.hsebnotes.co Page|
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
</table>
On using rowspan and colspan we can get following output:<br>
1.<table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td colspan="2" width="100" bgcolor="#00CCCC">j</td>
<td rowspan="2" height="50" bgcolor="#9900CC">k</td>
</tr>
<tr>
<td>d</td>
<td rowspan="2" height="50" bgcolor="#FFFF00">l</td>
</tr>
<tr>
<td>g</td>
<td>i</td>
</tr></table>
2. <table bordercolor="#990099" width="300" height="50"
cellspacing="2" border="1">
<tr>
<td rowspan="2" height="50" bgcolor="#FFFF99">n</td>
<td colspan="2" width="100" bgcolor="#0066CC">m</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td colspan="2" width="100" bgcolor="#0099CC">o</td>
</tr>
</table>
<p><a href="Project (7).html">PAGE 7</a> << PAGE 8 >> <a
href="Project (9).html">PAGE 9</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Nine: HTML Marquee

[Layout]

[Markup]

<html>
<head>
<title>Project 9 | Use of Marquee</title>
</head>
<body>

<h1>Simple use of Marquee HTML tag</h1>

<marquee behavior="alternate"><p>Trinity College</p></marquee>

<marquee behavior="scroll"
direction="down"><p>Trinity Collage</p></marquee>

<marquee behavior="slide"
direction="right"><p>BiMAL Paudel</p></marquee>

<p><a href="Project (8).html">PAGE 8</a> << PAGE 9 >>


<a href="Project (10).html">PAGE 10</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Ten: Use of iFrame tag

[Layout]

[Markup]
<html>
<head>
<title>Project 10 | Use of iframe HTMl tag</title>
</head>
<body>
<h1>Use of iFrame HTML tag</h1>
<br>

<iframe height="320px" width="500px"


src="Project (1).html"></iframe>

<p><a href="Project (9).html">PAGE 9</a> << PAGE 10 >>


<a href="Project (11).html">PAGE 11</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Eleven: Use of CSS in Form Field and Buttons

[Layout]

[Markup]
<html>
<head>
<title>Project 11 | Use of CSS in form: input fields
and buttons</title>
<style type="text/css">
input {
background-color:#FFFF33;
border-style: solid;
border-width:thin;
border-color:#330000;
}

</style>
</head>
<body>
<h1>Use of CSS in form: input fields and Buttons</h1>
<form action="http://trinitycollege.edu.np/login.py/">

<input type="text" name="username" value="" />


<input type="password" name="password" value="" />
<input type="submit" value="Login" />
<input type="reset" value="Reset" />
</form>

<p><a href="Project (10).html">PAGE 10</a> << PAGE 11 >>


<a href="Project (12).html">PAGE 12</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Twelve: Using Checkbox and Radio buttons

[Layout]

[Markup]

<html>
<head>
<title>Project 12 | Use of Checkbox and Radio buttons</title>
</head>
<body>
<h1>Use of Checkbox and Radio buttons</h1>
<form action="http://trinitycollege.edu.np/login.py/">
<input type="text" name="username" value="" />
<input type="password" name="password" value="" />
<input type="checkbox" /> Remember Password
<input type="radio" />Login automatically in each visit
<br /> <br />
<input type="button" value="Login" />
</form>

<p><a href="Project (11).html">PAGE 11</a> << PAGE 12 >>


<a href="Project (13).html">PAGE 13</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Thirteen: Inserting Image in HTML page

[Layout]

[Markup]
<html>
<head>
<title>Project 13 | Inserting Images</title>
</head>
<body>

<img src="image/fb.png" />

<img src="image/twitter.png" />

<p><a href="Project (12).html">PAGE 12</a> << PAGE 13 >>


<a href="Project (14).html">PAGE 14</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Fourteen: Using CSS in Image

[Layout]

[Markup]
<html>
<head>
<title>Project 14 | Using CSS effects in Image</title>
<style type="text/css">
img {
height:250px;
width: 250px;
border-color:#CCCCCC;
border-style: solid;
border-width: thin;
}
</style>
</head>
<body>
<h1>Using CSS in Image</h1>

<img src="image/mail.png">

<p><a href="Project (13).html">PAGE 13</a> << PAGE 14 >>


<a href="Project (15).html">PAGE 15</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Fifteen: Use of UL, OL and LI tags

[Layout]

[Markup]
<html>
<head>
<title>Use of UL, OL and LI tags</title>
</head>
<body>
<h1>Use of UL, OL and LI tags</h1>

<ul>
<li>Happy New Year 2069</li>
<li>Happy New Year 2070</li>
<li>Happy New Year 2071</li>
</ul>

<hr />

<ol>
<li>Happy New Year 2069</li>
<li>Happy Newy Year 2070</li>
<li>Happy New Year 2071</li>
</ol>

<p><a href="Project (14).html">PAGE 14</a> << PAGE 15 >>


<a href="Project (16).html">PAGE 16</a></p>
</body>
</html>

www.hsebnotes.co Page|
HTML Project Sixteen: Using Hyperlink in Image

[Layout]

[Markup]
<html>
<head>
<title>Using Hyperlink in Image</title>
<style type="text/css">
img {
height:200px;
width: 200px;
color:
#ffffff;
border-color:
#CCCCCC; border-
style: solid; border-
width:thick;
}
</style>
</head>
<body>
<h1>Using Hyperlink in Image</h1>

<a href="http://facebook.com"><img src="image/fb.png" /></a>


<a href="http://twitter.com/"><img src="image/twitter.png" /></a>
<a href="https://plus.google.com/"><img src="image/google_1.png"
/></a>

<p><a href="Project (15).html">PAGE 15</a> << PAGE 16


</body>
www.hsebnotes.co Page|
Conclusion

Though the common trend among us (students) is to take these


academic activities as a formal job (which is correct for a
different point of view), I really enjoyed doing this project. I
started the work the first day I got my copy of assignment and
completed 90% excluding printing and binding jobs within a
week and spent some days on its moderation. Now, I am
satisfied with my project and the report.

My Future Plan

Computer science is my favorite subject and is primary (which


doesn’t mean I underestimate other subjects). I am thinking of
either becoming a software engineer or doing my graduation
with major subject computer science.
Bibliography

A. Computer Science, Grade XI


B. Magic of Words, Grade XI
C. Wikipedia [en.wikipedia.org]
D. Google [www.google.com]
Computer Science Project, Doc. Version 1.0
Thank you for downloading this document. For any kind of future
support, query, help or UPDATE related to this document, please
visit www.hsebnotes.com and refer to Subject Computer Science,
Grade XI on our download section. If you have any thing that you
think is useful for us then please do not hesitate to contact us through
our email.

Links HSEB NOTES,


Home Page http://www.hsebnotes.com/

Facebook http://www.fb.com/HSEBNotes/

Twitter http://twitter.com/HSEBNotes/

Wordpress Blog http://hsebnotes.wordpress.com/

Contact Email hsebnotes@gmail.com

UPDATES,
For any future update on this document please refer to Computer
Science, Grade XI on our download section on www.hsebnotes.com
and see for higher versions of this document. This is version 1.0.

You might also like