Click to edit Master title style

Module 3
THE WEB AND
THE INTERNET

‹#›
Click to edit Master title style

LESSON 1: THE WEB

THE WEB (WORLD WIDE WEB) ‹#›
 It consists of information
Click to edit Master title style
organized into Web pages
containing text and graphic
images.
The world wide web is a
larger collection of
interconnected documents or
content.
A collection of linked Web The main page that all of the
pages that has a common pages on a particular Web
theme or focus is called a site are organized around and
Web site. link back to is called the Site’s
home page. ‹#›
Inventor of the World Wide Web
Click to edit Master title style
Tim Berners-Lee is the inventor of
the World Wide Web (WWW). He
created the first web browser and
web server in 1989 while working at
CERN (European Organization for
Nuclear Research). His goal was to
enable information sharing between
scientists globally. To solve this, he proposed a
The Creation of the Web (1989- "universal linked information
1991)
While working at CERN, Berners- system" in 1989. His idea led to
Lee noticed the difficulty scientists the creation of:
had in sharing information across HTML (HyperText Markup
different computers. Language) – The language
used to create web pages.‹#›
 HTTP (HyperText Transfer Protocol) To ensure the web remained
– The
Click to editsystem forstyle
Master title transferring web free and open, Berners-Lee
pages over the internet. founded the World Wide Web
URL (Uniform Resource Locator) – Consortium (W3C) in 1994 at
The unique addresses used to access MIT. The W3C is responsible for
web pages. setting international web
The first-ever website, info.cern.ch,
standards, such as:
went live in 1991, explaining what the
CSS (Cascading Style Sheets)
World Wide Web was and how to use
it.
for styling web pages.
The World XML (Extensible Markup
Wide Web Language) for structured data
Consortium exchange.
(W3C) – 1994s WCAG (Web Content
it. Accessibility Guidelines) to
make websites more
accessible. ‹#›
 Key Contributions:
Vinton Cerf
Click to edit Master title style TCP/IP Protocols (1973–
is an
1978): These protocols
American
allow computers to
computer communicate over vast
scientist best networks, forming the basis
known as of the internet.
the ARPANET Development
"Father of the Internet." Internet Expansion
He co-designed the TCP/IP Google’s Chief Internet
protocols, which form the Evangelist: Since 2005, he
foundation of the modern has worked at Google,
internet, along with Robert helping to advance internet
Kahn in the 1970s. technologies.
‹#›
A. WEB 1.0 (READ ONLY STATIC WEB)
Click to edit Master title style
It is an old internet that only allows people to read from
the internet. First stage worldwide linking web pages
and hyperlink. Web is use as “information portal”. It
uses table to position and align elements on page.
• Most read only web. It focused on
company’s home pages.
• Dividing the world wide web into usable
directories
• It means web is use as “Information
Portal”
• It started with the simple idea “put
content together”
‹#›
B.Click
Blogs
to edit Master title style

It is a discussion or Examples:
informational website
published on the world wide Nine of the best free blog sites to
web consisting of discrete, consider in 2020
1. WordPress (www.wordpress.org)
often informal diary-style text 2. Wix (www.wix.com)
entries (posts). Posts are 3. Weebly (www.weebly.com)
typically displayed in reverse 4. Medium (www.medium.com)
chronological order, so that 5. Ghost (www.ghost.org)
the most recent post appears 6. Blogger (www.blogger.com)
7. Tumblr (www.tumblr.com)
first, at the top of the web 8. Joomla (www.joomla.org)
page. 9. Jimdo (www.jimdo.com)
‹#›
B. WEB 2.0 (READ-WRITE INTERACTIVE WEB)
Click to edit Master title style
A term used to describe a new generation
of Web services and applications with an
increasing emphasis on human
collaboration.
• It is a platform that gives users the
possibility (liberty) to control their data.
• This is about user-generated content and
the read-write web.
• People are consuming as well as • Dynamic page refers to the web
contributing information through blogs or pages that are affected by user
sites. input or preference.
• Allows the user to interact with the page • Is focused on the ability for
known as DYNAMIC PAGE; instead of just people to collaborate and share
reading a page, the user may be able to
information online via social media,
comment or create a user account.
blogging and Web-based
communities. ‹#›
 C. Wikis
