World Wide Web
World Wide Web
The World Wide Web (WWW), often called the Web, is a system of interconnected
webpages and information that you can access using the Internet. It was created to
help people share and find information easily, using links that connect different pages
together. The Web allows us to browse websites, watch videos, shop online, and
connect with others around the world through our computers and phones.
All public websites or web pages that people may access on their local computers
and other devices through the internet are collectively known as the World Wide Web
or W3. Users can get further information by navigating to links interconnecting these
pages and documents. This data may be presented in text, picture, audio, or video
formats on the internet.
What is WWW?
WWW stands for World Wide Web and is commonly known as the Web. The WWW
was started by CERN in 1989. WWW is defined as the collection of different
websites around the world, containing different information shared via local
servers(or computers).
Web pages are linked together using hyperlinks which are HTML-formatted and, also
referred to as hypertext, these are the fundamental units of the Internet and are
accessed through Hypertext Transfer Protocol(HTTP). Such digital connections, or
links, allow users to easily access desired information by connecting relevant pieces
of information. The benefit of hypertext is it allows you to pick a word or phrase from
the text and click on other sites that have more information about it.
System Architecture
From the user’s point of view, the web consists of a vast,
worldwide connection of documents or web pages. Each page
may contain links to other pages anywhere in the world. The
pages can be retrieved and viewed by using browsers of which
internet explorer, Netscape Navigator, Google Chrome, etc are
the popular ones. The browser fetches the page requested
interprets the text and formatting commands on it, and displays
the page, properly formatted, on the screen.
The basic model of how the web works are shown in the figure
below. Here the browser is displaying a web page on the client
machine. When the user clicks on a line of text that is linked to
a page on the abd.com server, the browser follows the
hyperlink by sending a message to the abd.com server asking it
for the page.
Web Browser Evolution and the Growth of the World Wide Web
In the early 1990s, Tim Berners-Lee and his team created a basic text web browser. It was
the release of the more user-friendly Mosaic browser in 1993 that really sparked widespread
interest in the World Wide Web (WWW). Mosaic had a clickable interface similar to what
people were already familiar with on personal computers, which made it easier for everyone
to use the internet.
Mosaic was developed by Marc Andreessen and others in the United States. They later
made Netscape Navigator, which became the most popular browser in 1994. Microsoft’s
Internet Explorer took over in 1995 and held the top spot for many years. Mozilla Firefox
came out in 2004, followed by Google Chrome in 2008, both challenging IE’s dominance. In
2015, Microsoft replaced Internet Explorer with Microsoft Edge.
A webpage
is a digital document that is linked to the World Wide Web and viewable by anyone
connected to the internet having a web browser. It can contain any type of information, such
as text, color, graphics, animations, videos, sounds, etc.
A webpage is a document that is written in the HTML, it can be viewed from the Internet. It
can be accessed by entering the URL on the address bar of the web browser.
Components of a Webpage : As you already know that a webpage is a digital document
containing information in digital form, still we are asking this question – What does it contain
or what are its compositions? Well, this question can be answered in more than one way :
Components of a webpage, Content wise
Components of a webpage, Structure Wise
ContentWise :
Content-wise the components of a webpage are: Hypertext and Hyperlinks
Hypertext :
It refers to a digital text, which is more than just text as it can include information in various
media formats such as :
text
color
graphic
animation
video
sound
hyperlinks
Hyperlinks :It refers to a link from a hypertext file to another such file. A hyperlink can be in
the form of a graphic or text, upon clicking where the linked document opens up.
Structure Wise :
Structure wise the components of a web page are :
1. Page Title –
This is a single line text which is displayed on the title bar of the
browser displaying web page.
2. Header –
This is generally a one or two line text (sometimes a
graphics/image) defining the purpose of the web page. It is
displayed at the top of the web page, below the address bar of the
browser.
3. Body of the Web page –
This is the section below the header of the web page and it
contains the actual content of the web page.
4. Navigational Links –
These are the hyperlinks placed on the web page using which you
can move the linked web pages/documents.
5. Footer –
This is the bottom section of the web page. This is the section
where usually the copyright notice, website contact information,
etc. is put.
Web Server and Its Type
Web Server: Web server is a program which processes the network
requests of the users and serves them with files that create web
pages. This exchange takes place using Hypertext Transfer Protocol
(HTTP).
Basically, web servers are computers used to store HTTP files which
makes a website and when a client requests a certain website, it
delivers the requested website to the client. For example, you want to
open Facebook on your laptop and enter the URL in the search bar of
google. Now, the laptop will send an HTTP request to view the
facebook webpage to another computer known as the webserver.
This computer (webserver) contains all the files (usually in HTTP
format) which make up the website like text, images, gif files, etc.
After processing the request, the webserver will send the requested
website-related files to your computer and then you can reach the
website.
Different websites can be stored on the same or different web servers
but that doesn’t affect the actual website that you are seeing in your
computer. The web server can be any software or hardware but is
usually a software running on a computer. One web server can
handle multiple users at any given time which is a necessity
otherwise there had to be a web server for each user and considering
the current world population, is nearly close to impossible. A web
server is never disconnected from the internet because if it was, then
it won’t be able to receive any requests, and therefore cannot process
them.
Apache HTTP server: It is the most popular web server and about 60
percent of the world’s web server machines run this web server. The Apache HTTP
web server was developed by the Apache Software Foundation. It is an open-source
software which means that we can access and make changes to its code and mold it
according to our preference. The Apache Web Server can be installed and operated
easily on almost all operating systems like Linux, MacOS, Windows, etc.
Microsoft Internet Information Services (IIS): IIS (Internet Information Services) is
a high performing web server developed by Microsoft. It is strongly united with the
operating system and is therefore relatively easier to administer. It is developed by
Microsoft, it has a good customer support system which is easier to access if we
encounter any issue with the server. It has all the features of the Apache HTTP
Server except that it is not an open-source software and therefore its code is
inaccessible which means that we cannot make changes in the code to suit our
needs. It can be easily installed in any Windows device.
Lighttpd: Lighttpd is pronounced as ‘Lightly’. It currently runs about 0.1 percent of
the world’s websites. Lighttpd has a small CPU load and is therefore comparatively
easier to run. It has a low memory footprint and hence in comparison to the other
web servers, requires less memory space to run which is always an advantage. It
also has speed optimizations which means that we can optimize or change its speed
according to our requirements. It is an open-source software which means that we
can access its code and add changes to it according to our needs and then upload
our own module (the changed code).
Jigsaw Server: Jigsaw has been written in the Java language and it can run CGI
(common gateway interference) scripts as well as PHP programs. It is not a full-
fledged server and was developed as an experimental server to demonstrate the
new web protocols. It is an open-source software which means that we can access
its code and add changes to it according to our needs and then upload our own
module (the changed code). It can be installed on any device provided that the
device supports Java language and modifications in Java.
Sun Java System: The Sun Java System supports various languages, scripts, and
technologies required for Web 2.0 such as Python, PHP, etc. It is not an open-source
software and therefore its code is inaccessible which means that we cannot make
changes in the code to suit our needs.
What are Search Engines?
Search engines are the software program that provides information according to the
user query. It finds various websites or web pages that are available on the internet
and gives related results according to the search. To rank well on a Search Engine,
it’s important to know What are Search engines and how they work.
What are Search engines?
Search engines are programs that allow users to search and retrieve
information from the vast amount of content available on the internet. They use
algorithms to index and rank web pages based on relevance to a user’s query,
providing a list of results for users to explore. Popular search engines include
Google, Bing, and Yahoo.
For example: a student wants to learn C++ language so he searches the “C++
tutorial GeeksforGeeks” in the search engine. So the student gets a list of links
that contain the tutorial links of GeeksforGeeks or we can say that a search engine is
an internet-based software program whose main task is to collect a large amount of
data or information about what is on the internet, then categorize the data or
information and then help user to find the required information from the categorized
information. Google, Yahoo, and Bing are the most popular Search Engines.
How do Search Engines Work?
Since we know “What are Search Engine?” Now let’s have a closer look at the
elements involved in its working:
Search engines are generally work on three parts that are Crawling, Indexing, and
Ranking
1. Crawling: Search engines have a number of computer programs that are
responsible for finding information that is publicly available on the internet. The
crawler scans the web and creates a list of all available websites. Then they visit
each website and by reading HTML code they try to understand the structure of the
page, the type of the content, the meaning of the content, and when it was created or
updated. Why crawling is important? Your first concern when optimizing your website
for search engines is to make sure that they can access it correctly. If crawler cannot
find your content you won’t get any ranking or search engine traffic.
2. Indexing: Information identified by the crawler needs to be organized, Sorted, and
Stored so that it can be processed later by the ranking algorithm. Search engines
don’t store all the information in your index, but they keep things like the Title and
description of the page, The type of content, Associated keywords Number of
incoming and outgoing links, and a lot of other parameters that are needed by the
ranking algorithm. Why indexing is important? Because if your website is not in their
index it will not appear for any searches this also means that if you have any pages
indexed you have more chances of appearing in the search results for a related
query.
3. Ranking: Ranking is the position by which your website is listed in any Search
Engine. There is following three steps in which how ranking works .
Step 1: Analyze user query – This step is to understand what kind of
information the user is looking for. To do that analyze the user’s query by
breaking it down into a number of meaningful keywords. A keyword is a word
that has a specific meaning and purpose, for example when you type how to
make a chocolate cupcake search engines know that you are looking for
specific information so the results will contain recipes and step-by-step
instructions. They can also understand the meaning of how to change a light
bulb is the same as how to replace a light bulb search engines are clever
enough to interpret spelling mistakes also.
Step 2: Finding matching pages – This step is to look into their index and
find the best matching pages, for example, if you search dark wallpaper then it
gives you the result of images, not text.
Step 3: Present the results to the users – A typical search results page
includes ten organic results in most cases it is enriched with other elements
like paid Ads, direct answers for specific queries, etc.
Components of Search Engine
Now you might be wondering that, What is Search Engine Components. So, there
three components in search engine. They are web crawler, data base, and search
interface:
Web crawler: A search engine uses multiple web crawlers to crawl through
world wide web and gather information. It is basically a software which is also
known bat or spider.
Database: The information which is gathered by web crawler by crawling
through internet is stored on the database.
Search Interface: Search interface is just an interface to the data base which
is employed by the user to search through the data base.
Usage of Search Engine
Search engines have so many usages and some of them are:
Searching for information: People use a search engine to search for any
kind of information present on the internet. For example, Rohit wants to buy a
mobile phone but he does not know which one is the best mobile phone. So
he searches “best mobile phones in 2021” in the search engine and gets the
list of best mobile phones along with their features, reviews, and prices.
Searching images and videos: Search engines are also used to search
images and videos. There are so many videos and images available on the
internet in different categories like plants, animals, flowers, etc., you can
search them according to your need.
Searching location: Search engines are also used to find locations. For
example, Seema is on a Goa trip but she doesn’t know the location of
Palolem beach. So she searches “Palolem beach” on the search engine and
then the search engine gives the best route to reach Palolem beach.
Searching people: Search engines are also used to find people on the
internet around the world.
Shopping: Search engines are also used for shopping. Search engines
optimize the pages to meet the needs of the user and give the lists of all the
websites that contain the specified product according to the best price,
reviews, free shipping, etc.
Entertainment: Search engines are also used for entertainment purposes. It
is used to search videos, movies, games, movie trailers, reviews of movies,
social networking sites, etc. For example, Rohan wants to watch a movie
named “Ram”, then he searches this movie on a search engine and the
search engine returns a list of links (of the websites) that contain the Ram
movie.
Education: Search engines are also used for education. With the help of
search engines, people can learn anything they wanted to learn like cooking,
programming languages, home decorations, etc. It is like an open school
where you can learn anything for free.
How do We Use a Search Engine?
Search engines are easy to use. There are billions of searches are performed using
search engines each day. It’s estimated that more than 5.6 billion searches are made
per day.
For example, searching on Google, so to this simply open your web browser. Then
type “www.google.com” in the search bar of your web browser and press “Enter”.
Then the google search engine will open and now we are ready to search any
information on the google search engine. Always remember the result returned by
the search engine may not all be relevant to search because it will return search
results that have the search words, they are not necessarily in the same order you
typed them in.
What is Web Portal?
This might come as confusion, but Web Portal is a specially designed website that
provides information catered from various sources such as emails, online forums,
and search engines on one platform, uniformly. It is a personalized and customized
library that helps in the navigation and personalization of notifications that provide
well-integrated information from diverse sources with advanced features such as
task management, collaboration, business intelligence, etc.
Functions of Web Portal
Upgrading your website Web Portal development helps you in improving the
capability of the web pages that help you deliver quality information, thus a
web portal is the new world toolset that makes the implementation of
information better and behaves as a different communication approach.
Improves Relations immensely It helps in enhanced customer-company
relations as it helps in improving their customer relations by providing high-
end and filtered information on a user-friendly and comprehensive platform.
Domain-Specific Domain-Specific development of web portals helps you
attract the users that seek information and services on that domain. Thus,
helping you attract a particular area of domain.
Interaction When done efficiently web portal design services help you a lot in
interacting better with your customers and clients. They help you make your
web pages very interactive and target better to your audience.
Process of web portal designing services Web portal development and
designing is a complex art as its functionality is highly difficult to render. The
complex process of web portal development includes similar steps to website
development. However, the difference is in its features, functionality, coding,
testing, and integration. Since we have covered the features and functionality
let’s start with the languages and frameworks that are used dominantly in web
portal development services by eminent web portal development companies
and web portal developers.
Languages and Frameworks prominently used in developing web
portals Since web portals are differently designed websites, the languages
are similar that those used in building and web designing services in website
development. Thus, the top 10 frameworks that we use in building web portals
are 1. AngularJS 2. Laravel 3. React.JS 4. NodeJS 5. Ruby on Rails 6.
Symfony 7. Asp.Net 8. Yii 9. Metor.JS and 10. CakePHP.
The content type is the same for all The content type is adjusted
4.
users. according to different user groups.
A single admin team manages the Multiple admin teams are required for
5.
website. managing different levels of access.
design.
Pros-
Pros-
Target specific audience for
Simple content management
providing a personalized
It is a solution when you experience
8. require that your system
Provides advanced content
works separately from the
management
internal system
Integration of multiple systems
Attracting the audience from
into one for having a single
a broader perspective
visual design.
Types:
The major reason behind building websites is to deliver products and services that
help you in managing its content, perform SEO activities, add visibility on the
internet, operate functions, etc.
Wrapping Up:
On a final note, we can say that differentiating websites and web portals can be a
difficult task as both have same benefits, however, their functions draw a dark line
between them which makes them clearly different from each other.
In an attempt to clear your confusion, the above article is targeted to various sections
of the development of websites and web portals that will further help you differentiate
both web development practices to endure better business benefits.
What is a Website?
When we google ‘website’, the very first definition we get from a reliable source such
as Wikipedia is, ‘a website is a collection of related web pages, including multimedia
content, typically identified with a common domain name, and published on at least
one web server.’ To explain it further it is an interlinked collection of web pages
grouped in various ways and together called a website or simply a site.
However still there is a lot of confusion, isn’t it? You might now ask what is a
webpage? What is a web server? What is a domain name? etc. To drown out your
confusion, a webpage is a document(page) or a hypertexted document connected to
the World Wide Web and can be displayed on a web browser like Chrome, Firefox,
Internet Explorer, Edge, Safari, Opera, Bing, and others. A web server is a computer
that hosts the collection of web pages interlinked together or in one term we can say
the website on the internet, on an identification string named as a domain name.
Moving on further, for once since you have got a little idea of what is website lets
start by finding why a website is made and why it is so essential part of a business
journey, in short here are some of the functions of a website that will help you
understand its participation in an online business.
Functions of Websites:
Tell Your Story: A website gives you the power to tell your clients about your
services and products and help you engage them in long interactions to
convince them to choose your company.
Answer FAQs: Websites help you resolve confusion or questions asked by
new clients that further can also become your most potent client base. Thus,
including these questions on your website help you attract a better client force
while reducing your and your client’s time.
Provide Clear Contact Details: The contact us page on your website is a
gateway to better client force, it allows your clients to investigate details about
various ways to contact you like your email address, your office address,
phone number, etc. Quit traditional ways now to help your business reach out
to your clients on a platform that is highly trusted by everyone.
Build Credibility Build your website with a lot of professional edges, choose
themes, and functions, and allow your websites to say it all about your
products, services, your policies, and your partnership and membership. You
can also include a portfolio on your website that makes your clients rely more
on you.
Expand Your Client Base: With website and SEO activities you can increase
your business visibility and create a good deal of client awareness around the
globe.
Process of Website Development The right way of building a website or the
web development company approach gives a lot of definition to your
development. The right way to build a good website includes the following
steps: 1. Information gathering 2. Planning 3. Brainstorming 4. Content
Writing 5. Coding 6. Testing, Review, and Launch.
Languages and Frameworks prominently used in developing
websites: Our technology and web development world from the very
beginning has seen the emergence and downfall of many web development
languages and frameworks, of which some still prevail and rule while some
have become history. Some of the most prominently used old, new, and
contemporary languages and frameworks are 1. Java 2. Ruby 3. Python 4.
PHP 5. CSS etc.
These are some of the most widely used languages, but that’s not all they have
different frameworks which make the development of different types of websites
easy. Some of them are 1. Django 2. Ruby on Rails 3. Symfony 4. Laravel 5.
Bootstrap 6. CakePHP 7. Zend 8. CodeIgniter etc. You see the most widely used and
trusted language is PHP which is recommended by many development companies
and developers.
The Internet and the Web
Introduction :
The internet is a global network of interconnected computers and servers that allows
people to communicate, share information, and access resources from anywhere in
the world. It was created in the 1960s by the US Department of Defense as a way to
connect computers and share information between researchers and scientists.
The World Wide Web, or simply the web, is a system of interconnected documents
and resources, linked together by hyperlinks and URLs. It was created by Tim
Berners-Lee in 1989 as a way for scientists to share information more easily. The
web quickly grew to become the most popular way to access information on the
internet.
Together, the internet and the web have revolutionized the way we communicate, do
business, and access information. They have made it possible for people all over the
world to connect with each other instantly and have transformed many industries,
from media and entertainment to education and healthcare.
1. The Internet: In simplest terms, the Internet is a global network comprised of
smaller networks that are interconnected using standardized communication
protocols. The Internet standards describe a framework known as the Internet
protocol suite. This model divides methods into a layered system of protocols.
These layers are as follows:
1. Application layer (highest) – concerned with the data(URL, type, etc.). This
is where HTTP, HTTPS, etc., comes in.
2. Transport layer – responsible for end-to-end communication over a network.
3. Network layer – provides data route.
The Internet provides a variety of information and communication facilities; contains
forums, databases, email, hypertext, etc. It 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.
Types of Internet Connection
1. Dial-Up Connection
A dial-up connection is established between your computer and the ISP server using
a modem. A dial-up Connection is a cheap and traditional connection that is not
preferred these days as this type of connection is very slow.
To access the internet connection in the dial-up connection we need to dial a phone
number on the computer and that’s why it requires a telephone connection. It
requires a modem to set up a dial-up connection, which works as interference
between your computer and the telephone line. In this connection, we can use either
an internet connection or a telephone at a time.
2. Broadband Connection
Broadband refers to high-speed internet access that is faster than traditional dial-up
access. It is provided through either cable or telephone composition. It does not
require any telephone connection that’s why here we can use telephone and internet
connection simultaneously. In this connection, more than one person can access the
internet connection simultaneously.
It is a wide bandwidth data transmission that transports several signals and traffic
types. In this connection, the medium used is coaxial cable, optical fiber cable, radio,
or twisted pair cable.
3. DSL (Digital Subscriber Line)
DSL stands for Digital Subscriber Line. It provides an internet connection through the
telephone line(network). DSL is a form of broadband communication that is always
on, there is no need to dial a phone number to connect. DSL connection uses a
router to transport data and the speed of this connection range between 128k to
8Mbps depending on the service offered. A DSL connection can translate data at 5
million bytes per second, or 5mbps.
DSL service can be delivered simultaneously with wired telephone service on the
same telephone line due to high-frequency bands for data.
Cable
It is a form of broadband access cable modem that can provide extremely fast
access to the internet. The speed of this connection varies which can be different for
uploading data transmission or downloading. It uses a cable modem to provide an
internet connection and operates over cable TV lines. The speed of cable connection
ranges from 512k to 20Mbps.h
5. Satellite Connection
This type of connection is provided mainly in rural areas where a broadband
connection is not yet offered. It accesses the internet via a satellite that is in Earth’s
orbit. The signal travels from a long distance that is from earth to satellite and back
again which provides a delayed connection. Satellite connection speeds range from
512k to 2.0Mbps.
6. Wireless Connection
As the name suggests wireless connection does not use telephone lines or cables to
connect to the internet. The wireless connection uses a radio frequency band to
connect to the internet. It is also an always-on connection and this connection can be
accessed from anywhere and speed may vary for different locations. It ranges from
5Mbps to 20Mbps.
7. Cellular
Cellular technology provides wireless Internet access through cell phones. Speed
may vary depending on the service provider. The most common are 3G and 4G
which means from 3rd generation and 4th generation respectively. The speed of the
3G cellular network is around 2.0Mbps and the 4G cellular network is around
21Mbps the goal of the 4G network is to achieve peak mobile speeds of 100Mbps
but the current speed of the 4G network is about 21Mbps.