West Point (H.

) School & +2 College

Thankot, Kathmandu

As per the requirement of NEB Examination of Grade XI

Computer Science Project Work Based on Web Page Designing

Submitted by:
Mr. Surya Bahadur Mahara
Grade XI
Roll no: 07
Subject: Computer Science
Management Stream

Submitted to:
Mr. Sunny Kapali
Computer Science Department
West Point (H.) School
Thankot, Kathmandu

May,2021

1
 ACKNOWLEDGEMENT

I would like to express my special thanks of gratitude to my teacher, Sunny Kapali

who gave me the golden opportunity to do this wonderful project on the topic of
Web designing which also helped me in doing a lot of Research and i came to know
about so many new things I am really thankful to them.

This project has helped a lot to grow in the respective field and tackle with the
problems. So, I really want to thank Mr Sunny Kapali to support me and make me
capable to perform this project.

Surya

2
 Objectives of the project

 To know the practical implementation of HTML tags,

 To have idea about CSS,
 To know about web page related terms,
 To know how to perform documentation of the project.

3
Table of Contents
Chapter 1 ....................................................................................................................................... 5
Web technology............................................................................................................................. 5
Internet: ..................................................................................................................................... 5
WWW: ...................................................................................................................................... 5
Email: ........................................................................................................................................ 5
Web page:.................................................................................................................................. 6
Web server: ............................................................................................................................... 6
Web browser: ............................................................................................................................ 6
Search engine: ........................................................................................................................... 6
Domain name: ........................................................................................................................... 6
Chapter 2 ....................................................................................................................................... 7
Introduction about my web page ................................................................................................... 7
Chapter 3 ....................................................................................................................................... 8
Structure of the web page .............................................................................................................. 8
Chapter 4 HTML and CSS codes ............................................................................................... 10
Idex.html ................................................................................................................................. 10
symptoms.html ........................................................................................................................ 12
Prevention.html ....................................................................................................................... 14
Style.css ................................................................................................................................... 16
Index.html with CSS ............................................................................................................... 18
Symptoms.html with CSS ....................................................................................................... 19
Prevention.html with CSS ....................................................................................................... 20
Chapter 5 ..................................................................................................................................... 21
Conclusion ................................................................................................................................... 21
Chapter 6 ..................................................................................................................................... 22
References ................................................................................................................................... 22
Web references ........................................................................................................................ 22

4
 Chapter 1
Web technology

Web technology refers to the means by which computers communicate with each
other using markup languages and multimedia packages. It gives us a way to
interact with hosted information, like websites. Web technology involves the use
of hypertext markup language (HTML) and cascading style sheets (CSS)
Some terms related to it:-

Internet:
The Internet (or internet) is the global system of interconnected computer
networks that uses the Internet protocol suite (TCP/IP) to communicate between
networks and devices. It is a network of networks that consists of private, public,
academic, business, and government networks of local to global scope, linked by a
broad array of electronic, wireless, and optical networking technologies. The
Internet carries a vast range of information resources and services, such as the
inter-linked hypertext documents and applications of the World Wide Web
(WWW), electronic mail, telephony, and file sharing.

