Computer Project (Garima Phuyal)
Computer Project (Garima Phuyal)
(NCCS)
Paknajol, Kathmandu
A Project Report
On
"HIMALAYA HOTEL"
This is to certify that Mr. Garima Phuyal student of NCCS Higher Secondary
School, Grade:XI , Section:L , Roll No:12 has duly completed his project on the topic
HIMALAYA HOTEL using HTML under the guidance of Mr. Sudil Maharjan as for
the requirement for Class XI NEB Exam.
I hereby, declare that the work reported in this report entitled “HIMALAYA
HOTEL” Submitted to the Computer Science Department of NCCS Higher Secondary
School is my original work done in the form of partial fulfillment of the requirements of
NEB for the +2, under the supervision of Mr Sudil Maharjan.
Signature
……………………………..
Roll. No: 12
Date: 2075/11/06
ACKNOWLEDGEMENTS
I would also like to express my immense gratitude to Principal, Vice Principal and the
Coordinators for giving there allowance to do this project.
Thank You!!
Garima Phuyal
Kathmandu, Nepal
Date: 2075/11/06
List of Tables
Text Formatting 6
Font 7
Horizontal Ruler 8
Marquee 8
Hyperlink 11
Table of Contents
Chapter 1: Introduction to Computer ............................................................................................... 1
Introduction .................................................................................................................................. 1
Importance:................................................................................................................................... 2
Objectives: .................................................................................................................................... 2
Chapter 2: Introduction (html): ........................................................................................................ 3
2.2) Types of Tags: ....................................................................................................................... 3
Basic Structure of HTML: ........................................................................................................ 4
Character Formatting: ............................................................................................................... 5
Paragraph: ................................................................................................................................. 5
Heading .................................................................................................................................... 6
Text Formatting: ....................................................................................................................... 6
Font:.......................................................................................................................................... 7
Marquee: ................................................................................................................................... 8
Ordered list: .............................................................................................................................. 9
Unordered list: .......................................................................................................................... 9
Description list: ........................................................................................................................ 9
Hyperlink: ............................................................................................................................... 11
External link: .......................................................................................................................... 11
Internal link: ........................................................................................................................... 12
Table: ...................................................................................................................................... 13
Frame and form: ..................................................................................................................... 14
Frame: ..................................................................................................................................... 14
Form: ...................................................................................................................................... 15
Concept of css: ............................................................................................................................... 15
Inline style: ............................................................................................................................. 15
Internal style sheet: ................................................................................................................. 16
External style sheet: ................................................................................................................ 17
Chapter 3: Introduction of the Project ............................................................................................ 19
3.1) Introduction: ........................................................................................................................ 19
3.2) Scope ................................................................................................................................... 19
3.3) Limitation ............................................................................................................................ 19
Chapter 4: HTML Coding and Outputs .......................................................................................... 20
4.1) HTML Codes: ..................................................................................................................... 20
HOME PAGE ............................................................................................................................. 20
ABOUT US PAGE:.................................................................................................................... 22
MENU PAGE: ............................................................................................................................ 24
CONTACT US PAGE: .............................................................................................................. 32
4.2) Outputs (Screenshots) ......................................................................................................... 34
5.1) Lesson Learnt ...................................................................................................................... 36
5.2) Recommendation ................................................................................................................ 36
References: ..................................................................................................................................... 36
Chapter 1: Introduction to Computer
Introduction
A computer is an electronic device that takes input such as numbers, text, sound, image,
animations, video, etc., processes it, and converts it into meaningful information that
could be understood, presenting the changed input (processed input) as output. All
numbers, text, sound, images, animations, and video used as input are called data, and all
numbers, text, sound, images, animations, and video returned as output are called
information. Input is the raw data entered into the computer by using input devices. OR.
Computer Is an electronic machine/device which can input data, process them according
to the instruction given and then give out the meaning full information. In another word
computer is an electronic devices, operating under the control of instruction stored in its
own memory that accepts data, produce results and stores the result for future use. A
computer is a programmable machine capable of:
Taking input raw data through the input devices such as keyboard, mouse or any
input devices.
Storing the input data into main memory and disks such hard disks, CD or other
medium.
Processing it at the central processing unit (CPU)
Giving out the results as output on the screen or the any visuals display unit.
1
Importance:
The importance of Computer is highlighted below:
Computer can ensure more accuracy.
There is huge contribution of computer in the modern science and technology
sectors.
A computer can transfer data quickly from storage to memory, process it, and then
store it again for future use.
Computer can save valuable time of employees in the office and help industries by
making their employees productive and sufficient in any business.
Computers in the universities will help the researchers and professors to do their
calculation quickly and in a better and efficient way.
Objectives:
The objectives of Computer are highlighted below:
The main purpose of computer was to reduce the human work hours.
To develop the whole world and to connect the world as a single town.
To process, store and transmits a wide variety of information to the peoples.
To make complex mathematical calculation possible and make tasks easier for
human.
To solve the highly complex work which human cannot solve in a quick basis.
2
Chapter 2: Introduction (html):
The inventor of World Wide Web (Tim Berners) also was the person who developed
HTML in the 1990’s. The web is based on that language. HTML stands for Hyper Text
Markup Language. It is a language for describing web pages. It is a language used for
creating webpages containing text, graphics, animation, sound, video and interactive
elements.
It is a standard set of codes, called tags, used to format all webpages. The HTML
provides a set of rules defining the way tags can be used and combined. It is a document
containing HTML tags and plain text. Learning the HTML means learning the tags and
rules.
The HTML tags are the keywords surrounded by angle brackets; used to describe the
content of web page. It has three sections:
i) Tag name
ii) Attributes
iii) Value of attributes
Example:
(In this example the BODY is the tag name, bgcolor and text are the attributes and the
green are the values.)There are two types of tags:
i) Paired tags : It has two parts the opening and the closing.
An opening tag is a tag that indicates the start of the HTML commands. It always
begins with <….>.
A closing tag is a tag that indicates the end of the HTML commands. It always
begins with </…..>.
ii) Singular tags: It is a single type of tag that does not have any ending tag. It issues
an HTML command without enclosing any text in the page.
3
Example: <br>, <hr> etc.
<html>
<head>
<title>………</title>
</head>
<body>
………………………………
……………………………..
……………………………..
</body>
</html>
Link Color name/ color To specify the color of hyper link before
code clicking
4
Topmargin Number in pixel To specify top margin of page
Character Formatting:
Paragraph:
The <p> tag is used to specify the paragraph. When the user uses this tag the
computer automatically adds a blank line before and after writing a paragraph.
{Note: If no alignment is defined for the paragraph then by default the paragraph
comes on the left side.}
Example:
<html>
<head>
<title>…..</title>
</head>
<body>
<p align=”right/left/center”>
……………………………………………………
…………………………………………………..
………………..
</p>
</body>
</html>
5
Heading
Example:
<html>
<head>
<title> ….</title>
</head>
<body bgcolor=”#ccffcc” text=”red”>
<h1>…..</h1>
<h2>…..</h2>
<h3>……</h3>
<h4>…….</h4>
<h5>……..</h5>
<h6>……..</h6>
</body>
</html>
Text Formatting:
There are various types of formatting tags to display html tags in different forms
and they are as follows:
Tag Description
<b> Defines bold text
<i> Defines italicized text
<em> Defines emphasized text
6
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscript
<sup> Defines superscript
<u> Defines underlined text
<strike> Defines a strike through text
<tt> Defines teletype text
<small> Defines font size one point smaller
<big> Defines font size one point bigger
<abbr> Defines an abbreviation
<q> Defines inline quotation
<blockquote> Defines a section that is quoted from another
source
<bdo> Defines the text direction.
<dfn> Defines the definition term
<cite> Defines citation
<acronym> Defines acronym
<address> Defines an address element
<pre> Defines preformatted text
Font:
<Font> this tag is used to specify the font color, size and name.
7
Horizontal Ruler:
<Hr> tag defines a horizontal ruler. It is an empty tag. It’s attributes are:
Marquee:
<Marquee> tag is used to animate (scroll) text or image in different direction with
different behaviors.
Example:
List:
8
Lists are used to group related pieces of information together, so they are clearly
associated with each other and are easy to read. The html has three types of list:
1. Ordered list
2. Unordered list
3. Description list
Ordered list:
It is a type of list that is used to group a set of related items in a specific order. This is
defined in html by <ol>…….</ol> tag. Every item in this list begins with a sequence
number. Each item is inserted with <li>…</li> tag that creates a line break and inserts a
number at the beginning.
Unordered list:
It can be also known as bulleted list. This list groups a set of related items together but
does not list it in a particular order. It is defined by <ul>…..</ul> tag. In this list every
item begins with a bulletin mark in the beginning.
Description list:
It is a type of list that is used to display name/values pairs such as their terms and
definitions etc. This list is different from other kinds of list, as they use name and values
instead of list items. Description list is defined by <dl>….</dl> elements. The <dl> tag is
used with conjunction <dt></dt> to define names/terms and <dd></dd> to define
<terms/values>.
9
Nested list:
A nested list is a list occurring in the bound of another list nesting the new list inside the
original.
Example:<html>
<head>
<title>……</title>
</head>
<body>
<b>classification software</b>
<ol>
<li>…..</li>
<li>……</li>
</ol>
<li>……</li>
<ul type=”square”>
<li>….</li>
<li>…..</li>
</ul>
</ol>
</body>
</html>
10
Hyperlink:
Hyperlink is a component of web that is used to jump from one piece of information to
another. The piece of information can either be of the same page or on a different web
page. When the cursor is moved over to a link then the cursor turns into a small hand.
An anchor<a> element is used to define a link and its important attribute is the href that
indicates the link’s destination.
_self
_top
External link:
It is a link used to jump to different webpages or websites.
Example:
<html>
<head>
</head>
11
<body alink=”green” link=”red” vlink=”brown”>
<ul>
<li><a href=”http://www.google.com”>www.google.com</li>
</ul>
</body>
</html>
Internal link:
It is a link used to jump from one part of page to another part of the same page. For this a
location on a page is marked by using name attribute in a <a> tag.
Example:
<html>
<head>
<title> internal link</title>
</head>
<body>
<a name=”movie”></a>
<a href=”#book”>click here to go to books </a>
<pre>
Kung Fu panda
</pre>
<a name=”books”></a>
<a href=”#movie”> click here to go to movie </a>
<pre>
Fault in our stars
</pre>
</body>
</html>
Mail link:
12
It is used to link e-mail address. The value of href attribute for mail link is
mailto:emailsddress
Example:
Table:
Table is a two dimensional structure with rows and columns. <table>…….</table> tag
defines the table. In a table <tr> tag divides the table into rows ,<td> tag divides the row
in data cells and the <th> tag defines the header information of the table. To merge two or
many rows together in a table rowspan is used likewise for the column colspan is used.
Example:<html>
<head>
</head>
<body>
<table border=”1”>
<caption align=”top”>…….</caption>
<tr>
<throwspan=2>…. </th>
<throwspan=2>…..</th>
<thcolspan=2>……</th>
</tr>
<tr>
<th>…</th><th>…..</th>
</tr>
13
<tr>
<td>…..</td>
<td>…..</td>
</tr>
</table>
</body>
</html>
The <frameset> element specifies how many columns or rows there will be in the
frameset and how much %of space will each of them occupy.
Example:
<html>
<head>
<title>…</title>
</head>
<frameset rows=”…%”>
<frame src=”page1.html”>
<frame src=”page2.html”>
</frameset>
14
</frameset>
</html>
Form:
An html form is a part of webpage that includes areas where user can enter information to
be sent back to the webpage designer or any other email address that is specified on the
page. Simply it is an interface for passing data to server. It contains elements like:
1. <input>
2. <text area>
3. <select>
4. <fieldset>
Concept of css:
CSS stands for cascading style sheets that allows us to specify the style of our page
elements differently from the structure of the original document. This separation of
structure makes easy to manage and easy to change the style of the document.
Inline style:
It is the one in which an individual elements style is declared using the style attributes.
Example:
<html>
<head>
</head>
<body>
<p>…………………</p>
<p style=”font-size:20pt”>……………..</p>
15
</body>
</html>
Example:
<html>
<head>
<style type=”text/css”>
Em {background-color:#800ff; color:white}
P {font-size:36pt; color:green}
</style>
<body>
<h1 class=”blue”>….</h1>
<hr>
<p>…………………….
……………. </p>
<p class=”blue”>…………….
<em>……………………. </em></p>
</body>
16
</html>
Example:
A {text-decoration: none}
UL {margin-left: 2cm}
<html>
<head>
</head>
<body>
<ul>
<li>….. </li>
<li>…..</li>
<ul>
17
<li>…. </li>
<li>…. </li>
</ul>
</ul>
</body>
</html>
18
Chapter 3: Introduction of the Project
3.1) Introduction:
Set within 4 hectares of landscaped gardens, this stylish hotel with distant mountain views
is 4 km from central Narayanhity Palace and 7 km from Tribhuvan International Airport.
Understated rooms have a warm vibe, and come with Wi-Fi (fee), flat-screens and safes,
along with minibars, and tea and coffeemaking facilities. All include city, garden and/or
mountain views. Suites add sitting areas. Room service is available.
Amenities include an airy restaurant with floor-to-ceiling windows and terrace seating,
plus a casual bar and a tea lounge. There's also a tennis court, an outdoor pool, and a
sundeck with loungers, plus a business centre.
3.2) Scope
Webpage, linked groups of web pages, are the most widely employed method of reaching
an audience on the internet. Webpage provides the information of the organization. It
helps to save the time. Webpage provides the services to the needed parties. Large
organization can use web page to make information available to the public that used to
require printing or call centers. Webpages can be updated any time it’s needed, enabling
people with day to run online business. Webpage also saves organization money.
3.3) Limitation
Webpage with endless blocks of text and no visuals, or with no useful
information, may drive people away. Even the best design is useless until a programmer
writes the codes to create the page. This project cannot cover all the dimensions of the
study matter due to inadequate duration of the time and resources. This project cannot
provide full information about webpage designing.
19
Chapter 4: HTML Coding and Outputs
4.1) HTML Codes:
HOME PAGE
<html>
<head>
<title>HIMALAYA HOTEL</title>
</head>
<style>
h3 {color: black}
h4 {color: white}
</style>
<ul type="square">
<li><a href="niki.html">HOME</a></li>
<li><a href="dish.html">MENU</a></li>
</ul>
<center><img src="C:\Users\Dell\Desktop\hotel-vajra1.jpg"
heigth="200", width="600" alt="hotel"></center>.
20
<p>Set within 4 hectares of landscaped gardens, this stylish hotel with distant mountain
views is 4 km from central Narayanhity Palace and 7 km from Tribhuvan International
Airport.
Understated rooms have a warm vibe, and come with Wi-Fi (fee), flat-screens and safes,
along with minibars, and tea and coffeemaking facilities. All include city, garden and/or
mountain views. Suites add sitting areas. Room service is available.</p>
</body>
</html>
21
ABOUT US PAGE:
<html>
<head>
<title>HIMALAYA HOTEL</title>
</head>
<style>
h3 {color: black}
h4 {color: white}
</style>
<ul type="square">
<li><a href="niki.html">HOME</a></li>
<li><a href="dish.html">MENU</a></li>
</ul>
<center><h1>ABOUT US</h1></center>
22
<center><img src="C:\Users\Dell\Desktop\img.jpg" heigth="100",
width="400" alt="hotel"></center>
<p>Understated rooms have a warm vibe, and come with Wi-Fi (fee), flat-screens and
safes, along with minibars, and tea and coffeemaking facilities. All include city, garden
and/or mountain views. Suites add sitting areas. Room service is available.</p>
</body>
</html>
23
MENU PAGE:
<html>
<head>
<title>HIMALAYA HOTEL</title>
</head>
<body>
<style>
h3 {color: black}
h4 {color: white}
</style>
</head>
<body bgcolor="ccffcc"text="red">
<ul type="circle">
<li><a href="niki.html">HOME</a></li>
<li><a href="dish.html">MENU</a></li>
</ul>
24
<br>
<center><u><b>MENU</u></b></center>
<br>
<table border="1"align="center">
<td bgcolor="yellow">
SNACKS
</td>
<td bgcolor="yellow">
DINNERS
</td>
<td bgcolor="yellow">
DESRETS
</td>
</tr>
<tr>
<td>
Momo
</td>
<td>
Grilled Chicken
</td>
25
<td>
Jalebikulfi
</td>
</tr>
<tr>
<td>
Meatloaf
</td>
<td>
Chocolate-Mint Bars
</td>
<td>
Apple Jalebi
</td>
</tr>
<tr>
<td>
Chicken nuggets
</td>
<td>
Baked Chicken
</td>
<td>
26
Jalebicreme
</td>
</tr>
<tr>
<td>
Fish Sizzler
</td>
<td>
Salisbury Steaks.
</td>
<td>
Chocolate Drizzle
</td>
</tr>
<tr>
<td>
</td>
<td>
Pizza
</td>
<td>
27
Loft creme
</td>
</tr>
<tr>
<td>
Papad
</td>
<td>
Tacos
</td>
<td>
Bird's Custard
</td>
</tr>
<tr>
<td>
Masala Papad
</td>
<td>
Taco Salad
28
</td>
<td>
Bompas& Parr
</td>
</tr>
<tr>
<td>
Grilled Garlic
</td>
<td>
Chicken Fajitas
</td>
<td>
Butter Braid
</td>
</tr>
<tr>
<td>
Plain Peanut
</td>
<td>
29
Chicken and Dumplings
</td>
<td>
Chicoo
</td>
</tr>
<tr>
<td>
Crispy Corn
</td>
<td>
Spaghetti
</td>
<td>
Cool Whip
</td>
</tr><tr>
<td>
AlooSandheko
</td>
<td>
30
Calzones
</td>
<td>
Coppenrath
</td>
</tr>
<tr>
<td>
PiroAloo
</td>
<td>
Chicken Divan.
</td>
<td>
Cake pop
</td>
</tr>
</table>
</body>
</html>
31
CONTACT US PAGE:
<html>
<head>
<title>HIMALAYA HOTEL</title>
</head>
<style>
h3 {color: black}
h4 {color: white}
</style>
<ul type="square">
<li><a href="niki.html">HOME</a></li>
<li><a href="dish.html">MENU</a></li>
</ul>
<center><h1>HIMALAYA HOTEL</h1></center>
<center>
32
<h2>Contact Information</h2>
<hr color="Purple">
<fieldset>
</fieldset>
Comments:
<br>
<p>
</p>
</form>
</body>
</html>
33
4.2) Outputs (Screenshots)
34
35
Chapter 5: CONCLUSION:
Hence, the project work gives information about the HTML in detail and the types
of tags and the ways to use those tags. Through the help of this project we were able to
understand the meaning of HTML and the types of tags and the proper way of using those
tags to create webpage and design it in an attractive way that can catch the eye of the user
very easily.
5.2) Recommendation
After preparing this project, I got a chance to know about the concept of webpage.
So, I would like to recommends thank to all the friends, teachers and all the helping hands
for providing their supportive ideas to accomplish the project work.
References:
Internet
36
Subject Teacher
Friends
Seniors
Course book
Himalaya Hotel Pvt.Ltd
37