HSEB Notes LabKathmandu, 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 Programming concepts And Logic P rogramming language is an artificial language designed to instructions to a communicate machine, particularly a computer. Programming languages: Programming languages can be used to create programs that control the behavior of a machine and/or to express algorithms precisely. The earliest predate programming the invention languages of the T 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 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 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, computation in an imperative style, i.e., as a sequence of commands, although some languages, such as those that support functional characters and rules of the computer language is called programming programming or logic 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 method of using the words and symbols which is called syntax. A write computer programming language is a language used to computer programs, which involve a computer performing some kind of computation or algorithm and possibly control external devices such Page: 1 Grade XI 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 programming specification language for includes a a description, possibly idealized, of a machine or processor for that language. In most practical language contexts, involves a a programming computer; consequently programming languages are usually defined and studied languages this way. differ Programming 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. Page: 2 Grade XI GOVERNMENT OF NEPAL CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN MINISTRY OF EDUCATION CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN OFFICE OF THE CONTROLLER OF EXAMINATIONS CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN MARK-SHEET CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN PREM KUMAR PANDEY THE MARKS SECURED BY ………………….……………………………………………………………………………….. CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 2049/03/27 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN DATE OF BIRTH………………………………………………………………………………………………………………… CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 1234567 G DANG CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN ROLL….……………………………..………………………….. SYMBOL NO………………………………………………. CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN JANTA HIGHER SECONDARY SCHOOL OF …………………………………………………………………………………………………………………………………. CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 2065 BS IN THE ANNUAL S.L.C EXAMINATION OF…………………………………………….. …….…ARE GIVEN BELOW CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN OBTAINED CONTROLLEROFEXAMINATIONCONTROLLERFULL MINAPASS ONMARKS OFEXAMINATIONCONTROLLEROFEXAMIN OFEXA TIONC TROLLER TOTA SUBJECTS L CONTROLLEROFEXAMINATIONCONTROLLERMARKS INAARKS ONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN OFEXAM TIONC CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN TH PR CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 01 COMP. FNGLISH 100 32 65 25 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 02 COMP. NEPALI 100 32 90 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 03 COMP. MATHEMATICS 100 32 90 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 04 COMP. SCIENCE 100 32 65 25 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 05 COMP. SOCIAL STUDIES 100 32 90 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 06 COMP. E.H.P 100 32 65 25 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 07 OPT. I MATHEMATICS 100 32 90 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 08 OPT. II ACCOUNT 100 32 65 25 90 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN FULL 1ST DIV 1ST DIV 2ND DIV 3RD DIV 720 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN GRAND TOTAL MARKS WITH DIST. V 90% CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN DIST. 800 640 480 360 256 RESULT CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 1. # Means subject(s) appeared in the supplementary examination. CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 2.F and an asterisk (*) - fail CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 3.A - absent CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 4.W - result withheld 5.C - Subject cancelled CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN 6.OL – Open learning CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CHECKED BYCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN SANOTHIMI, BHAKTAPUR, NEPAL CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN DATE OF ISSUE:28 JUNE, 2009 CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLER CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN CONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMINATIONCONTROLLEROFEXAMIN School Leaving Certificate Examination www.hsebnotes.com Page: 3 REMARKS SERIAL NUMBER GRACE MARKS 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: 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 | 2 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. B. C. D. Computer Science, Grade XI Magic of Words, Grade XI Wikipedia [en.wikipedia.org] 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 Facebook Twitter Wordpress Blog Contact Email http://www.hsebnotes.com/ http://www.fb.com/HSEBNotes/ http://twitter.com/HSEBNotes/ http://hsebnotes.wordpress.com/
[email protected] 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.