WWW:
The World Wide Web (WWW), commonly known as the Web, is an information
system where documents and other web resources are identified by Uniform
Resource Locators (URLs, such as https://example.com/), which may be
interlinked by hyperlinks, and are accessible over the Internet. The resources of
the Web are transferred via the Hypertext Transfer Protocol (HTTP), may be
accessed by users by a software application called a web browser, and are
published by a software application called a web server. The World Wide Web is
not synonymous with the Internet, which pre-dated the Web in some form by over
two decades and upon which technologies the Web is built.

Email:
Electronic mail (email or e-mail) is a method of exchanging messages ("mail")
between people using electronic devices. Email entered limited use in the 1960s,
but users could only send to users of the same computer, and some early email
systems required the author and the recipient to both be online simultaneously,
similar to instant messaging. Ray Tomlinson is credited as the inventor of email; in
1971, he developed the first system able to send mail between users on different
hosts across the ARPANET. By the mid-1970s, this was the form recognized as
email.

5
Web page:
A web page or webpage is a document, commonly written in HTML, that is
viewed in an Internet browser. A web page can be accessed by entering a URL
address into a browsers address bar. A web page may contain text, graphics, and
hyperlinks to other web pages and files.

Web server:
A web server is computer software and underlying hardware that accepts requests
via HTTP, the network protocol created to distribute web pages, or its secure
variant HTTPS. A user agent, commonly a web browser or web crawler, initiates
communication by making a request for a specific resource using HTTP, and the
server responds with the content of that resource or an error message. The server
can also accept and store resources sent from the user agent if configured to do so.

Web browser:
A web browser (commonly referred to as a browser) is application software for
accessing the World Wide Web. When a user requests a web page from a
particular website, the web browser retrieves the necessary content from a web
server and then displays the page on the user's device.

Search engine:
A search engine is a software system that is designed to carry out web searches
(Internet searches), which means to search the World Wide Web in a systematic
way for particular information specified in a textual web search query. The search
results are generally presented in a line of results, often referred to as search engine
results pages (SERPs) The information may be a mix of links to web pages, images,
videos, infographics, articles, research papers, and other types of files.

Domain name:
A domain name is an identification string that defines a realm of administrative
autonomy, authority or control within the Internet. Domain names are used in
various networking contexts and for application-specific naming and addressing
purposes. In general, a domain name identifies a network domain, or it represents an
Internet Protocol (IP) resource, such as a personal computer used to access the
Internet, a server computer hosting a website, or the web site itself or any other
service communicated via the Internet.

6
 Chapter 2
Introduction about my web page

My web page’s topic- Corona Virus (Covid-19).

Coronavirus is a novel microorganism that causes respiratory illness in hosts. This is
the major health problem faced by public around the world. That’s why it is indicated
as global pandemic. The virus infects usually human beings. The clinical picture of
disease is indicated in the article. The genome of this virus is similar to other members
of family. If the patient is left untreated the death usually occurs in
immunocompromised individuals.

This is the very first website of mine. It talks about the present corona virus and its
symptoms and prevention. This topic seems quite sensitive and is worldwide
famous. In my website, there are three sections. They are Home, Symptoms and
Prevention. With the help of HTML tags, the website was prepared and with the
help of CSS, attractiveness was added to my website.
Hope you’ll get the information.

7
 Chapter 3
Structure of the web page

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-eidth, initial-scale=1.0">
<title> Document </title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container">
<header>

8
 </header>
<nav> </nav>
<main>
This is main part
</main>

<div class="clr"></div>
<footer>
This is footer.
</footer>

</div>
</body>
</html>

<! DOCTYPE html>: This shows that our webpage is created using html.
<head> </head> : It contains the collection of meta data for the document.
<body> </body> : Represents the contents of the documents.
<main> </main> : Main content of the body is included here.

9
 Chapter 4
HTML and CSS
codes

Idex.html

10
Without CSS

11
symptoms.html

12
Without CSS

13
Prevention.html

14
Without CSS

15
Style.css

16
17
Index.html with CSS

18
Symptoms.html with CSS

19
Prevention.html with CSS

20
 Chapter 5
Conclusion

Hereby after the completion of this project, I am able to create a web page and
design it at my own will. As a part of study and project work provided by our
respective subject teacher, we were supposed to create the web page and design
it with the help of HTML and CSS. The support from him and with the help of
text books, I was able to create an average website divided into three sections.
In the near future, I would be looking forward to create and design an excellent
website .Shortly, I learnt the basics of web designing. I found it quite difficult at
first but it became somehow similar and easy for me with the regular practice.

21
 Chapter 6
References

Web references
 Computer Book
 https://en.wikipedia.org/
 https://www.google.com/
 https://techleader.pro/
 https://www.shutterstock.com/

22
23