Click to edit Master title style

Module 3
THE WEB AND
THE INTERNET

1
LESSON 1: THE WEB
Click to edit Master title style
THE WEB (WORLD WIDE WEB)
• It consists of information 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 pages that has a common theme or
focus is called a Web site.
• The main page that all of the pages on a particular Web site are
organized around and link back to is called the Site’s home
2

page.
FATHER OF THE INTERNET
Click to edit Master title style
TIM BERNERS-LEE was the man leading the development of the
World Wide Web. He is the father of the Internet.

Tim Berners-Lee was born in London, England and graduated in

Physics from Oxford University in 1976. He is currently the Director
of the World Wide Web Consortium, the group that sets technical
standards for the web.

VINTON CERF is also named as an internet daddy. Ten years out of

high school, Vinton Cerf began co-designing and co-developing the
protocols and structure of what became the internet. 3
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” 4
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 contributing information through blogs
or sites.
• Allows the user to interact with the page known as DYNAMIC PAGE;
instead of just reading a page, the user may be able to comment or
create a user account. Dynamic page refers to the web pages that are
affected by user input or preference.
• Is focused on the ability for people to collaborate and share information 5

online via social media, blogging and Web-based communities.

• Example of Web 2.0 are the following:
Click to edit Master title style
• A. Social Networking - is the use of Internet-based social
media sites to stay connected with friends, family, colleagues,
customers, or clients. Social networking can have a social
purpose, a business purpose, or both, through sites such as:

6
B. Blogs-is a discussion or informational website published on
Click to edit Master title style
the world wide web consisting of discrete, often informal diary-
style text entries (posts). Posts are typically displayed in reverse
chronological order, so that the most recent post appears first,
at the top of the web page.

Example:
Nine of the best free blog sites to consider in 2020
1. WordPress (www.wordpress.org)
2. Wix (www.wix.com)
3. Weebly (www.weebly.com)
4. Medium (www.medium.com)
5. Ghost (www.ghost.org)
6. Blogger (www.blogger.com)
7. Tumblr (www.tumblr.com)
8. Joomla (www.joomla.org)
9. Jimdo (www.jimdo.com) 7
• C. Wikis - is a hypertext publication collaboratively edited and
Click to edit
managed Master
by its title styledirectly using a web browser. A
own audience
typical wiki contains multiple pages for the subjects or scope of
the project and may be either open to the public or limited to
use within an organization for maintaining its internal knowledge
base.
EXAMPLES
Wikipedia Wikivoyage
Wikibooks Wikidata
Wikiversity Wikinews
Commons Wikispecies
Wiktionary MediaWiki
Wikiquote 8
•Click
D. Video Sharing Sites -
to edit Master title style a website that lets people
upload and share their video clips with the public at
large or to invited guests.

EXAMPLE:
Twitter
Youtube Veoh
Facebook Dailymotion
Flickr VimeoPRO
Photobucket Myspace.com
LinkedIn Metacafe
9
KEY FEATURES OF WEB 2.0:
• Click to edit Master
Folksonomy – allowstitle style
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 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 demand rather than on a one-
time 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. 10
• C. WEB 3.0: (READ-WRITE INTELLIGENT WEB)
Click to edit Master title style
• Suggested name by John Markoff of the New York Times for the third
generation of the web.
• In this generation, all the application on web or mobile will be
upgraded with more features. It applies same principles as Web 2.0:
two-way interaction.
• Web 3.0 will be more connected, open, and intelligent, with semantic
web technologies, distributed databases, natural language processing,
machine learning, machine reasoning and autonomous agents.
• Semantic Web - provides a framework that allows data to be shared
and reuse to deliver web content specifically targeting the user.
• It is a web of data.
• Changing the web into a language that can be read and categorized
11
by the system rather than humans.
TYPES OF WEBSITES
Click to edit Master title style
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.

12
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.
1313
ENTERTAINMENT WEBSITE
If Click to edit
you think Master
about yourtitle stylebrowsing habits, you can probably
internet
think of a few websites that you visit purely for entertainment
purposes.

1414
PORTFOLIO WEBSITE
Click
are sitestodevoted
edit Master titleexamples
to showing style 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.

1515
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.

1616
BROCHURE WEBSITE
areClick to edit Master
a simplified form oftitle style
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. 1717
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.

1818
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.
1919
INFOPRENEUR WEBSITE
Click to overlap
websites edit Master
a bittitle
withstyle
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.

2020
PERSONAL WEBSITE
Click
Not all to edit Master
websites exist title stylemoney in some way or another.
to make
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.

2121
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
accessible to the people
who need to see it. They
often involve a login and
personalized views for
different users that ensure
the information that’s
accessible is most useful to
their particular needs. 2222
WIKI OR COMMUNITY FORUM WEBSITE
Clickpeople
Most to editare
Master title
familiar style
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 content
and all make their own
tweaks and changes as they
see fit. There are wikis for
fan communities, for
business resources, and for
collecting valuable
information sources.
2323