This document provides an overview of web pages and websites. It defines a web page as a document viewable online that can contain text, graphics, audio, video and hyperlinks. Websites are collections of web pages that are identified by a common domain name and published on a web server. The document discusses the history and types of web pages, including static and dynamic pages, and provides details on elements commonly found on web pages like logos, navigation menus, and advertisements. It also defines and provides examples of different types of websites like ecommerce, business, entertainment, and educational websites.

1. Introduction to
Webpage
Dr Pardeep Poriya (Asst.Professor)
Govt. College Sec 9,
Gurugram

2. Web Page
 web page is a document available on world wide web. Web Pages are stored
on web server and can be viewed using a web browser.
 A web page can contain huge information including text, graphics, audio,
video and hyper links. These hyper links are the link to other web pages.
 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 browser's address bar. A web page may contain text,
graphics, and hyperlink to other web pages and files.

3. First web page:
 The first web page was created at CERN by Tim Berner Lee on August 6,19911.
You can visit and browse the first website and the first web page at
the info.cern.ch

4. Types :
 Static Web Page
 Dynamic Web Page

5. Static Web page
 Static web pages are also known as flat or stationary web page. They are
loaded on the client’s browser as exactly they are stored on the web server.
Such web pages contain only static information. User can only read the
information but can’t do any modification or interact with the information.
 Static web pages are created using only HTML. Static web pages are only used
when the information is no more required to be modified.

6. Diagramme :

7. Dynamic Web page
 Dynamic web page shows different information at different point of time. It
is possible to change a portaion of a web page without loading the entire web
page. It has been made possible using Ajax technology.
 Server-side dynamic web page
 It is created by using server-side scripting. There are server-side scripting
parameters that determine how to assemble a new web page which also
include setting up of more client-side processing.

8. Diagramme :

9. Elements of a web page
 Every web page is different. However, most pages contain some or all of the
elements contained on this web page.
 The website, blog name, logo, or company name is often in the top-left
corner of each web page. The logo may also include a slogan or brief
statement about the site to give visitors an instant understanding of the site.
Also, this section of the web page is usually a link that may link back to
the homepage.
 The search allows a visitor to search a website for related information and
should be available on every page.
 The navigation bar, or menu for a web page, is often found on the top or left
side of each web page. It should include links to each of the major sections of
the website.

10. Advertisement banners can be shown in different places on a web
page and help pay for the expenses of running a website and
company. Ad banners are often found at the top, left, right, or
bottom of a page and may also be included in the content.
Social share links allow visitors to share your site with other co-
workers, friends, and family on Social Networking sites.
The breadcrumbs help the user know where they are on the website.
They also provide a way for the user to return to, or explore, other
main sections of the website

11. Website
 A website is a collection of webpages
 It is identified by a common domain Name domain name and published on at
least one webserver. Notable examples are Wikipedia.org, google.com and
amazon.com
 Websites are typically dedicated to a particular topic or purpose, such as
news, education, commerce, entertainment.

12. History
 The World Wide web (WWW) was created in 1990 by the British CERN
physicist Tim Berners-Lee.

13. Types :
 1. eCommerce Website
An eCommerce website is a website people can directly buy products from.
You’ve probably used a number of eCommerce websites before, most big brands
and plenty of smaller ones have one. Any website that includes a shopping cart
and a way for you to provide credit card information to make a purchase falls
into this category.
 2. Business Website
A business website is any website that’s devoted to representing a specific
business. It should be branded like the business (the same logo and positioning)
and communicate the types of products and/or services the business offers.

14. Entertainment and Portfolia
 3. Entertainment Website
If you think about your internet browsing habits, you can probably think of a few
websites that you visit purely for entertainment purposes. They could be humor
websites like The Onion, webcomics like xkcd, or just websites with fun or
interesting content like Buzzfeed
 4. Portfolio Website
Portfolio websites are sites devoted to showing examples of past work. Service
providers who want to show potential clients the quality of the work they provide
can use a portfolio website to collect some of the best samples of past work
they’ve done. This type of website is simpler to build than a business website
and more focused on a particular task: collecting work samples.

15. Media and Website
 5. Media Website
Media websites collect news stories or other reporting. There’s some overlap
here with entertainment websites, but media websites are more likely to include
reported pieces in addition to or instead of content meant purely for
entertainment. This category includes sites like the Washington Post website,
Slate, and Inc
 6. Brochure Website
Brochure websites are a simplified form of business websites. For businesses that
know they need an online presence, but don’t want to invest a lot into it (maybe
you’re confident you’ll continue to get most of your business from other
sources), a simple brochure site that includes just a few pages that lay out the
basics of what you do and provide contact information may be enough for you

16. Non-profit and Education
 7. Non-profit Website
In the same way that businesses need websites to be their online presence, non-
profits do as well. A non-profit website is the easiest way for many potential
donors to make donations and will be the first place many people look to learn
more about a non-profit and determine if they want to support it.
 8. Educational Website
The websites of educational institutions and those offering online courses fall
into the category of educational websites. These websites have the primary goal
of either providing educational materials to visitors, or providing information on
an educational institution to them.
 And the list is too long……………

17. Key Difference
 A website refers to a central location that contains more than one web page
or a series of web pages. For example, Computer Hope is considered a
website, which contains thousands of different web pages, including the page
you're reading now

18. Thank you
 Please follow me on like and subscribe
https://www.facebook.com/drpardeepporiya/
https://www.youtube.com/channel/UCMtnSh1GsAGJBfir23BVzaA
https://www2.slideshare.net/PardeepPoriya