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 March 27, 2012 

Grade XI  

Programming concepts And

Logic

Programming languages:

o perform a particular task, the

programmer has to write a series

of instructions which is called a

program. A program is a set of logically

related instructions that are arranged in

a sequence that guides a computer to

solve a problem. A set of programs

written for a computer is called

software. The program can be written in

any computer languages also known as

programming languages. A

programming language consists of all

the symbols, characters and uses rules

that permit people to communicate with

computer. The process of writing

program by using such symbols,

characters and rules of the computer

language is called programming

language and the proves of writing

instructions in such a language for is

called programming or coding. Every

programming language has systematic

method of using the words and symbols

which is called syntax.

rogramming language is an

artificial language designed to

communicate instructions to a

machine, particularly a computer.

Programming languages can be used

to create programs that control the

behavior of a machine and/or to

express algorithms precisely. The

earliest programming languages

predate the invention of the

computer, and were used to direct the

behavior of machines such as

Jacquard looms and player pianos.

Thousands of different programming

languages have been created, mainly

in the computer field, with many

more being created every year. Most

programming languages describe

computation in an imperative style,

i.e., as a sequence of commands,

although some languages, such as

those that support functional

programming or logic programming,

use alternative forms of description.

computer programming

language is a language used to

write computer programs, which

involve a computer performing some

kind of computation or algorithm and

possibly control external devices such

T

P

A

Page: 1 

Computer Science March 27, 2012 

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   

 

PREM KUMAR PANDEY

2049/03/27

DANG 1234567 G

JANTA HIGHER SECONDARY SCHOOL

2065 BS

C FEXAMINATIONCONTROLLEROFEXAMIN CONTROLLE FEXAMINATIONCONTROLLEROFEXAMIN ONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLERO                                                     GOVERNMENT OF NEPAL

ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLERO MINISTRY OF EDUCATION CONTROLLE ONTROLLEROFEXAMIN ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONC                                     OFFICE OF THE CONTROLLER OF EXAMINATIONS CONTROLLE ROLLEROFEXAMIN ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONT

ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTCONTROLLE ROLLEROFEXAMIN CONTROLLE CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 

                        School Leaving Certificate Examination ROFEXAMINATIONCONTROLLEROFEXAMINATION

CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLE

                                                                  MARK-SHEET

ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN THE MARKS SECURED BY ………………….………………………………………………………………………………..

CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLE

DATE OF BIRTH…………………………………………………………………………………………………………………

ROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN ROLL….……………………………..………………………….. SYMBOL NO………………………………………………. CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN OF ………………………………………………………………………………………………………………………………….

CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 

IN THE ANNUAL S.L.C EXAMINATION OF…………………………………………….. …….…ARE GIVEN BELOW

COCOCO

NTNTNT

ROL IONCONTROLLER MINA ON OFEXAMINATIONCONTROLLEROFEXAMIN LEROFEXAMINAT OFEXA TIONC TROLLERROLLEROFEXAMINATIONCONTROLLER INA ONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN OFEXAM TIONCROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 

CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN

S

ER

IAL

NU

MB

ER

SUBJECTS

FULL MARKS

PASS ARKS

OBTAINED MARKS

TOTAL

GR

AC

E

MA

RK

S

RE

MA

RK

S

TH

PR

01

02

03

04

05

06

07

08

COMP. FNGLISH

COMP. NEPALI

COMP. MATHEMATICS

COMP. SCIENCE

COMP. SOCIAL STUDIES

COMP. E.H.P

OPT. I MATHEMATICS

OPT. II ACCOUNT

100

100

100

100

100

100

100

100

32

32

32

32

32

32

32

32

65

90

90

65

90

65

90

65

25

25

25

25

90

90

90

90

90

90

90

90

FULL MARKS

1ST DIV WITH DIST.

1ST DIV 2ND DIV 3RD DIV 720 V 90% DIST.

800 640 480 360 256

1. # Means subject(s) appeared in the supplementary examination. 2.F and an asterisk (*) - fail 3.A - absent 4.W - result withheld 5.C - Subject cancelled 6.OL – Open learning CHECKED BY- SANOTHIMI, BHAKTAPUR, NEPAL DATE OF ISSUE:28 JUNE, 2009 CONTROLLER  

GRAND TOTAL

RESULT

Page: 3 www.hsebnotes.com 

 

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, multiplication, division, increment, decrement, etc.

Logical AND, Logical OR, Logical NOT, Logical EXCLUSIVE OR

Left Shift, Right Shift, Clear

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: 4 

 

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: 5 

 

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.com    P a g e  | 1  

Sample of Mark ledger in Chart 

www.hsebnotes.com    P a g e  | 2  

 

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.com    P a g e  | 1  www.hsebnotes.com    P a g e  | 1  

   

www.hsebnotes.com    P a g e  | 2  

 

www.hsebnotes.com    P a g e  | 3 www.hsebnotes.com    P a g e  | 3   

 

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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 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.com    P a g e  | 10  

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.com    P a g e  | 11  

<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.com    P a g e  | 12  

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.com    P a g e  | 13  

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.com    P a g e  | 14  

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.com    P a g e  | 15  

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.com    P a g e  | 16  

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.com    P a g e  | 17  

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.com    P a g e  | 18  

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.com    P a g e  | 19  

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> </html> 

www.hsebnotes.com    P a g e  | 20  

 

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 youthink is useful for us then please do not hesitate to contact us throuour em

gh

ail.

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.