You are on page 1of 17

ADVANCED WEBPAGE RESEARCH

What is a Webpage?
A webpage is a document written in HTML and can be viewed on any web browser. It is
contained within the web server, which can be accessed by entering the URL for that
web page, and once it is loaded, it appears on the user's web browser. Each webpage is
linked with a unique URL; hence two pages cannot have the same URL.

A webpage may contain text, links for other pages, graphics, videos, etc. Moreover, it
is mainly used to provide information to the user in text, images, etc.

A webpage is a part of a website; it means a website contains different web pages. Such


as javaTpoint.com is a website, and the page currently you are accessing is the
webpage. It can be understood as an example of a book. So, a Website is like a
complete book, and a webpage is like a page of that book.

The WWW or Internet contains millions of web pages, and daily, a lot is being added.
Tim Berners-Lee developed the first webpage.

Let's understand some basic terms that are used with Webpage:

o WebSite: A website is a collection of several web pages. These pages are linked
together with hyperlinks. A website has a unique domain name, and we can
access it by entering that domain name in the URL.
ADVANCED WEBPAGE RESEARCH
o Search Engine: A search engine is an internet service that helps users find any
information available on the internet. Some examples of search engines
are Google, Yahoo, Bing, It is usually accessed with the help of Web browser.
o Web Browser: A web browser or simply browser is application software used to
access the internet. Some examples of Web browsers are Google Chrome,
Microsoft Internet Explorer, Safari, etc. It does two things:
o It connects to a web server on the internet and requests a page that the
user wants to view; once it finds that page, it displays it on its device.
o It can interpret the set of HTML tags within a page to display the page in
the correct format.
o Webserver: A web server can be understood as a computer that hosts or provide
a website on the internet. It contains webserver software and component files of
a website such as HTML document, images, CSS stylesheet, and JS files.

Note: For practice, you can create web pages on your own without the need for a web
server, and your browser will display those pages on your machine only.

o HTML: HTML is an abbreviation of Hyper-Text Markup Language. A markup


language is a computer language that specifies how a page should be formatted.
With the help of HTML, one can specify fonts, colors, images, headings, and
everything that he wants to display on a page displayed by the browser.

Note: A web browser can also display other documents such as a PDF document or
images, but only an HTML document is referred to as Web page.

Characteristics of a Web Page


Following are some characteristics of a Web page:

o A simple webpage can be created very quickly.


o It takes very little time to create a webpage compared to a Website.
o A web page and a website should be compatible with any device, such as Mobile,
Desktop, Laptop, etc.
o The search engine provides a web page through a link, and when a user clicks on
that link, it is redirected to the webpage of a website.
o A webpage can have any type of information including videos, and audios.
o It can be made up of only HTML(Hypertext Markup Language), or CSS, or
JavaScript for dynamic and attractive behavior.
ADVANCED WEBPAGE RESEARCH
Difference between a Webpage and a Website

Website Webpage

A website is a collection of different web pages A webpage is a single hypertext document.


that are linked together with hyperlinks.

It consists of more than one webpage. It is a single document that is displayed on the
user's browser.

To develop a website, developers need more skills To develop a webpage, developers need basic
and more time compared to a webpage. HTML knowledge and less time.

A website is accessed through its domain name, A webpage is accessed through a unique URL
and it does not include any extension in the URL. with some extension.

It can contain information for different entities, It can contain information for a single entity,
such as Javatpoint.com, which contains information such as currently viewing a web page containing
about different technologies. information about this page only.

It is a little challenging to create a perfect website It is very simple to create a webpage.


and requires lots of programming.

Some examples of the website are Javatpoint.com, Some examples of Webpages are the currently
Amazon.com, etc. viewing page, contact page, registration page,
the home page, etc.

Since both Websites and Web pages are related to each other, some users may use
them interchangeably, but they are much different from each other. The basic difference
between them is that webpage is a single web document, whereas a Website is a
collection of different web pages. Here are some more differences between both of
them:

Note: The terms Webpage and Web page are the same, and both are technically correct.
However, most style guides suggest using a Webpage instead of a Web page.

How does a Web Page Work?


A simple web page is created using HTML, which is a markup language. However, we
can also use CSS and JavaScript to add more functionalities and make it more attractive.

It is created using HTML, hence containing different markup tags that specify how the
data should be formatted on screen.
ADVANCED WEBPAGE RESEARCH
The webpage is contained within the webserver. To load this webpage, a client sends
the request to the server, and generally, the browser is known as the client, which can
request the page on the internet.