Click to edit Master title style
It is a hypertext publication EXAMPLES:
collaboratively edited and
managed by its own audience Wikipedia
directly using a web browser. Wikibooks
A typical wiki contains Wikiversity
multiple pages for the Commons
subjects or scope of the Wiktionary
Wikiquote
project and may be either
Wikivoyage
open to the public or limited to Wikidata
use within an organization for Wikinews
maintaining its internal Wikispecies
knowledge base. MediaWiki
‹#›
Click to edit Master title style
EXAMPLES:
D. Video Sharing Tik Tok
Youtube
Sites - a website Facebook
that lets people Flickr
upload and share Photobucket
their video clips LinkedIn
with the public at Twitter
Veoh
large or to invited Dailymotion
guests. VimeoPRO
Myspace.com
Metacafe

‹#›
KEY FEATURES OF
Click to edit Master title style
WEB 2.0:
• Folksonomy – allows users to
categorize and classify/arrange
information using freely chosen
keywords (e.g. tagging).

• Rich User Interface – content is

dynamic and is responsive to user’s
input. An example would be a
website that shows local content.
‹#›
• User
Click to edit Master–title style
Participation
the owner of
website is not
the only one
who is able to
put content.
Others are able
to place a
content on their
own by means
of comments,
reviews, and
evaluation.

‹#›
• Long Tail – services are offered on
Click to edit rather
demand Master title style on a one-time
than
purchase. This is synonymous to
subscribing to a data plan that charges
you for the amount of time you spent
on Internet or a data plan that charges
you for the amount of bandwidth you
used.
The Long Tail feature of Web 2.0
refers to the idea that the internet
enables businesses, content creators,
and platforms to profit from selling a
large number of niche products, rather
than just focusing on a few bestsellers.
‹#›
 C. WEB 3.0:
Click to edit Master title style
(READ-WRITE INTELLIGENT
WEB) • Web 3.0 will be more connected,
• Web 3.0, also called the Semantic open, and intelligent, with semantic
Web, is the next evolution of the web technologies, distributed
internet, making it more intelligent, databases, natural language
processing, machine learning, machine
decentralized, and user-driven.
reasoning and autonomous agents.
Web 3.0 integrates AI, blockchain, and
• Semantic Web - provides a
the Internet of Things (IoT) to create a framework that allows data to be
smarter and more secure online shared and reuse to deliver web
experience. content specifically targeting the user.
• It is a web of data.
• Changing the web into a language
that can be read and categorized by
the system rather than humans.
‹#›
Click to edit Master title style

‹#›
 Click to edit Master title style
TYPES OF WEBSITES
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

‹#›
BUSINESS WEBSITE
Click to edit Master title style

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.

‹#›18
ENTERTAINMENT
Click to edit Master title style WEBSITE

If you think about

your internet
browsing habits,
you can probably
think of a few
websites that you
visit purely for
entertainment
purposes.

‹#›19
 PORTFOLIO WEBSITE
Click to edit Master title style
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. ‹#›20
MEDIA WEBSITE
Click to edit Master title style

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.
‹#›21
BROCHURE WEBSITE
Click to edit Master title style
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 that includes just a few pages that lay
from other sources), a out the basics of what you do and
simple brochure site provide contact information may be
enough for you. ‹#›
22
NONPROFIT WEBSITE
Click to edit Master title style
In the same way that
businesses need websites to
be their online presence,
nonprofits do as well. A
nonprofit 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
nonprofit and determine if they
want to support it.

‹#›23
EDUCATIONAL WEBSITE
Click to edit Master title style
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. ‹#›24
INFOPRENEUR WEBSITE
Click to edit Master title style
This websites overlap a bit
with business and
eCommerce websites, but
they represent a unique
type of online business.

Infopreneurs create and

sell information products.
That could be in the form
of courses, tutorials,
videos or eBooks.
‹#›25
PERSONAL WEBSITE
Click to edit Master title style
Not all websites exist to
make money in some
way or another. Many
people find value in
creating personal
websites to put their own
thoughts out into the
world. This category
includes personal blogs,
vlogs, and photo diaries
people share with the
world. ‹#›26
WEB PORTAL
Click to edit Master title style
are often websites designed
for internal purposes at a
business, organization, or
institution. They collect
information in different
formats from different sources
into one place to make all
relevant information
for different users that ensure
the information that’s

‹#›27
 WIKI OR COMMUNITY FORUM WEBSITE
Click to edit Master title style

Most people are familiar with

wikis through the most
famous example of one out
there: Wikipedia. But wikis
can be created on pretty
much any subject you can
imagine. A wiki is any
website where various users
are able to collaborate on There are wikis for fan
content and all make their communities, for business
own tweaks and changes as
they see fit. ‹#›28
Click to edit Master title style

Thank you!

‹#›29