The web browser requests the page on the internet. Once it is responded to by the
server, the browser interprets the markup tags and displays them on the user's screen in
the correct format.

The browser sends the request for a page or a file via an HTTP request. The HTTP is
the Hypertext Transfer Protocol, a network protocol that allows transferring
hypermedia documents over the internet between a browser and server.

Once the request reaches the server, the HTTP server accepts the request, finds the
requested page, and sends it back to the browser through the HTTP response. If a
server is unable to find the requested page, it returns a 404 response.

Elements of a Webpage
The main element of the webpage is a text file composed of HTML. Apart from this, a
webpage can also have the following elements:

o CSS: The CSS code is used to make the page more interactive and control its look
and feel.
o Scripts: The JavaScript code is included in a webpage to add interactivity to the
page and add more functionalities to it.
o Media: It is used to include media components such as audio, video, and images.

Although every web page is different from another web, some components are common
to almost all the pages. Some of these components are given below; you can also relate
these elements by the given image:
ADVANCED WEBPAGE RESEARCH

1. Name of the Website: Each webpage includes the name of the website or


company, or blog to which it is attached. The name of the website and the logo
are mostly situated at the top-left corner of the page. The logo may also contain
a slogan of the site or a brief introduction to the site so that visitors can quickly
identify what this site is about. It is one of the important components of the
webpage.
The website's name also has a link that can redirect to the home page of that
site. The name of the website usually includes at the header of the page.
2. Search bar: A search bar is also an important component that should present on
each page of a website or blog. The search blog allows the visitor to search
related information on that website.
3. Navigation Bar: A navigation bar is a component of a webpage that contains
links to some important sections of the website. It helps the visitors to easily
traverse some major sections of the website. It is placed mainly on the top of the
web page or the left side of the page. When the user clicks on any link given in
the navigation bar, it redirects to the page.
ADVANCED WEBPAGE RESEARCH
4. Heading of the page: Heading of the page tells the main information about the
page, i.e., what this is all about. The heading is available on the top of the page,
and it is included with the help of the <h1> tag of HTML.
5. Content of the Page: The content of the page means the information of the
page. As you are visiting this page and reading this information, all the
information contained within this page is known as the page's content. It may
contain below sub-elements:
o Paragraphs: A webpage can have different paragraphs as per their length.
The opening paragraph is crucial on the whole page, as it draws the
attention of the visitor. If the first paragraph is not interesting and not
related to the topic, a user may leave the page immediately. To create
a paragraph <P> tag is used in HTML.
o Subheadings: A page may have different subheadings as per the topic,
whether related to information about something or a website's web page.
In HTML from <H2> to <H6> tags are used for including subheadings.
Each page should be divided into different subheadings to make it easier
for the users to read and understand.
o Images: Each webpage contains images to make its content more
attractive. To include an image, <img> tag is used in HTML.
6. Feedback or Comment form: Different websites include a Feedback or
Comment form on each webpage. It is used to know the visitor's views about the
information of that page and any other feedback for the page or site. It lets to
know the creator of the page that if the information is helpful or not.
7. Social Share links: Social share links allow the visitors to share that webpage
with their friends on different social sites such as Facebook, Linked In, Twitter, etc.
8. Copyright Info: Each webpage must have Copyright information along with
Privacy Policy. This information is available at the end of the page or on the
footer of the page.
9. Go to Top: On most of the pages, a Back to Top button or link is available. This
option helps the users to return to the upper section of the page.
10. Advertisement Banner: Whenever you visit any good website, you see different
advertisement banners on each site's page. These banners are used to displays
ads in different places on a page. These banners are used to provide monitory
benefits to the owner of the website.
ADVANCED WEBPAGE RESEARCH
11. Previous and Next buttons or links: On most of the pages, previous and Next
buttons are available that help the user easily navigate to the previous and next
page related to the topic. A page can also have links to other pages.
12. Company Info: On the footer of the page, there is a brief introduction about the
company or website of that page. By this, visitors get to know about the
company and can build trust in it.

There can also be some additional information and tools such as a button to print the
page that can also be helpful for users.

Types of a Web page


There are mainly two types of a Web page based on functionality:

o Static Webpage
o Dynamic Webpage

Static Webpage
Static webpages are those webpages that cannot be modified or altered by the client.
These are also known as stationary or flat web pages. They are displayed on the client's
browser in the same format and manner as they are saved in the webserver. Users can
only load the page and read the information but cannot perform any change on the
page.

A static webpage is generally made up of HTML and CSS only.

Dynamic Webpage
As the name suggests, Dynamic webpages are dynamic, which means it shows different
information at different point of time.

The dynamic webpage shows different content each time it is viewed. There are two
types of Dynamic web pages, which are:

o Server-Side Dynamic Webpage: These web pages are created using Server-side


scripting. These pages are changed when they are visited or viewed. Some
examples of server-side pages are login pages, submission forms, shopping
carts, etc. Various scripting languages such as PHP, ASP.Net, JSP, etc., can be
used for server-side scripting.
ADVANCED WEBPAGE RESEARCH
o Client-side Dynamic Webpage: These web pages are created using Client-side
scripting. These pages get changed in response to actions that occur within that
page, such as mouse or keyboard action. Scripting languages such as JavaScript,
Dart, etc., can be used for client-Side scripting.

Note: Scripting languages are programming languages that allow us to write programs in
the form of scripts, and these are interpreted, not compiled.

Apart from these two Webpages, there are some examples of common web pages that
can be found on most of the websites, and these are as follow:

o Home Page: The home page of any website is one of the most important pages.
It is called a home page because this is like a starting point from where users can
go anywhere on that website. This page usually contains links to the important
zones of the site. It can also be known as the index page.
o Feed Page: The feed page is usually found in those websites that update content.
It is used to provide information to users for the latest information that has been
updated.
o Menu Page: The menu page is created to accomplish the navigation goal. The
page contains a collection of different links that give access to different
categories and zones.
o About-us Page: This page contains brief information and details of the company,
product, or website. It allows the visitors to know the details of the website that
they are using.
o Registration Page: The registration page allows users to create an account by
signing up, and hence they can create a personalized account. It helps the
company to know the visitor and provide personalized offers and deals to them.
o Contacts Page: This is a simple page made for the visitors to contact the website
owner. For any issue or any feedback, users can use this page.
o Landing Page: This is one of the special types of a Web page used as a core part
of a website or as an individual page. The main aim of creating this page is to
convert the visitors into the lead. It represents clear and focused content on a
specific goal.
ADVANCED WEBPAGE RESEARCH
How to Create a Simple Webpage?
Creating a simple webpage is very easy; anyone with basic knowledge of computers and
HTML can create it. But before creating a webpage, you should be aware of the below
points:

o A simple webpage can be created using HTML code only. Such pages are simple
but not interactive and have very few functionalities.
o To make your webpage interactive and add functionality, you need to learn and
use scripting languages, such as PHP, Python, etc.
o A web page can also be created using Notepad, but it is recommended to use
IDEs for advanced uses such as Atom, Sublime Text editor, PyCharm,

Follow the below steps to create your webpage:

1. Open the Notepad application on your computer.


2. Write Below code on it.

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4. <title>Your title goes here</title>  
5. </head>  
6. <body bgcolor="white" text="red">  
7. <h1>first Web page</h1>  
8. <p>This is my first web page!</p>  
9. </body>  
10. </html>  

In the above code, the following tags are used:

o <!DOCTYPE html>: It is used for document type declaration, which means which
version of HTML you are using. It indicates the browser that which language it is
supposed to interpret.
o <html>: it indicates the start and of the HTML code.
o <head>: It can have different types of information such as title, meta tag, etc.;
this information will not appear on the webpage.
ADVANCED WEBPAGE RESEARCH
o <body>: This tag contains other tags on the webpage, and users can see them.
In above code, we have included <h1> heading tag and <p> paragraph tags.

Note: It is important to end each tag in html, and put all the tags either in upper case or
lower case. However, a lower case is recommended.

3. Save the file with any name and .html extension. For example, save it
with html name.
4. Go to the saved file (web.html), double click or right-click and run it.
5. It will open on your default browser and will display the below output:

You can also add more tags for different elements, such as add images, background
images, border, table, table, etc., using HTML. You can learn all these from here.

Note: This webpage is local to your machine only, and only you can see this on your
browser. To view this on the internet, you need to first publish it.

After creating the page, you can also make changes in your file through the editor. Just
make the change, save the file again, and reload the page; those changes will appear on
the screen.

Difference between Internet and Intranet


Almost everyone is using the Internet in this technological era. But when it comes to
distinguishing the Internet and the Intranet, most people get confused because both the
terms seem almost similar in words. Although there is just a difference of one alphabet
in their terms, they have many noticeable differences in general.
ADVANCED WEBPAGE RESEARCH

In this article, we are discussing the significant differences between the Internet and the
Intranet, which will help understand the requirements of both. This will also help us
decide which one of them we need for personal use and commercial use. Let's first
understand both with the definitions:

What is the Internet?


The Internet

is a global network that uses TCP / IP

protocols to connect millions of computers worldwide. It can include different networks, such as private,
public, organizational, academic, government, etc. It allows users to communicate with each other and
share massive amounts of data in various formats. Internet is available in both modes, wired and
wireless. In wired mode, the data travels through fiber optic cables, whereas in wireless mode, the data
travels through radio waves.

Some of the essential applications of the Internet are listed below:

o File sharing
o Downloading media files and software
o Sending and receiving emails
o Browsing any information
o Using social media platforms, forums, and communities
o E-Commerce, bill payments, online purchasing of food and medicines
ADVANCED WEBPAGE RESEARCH
o Voice Calls, Video Conferencing, and Chatting with friends, family members, and
colleagues

How does the Internet work?


The internet is a network created by connecting a large number of computers or
computer networks. It is a type of network that cannot be owned by an entity. It is
formed using networks of networks configured using complex standards and rules (such
as protocols). The Internet works through a packet routing network following the
protocols, where the packet routing is the technique of routing data packets from
source computer to a destination computer.

However, there are several protocols; the transmission and internet protocols are the
primary impelling agents that help build the Internet network. The other common
protocols used by the connected networks are HTTP

, FTP

, and SMTP

. Besides, the protocols and applications like Telnet, Gopher, WWW

, Usenet News, Internet Relay Chat, etc. are also used throughout the working of the Internet.

Advantages of Internet
Few advantages of the Internet are listed below:

o The Internet establishes a network of devices from different locations all around the
world.
o It allows people to communicate easily from any location worldwide.
o The Internet is helping people to get information easily on different topics.
o It keeps the people updated on what's happening worldwide with the latest news and
technologies.
o It connects people through communities, forums, social networking sites and helps them
work together digitally.
o The Internet has made selling and purchasing of products and services easier.
o The Internet is the best platform for people to show their talent, such as singing,
dancing, drawing, etc.
ADVANCED WEBPAGE RESEARCH
What is Intranet?
An Intranet

is a part of the Internet and is owned and used privately by an organization. It is mainly used to connect
all the computers and establish a private network of an organization to provide employees the ability to
collaborate on projects, manage or update information, share calendars, and to-do list, etc.
Organizations prefer using Intranet to keep their data inaccessible from outsiders, making their
suspicious data and project information secure. Intranet includes a firewall to prevent unauthorized
users from accessing the network.

The websites created over Intranet look almost similar and act like any other website on
the Internet. However, these websites are much more task-oriented than promotional
design websites on the Internet. Like the Internet, the intranet's websites can also
provide the interface to form communication in the shape of chatting, image sharing,
audio-video conferencing, etc. All these activities can only be used by authorized users
who have permission to access the Intranet network.

Some other essential applications of the Intranet are listed below:

o Sharing the updates regarding the company's rules and regulations


o Accessing employees details
o Onboarding of employees and customer details
o Sharing project details
o Submission of projects and reports
o Submitting feedback or complaints
o Corporate telephone directories

How does Intranet work?


Intranet usually runs in a client/server environment where the computers are connected
using local area networks. Each computer is identified by the MAC address or an IP

address, which remains unique for every computer. As an Internet, the Intranet also uses the client-
server model based on the TCP

/ IP protocol suite. Because web browsers do not depend on the platform, they are also used on Intranet
to access and retrieve information from the server within the organization. Besides, there is no need to
install any special kind of software on the systems on the Intranet. But most companies use customized
software designed purposely for company-specific tasks.

In addition to the protocols, Intranet uses a firewall to filter unwanted elements to the
network and protects it from external intruders. It also includes network connectivity
ADVANCED WEBPAGE RESEARCH
and the public telecommunication system, which help access and share the company's
data, projects, and operations securely with the staff.

Advantages of Intranet
Few advantages of the Intranet are listed below:

o The intranet is helping organizations to access internal and external information securely.
o The intranet is fast, easy-to-use, and low-cost to implement.
o It enables employees to connect with other systems throughout the organization.
o The intranet is based on open standards.
o It has added improved communication and enhanced productivity to the operational
business processes.
o It encourages collaboration and reduces the error rate.
o It helps cut down the administration and the processing time.

Key Differences between Internet and Intranet


Few key differences between the Internet and the Intranet are listed below:

o The Internet is a global system of computer networks available for everyone, whereas
Intranet is a network of computers owned by any organization for a certain group of
people.
o The Internet is a public network, while Intranet is a private network.
o The total number of users using the Internet is very high, whereas total users on Intranet
are limited.
o Information on the Internet is broad that involves almost every topic, category and field.
In contrast, Intranet includes limited information that refers to any group or organization,
such as the company's databases.
o The Internet can be accessed and used by anyone, whereas the Intranet is limited to
organization employees or admin with login details.
o The Internet is a public network that is not considered safe, while the Intranet is a safer
network.
o The intranet is usually owned by a firm, institution, or organization, but any single person
or an organization does not own the internet.
ADVANCED WEBPAGE RESEARCH
Major Differences between Internet and Intranet
The other major differences between the Internet and the Intranet can be explained in a
tabulated form, as below:

Attributes Internet Intranet

Definition The Internet is a network An Intranet is a private network of computers designed


of several computers for a certain group of people and owned by a particular
connected worldwide firm or organization. It can include several local area
using the Internet protocol networks and also uses leased lines in the wide-area
suite (TCP/ IP). network.

Users As stated above, the Because of a limited range, the total numbers of users
Internet is a globally on Intranet are limited. When compared to the Internet,
connected network; users' Intranet has very few users.
number is comparatively
much higher than Intranet.

Accessibility Anyone can access and Only certain people are authorized to use Intranet
use it. because it is a company's internal network, so accessible
by the employees or admin who have login credentials.

Type of The Internet is a type of The intranet is a type of private network installed mainly
Network public network. for any organization operations.

Security Because the internet is a Due to limited access, there is no such possibility or very
public network, it is a less possibility of cyber threats in Intranet, making it
considerably less secure more secure compared to that of the Internet.
network. Cybercriminals
usually target people
using the Internet.

Information Due to a wider range, the The intranet is limited to group-specific information.
and Data availability of information That means the Intranet information and data are limited
and the data is unlimited. to any specific company's records, operations, inventory,
People are free to use the etc. In this case, only certain people with admin
Internet and their privileges are allowed to add or modify the information.
knowledge. That is why
more and more data is
being added to different
ADVANCED WEBPAGE RESEARCH
fields on the Internet
regularly.

Traffic Due to a higher number of Intranet has limited users, and so visitor's traffic is
users and a public limited and comparatively less than the Internet. In the
network, the total visitor's case of Intranet, traffic is countable.
traffic very high. It is
almost uncountable.

Characteristic The Internet includes The intranet is like a subset of the Internet. Intranet can
several intranets. only be used using the Internet but with certain
restrictions and security practices.

Web Browser is a software which is used to browse and display pages available over
internet whereas web server is a software which provides these documents when
requested by web browsers.
Following are the important differences between Web Browser and Web Server.

Sr. Key Web Browser Web Server


No.

Purpose Web Browser is a Web server is a software which


software which is used to provides these documents when
1 browse and display requested by web browsers.
pages available over
internet.

Process A web browser sends Web server sees and approves


request to server for web those requests made by web
2
based documents and browsers and sends the document in
services. response.

Process Web browser sends an Web server receives HTTP Request


3 HTTP Request and gets and sends a HTTP Response.
a HTTP Response.

Processing Web browser has no Web server follows three major


4 Model processing model. processing models: process based,
thread based or hybrid.
ADVANCED WEBPAGE RESEARCH
Sr. Key Web Browser Web Server
No.

Data Web browsers stores Web server provide an area to store


5 Storage user data in cookies in the website.
local machine.

Installation Web Browser is installed Web server can be installed any


6 on user's machine. where but it need to be on a network
or on local computer.

7 Example Google Chrome Apache Server

What is Ecommerce?
Ecommerce, also known as electronic commerce or internet commerce, refers
to the buying and selling of goods or services using the internet, and the
transfer of money and data to execute these transactions. Ecommerce is often
used to refer to the sale of physical products online, but it can also describe
any kind of commercial transaction that is facilitated through the internet.

Whereas e-business refers to all aspects of operating an online business,


ecommerce refers specifically to the transaction of goods and services.

The history of ecommerce begins with the first ever online sale: on the August
11, 1994 a man sold a CD by the band Sting to his friend through his website
NetMarket, an American retail platform. This is the first example of a
consumer purchasing a product from a business through the World Wide Web
—or “ecommerce” as we commonly know it today.

Since then, ecommerce has evolved to make products easier to discover and
purchase through online retailers and marketplaces.  Independent freelancers,
small businesses, and large corporations have all benefited from ecommerce,
which enables them to sell their goods and services at a scale that was not
possible with traditional offline retail.

You might also like