THE WORLD

WIDE WEB
 WWW
Is the system that enables you to
access hypertext documents and other
files over the internet.
 PROTOCOL
Is a collection of interlinked documents that work
together using a special computer language.

This language allows millions of web documents

or pages to be accessed instantly.
THE BIRTH OF WWW
Tim Berners Lee – created the World Wide Web
The first trials of WWW were at the CERN laboratories
(one of Europe’s largest research laboratories) in
Switzerland in December 1990.
The first search engines began to appear in the mid-
1990s.
Google was the first search engine
Amazon is the first large commercial site.
WEB 1.0 (THE READ-ONLY
WEB)
Documents are numbered and with address that
should be inputted to retrieve the file.
The information or hypertext file is accessed
by the user.
WEB 1.0
Web 1.0 refers to the first stage of the
World Wide Web evolution.

There were only few content creators in

Web 1.0 with the huge majority of users
who are consumers of content.
WEB 1.0
Personal web pages were common, consisting
mainly of static pages hosted on ISP-run web
servers, or on free web hosting services.

In Web 1.0 advertisements on websites while

surfing the internet is banned. 
WEB 1.0
 Ofoto is an online digital photography website, on which user could store, share, view and
print digital pictures.
WEB 1.0
Web 1.0 is a content delivery network (CDN) which enables to
showcase the piece of information on the websites.
It can be used as personal websites.
It costs to user as per pages viewed.
It has directories which enable user to retrieve a particular piece
of information.
WEB 1.0
Four design essentials of a Web 1.0 site include:

1. Static pages.
2. Content is served from the server’s file-system.
3. Pages built using Server Side Includes or Common
Gateway Interface (CGI).
4. Frames and Tables used to position and align the
elements on a page.
WEB 1.0
STATIC WEB PAGE

COMMON GATEWAY INTERFACE

WEB 2.0 (READ AND WRITE
WEB)
 It started with the need to interact with Web Pages.
 Users wanted to e-mail Web sites and interact on social
networking sites.
 Enabled users or viewers to edit the content of the files
they were accessing.
 Blogging sites started to gain popularity.
 Nontechnical users of the Web are empowered to easily
publish and edit Web sites through user-friendly interface
in the Web browser.
WEB 2.0
Web 2.0 refers to world wide website which highlight user-
generated content, usability and interoperability for end
users.

Web 2.0 is also called participative social web.

WEB 2.0
The web browser technologies are used in Web 2.0 development and it includes AJAX and
JavaScript frameworks.
Recently, AJAX and JavaScript frameworks have become a very popular means of creating web
2.0 sites.
WEB 2.0
Five major features of Web 2.0 –
1. Free sorting of information, permits users to retrieve and classify
the information collectively.
2. Dynamic content that is responsive to user input.
3. Information flows between site owner and site users by means of
evaluation & online commenting.
4. Developed APIs to allow self-usage, such as by a software
application.
5. Web access leads to concern different, from the traditional Internet
user base to a wider variety of users.
WEB 2.0
Api
WEB 2.0
Web 2.0 applications tend to interact much more with the end user. As such, the end user is not only a user
of the application but also a participant by these 8 tools mentioned below:
1. Podcasting
2. Blogging
3. Tagging
4. Curating with RSS
5. Social bookmarking
6. Social networking
7. Social media
8. Web content voting
Proceed to WEB 3.0
PODCAST
podcast is an episodic series of digital audio or video files that a user can download in order to
listen
BLOGGING
A blog (shortening of “weblog”) is an online journal or informational website displaying
information in the reverse chronological order, with the latest posts appearing first. It is a
platform where a writer or even a group of writers share their views on an individual subject
TAGGING
a tag is a keyword or term assigned to a piece of information (such as an Internet bookmark,
digital image, database record, or computer file). This kind of metadata helps describe an item
and allows it to be found again by browsing or searching.
CURATING WITH RSS
content curation is the act of discovering, sorting, organizing and sharing content found on the
web with your audience. It’s becoming an increasingly important strategy for individual
bloggers, marketing departments or anyone with a small team.
Really Simple Syndication, a standardized system for the distribution of content from an online
publisher to Internet users.
RSS is a type of web feed which allows users and applications to access updates to websites in a
standardized, computer-readable format. These feeds can, for example, allow a user to keep
track of many different websites in a single news aggregator.
SOCIAL BOOKMARKING
is a way for people to store, organize, search, and manage “bookmarks” of web pages. Users
save links to web pages that they like or want to share, using a social bookmarking site to store
these links
SOCIAL NETWORKING
the use of dedicated websites and applications to interact with other users, or to find people with
similar interests to oneself.
SOCIAL MEDIA
websites and applications that enable users to create and share content or to participate in social
networking.
WEB CONTENT VOTING
Web content is the textual, visual, or aural content that is encountered as part of the user
experience on websites. It may include—among other things—text, images, sounds, videos, and
animations

BACK
WEB 3.0 (SEMANTIC
EXECUTING WEB)
Is envisioned to be a smarter access of
hypertext files and a version that would
enable a wider range of search in a fast
manner.
WEB 3.0
The Semantic Web (3.0) promises to establish “the world’s information” in more reasonable way
than Google can ever attain with their existing engine schema. This is particularly true from the
perspective of machine conception as opposed to human understanding.
5 main features
1. Semantic Web
2. Artificial Intelligence
3. 3D graphics
4. Connectivity
5. Ubiquity
DIFFERENCE BETWEEN WEB 1.0, WEB 2.0 AND WEB 3.0 –

WEB 1.0 WEB 2.0 WEB 3.0

Mostly Read-Only Wildly Read-Write Portable and Personal

Company Focus Community Focus Individual Focus

Home Pages Blogs / Wikis Live-streams / Waves

Owning Content Sharing Content Consolidating Content

Web Forms Web Applications Smart Applications

Directories Tagging User Behaviour

 WEB 1.0 WEB 2.0 WEB 3.0

Page Views Cost Per Click User Engagement

Banner Advertising Interactive Advertising Behavioural Advertising

Britannica Online Wikipedia The Semantic Web

HTML/Portals XML / RSS RDF / RDFS / OWL

 USING WEB BROWSER
 Web browser – is a type of software that
allows you to find and view websites on
the Internet.
 Website – is a central location of various
web pages that are all related and can be
accessed by visiting the home page.
 Web page – is a document commonly
written in HyperText Markup Language
(HTML) that is accessible through the
Internet.
 USING WEB BROWSER
 URL – short for Uniform Resource
Locator. It is like a street address that
tells your browser where to go on the
Internet.
 Hyperlink/link – is used to navigate the
Web.
 Domain name – is the second part of the
URL. It is a text name that corresponds
to the IP address of the server that
serves the website.
Extension Type of Site Example
.com Commercial or for profit www.facebook.com
business
.edu Educational institution www.mu.edu.ph

.gov Government www.prc.gov

.org Professional or nonprofit www.pbs.org
organization

.net Web-hosting companies www.slideshare.net

involved in the infrastructure
of the internet
TYPES OF WEBSITES
1. Commercial sites – are websites
that promote or give information
about their products or services.
2. Organizations – are websites that
promote a cause or provide
information about it.
3. New sites – are websites that
contain news and TV
information.
4. Blog – is short for web blog. It is
used to find the latest
information about a company,
person or topic.
5. Wiki – is a site that lets users add
or modify content.
6. School sites – contain general
information about the school,
faculty, students, and other
school-related content.
7. Forums – are websites where
people can have discussions.
MEDIA AND
INFORMATION
Media – is defined as a means of
communication that has the power to
influence people.
 Media literacy – is the ability to decode, analyze,
evaluate, and produce communication in varied
forms.

Information literacy – is the ability to recognize

when the information is needed and to locate,
evaluate, communicate, and effectively use
information in its various formats.
Digital literacy – is the ability to use
technology to communicate, solve
problems, access, manage, integrate,
evaluate, and create information.
TYPES OF MEDIA
1. Print media – is the oldest form of medium.

2. Broadcast media – can be defined as media that

distribute audio and video content to a mass audience.

3. New media – are those information and entertainment

providers accessed via Internet or through mobile
communication.
TYPES OF MEDIA
4. Movies (films) – are the oldest form of motion
picture technology.

5. Advertising – is the mass media content

intended to persuade a targeted audience to take
action toward a product, service, or idea.
5 CORE
CONCEPTS OF
MEDIA
LITERACY
 5 CORE CONCEPTS OF MEDIA
LITERACY
1. Author – the origin of a piece of
work; usually the person or people
who constructed it.
5 CORE CONCEPTS OF MEDIA
LITERACY
2. Format – the way a
communication is presented.
3. Audience – the people receive
a message.
4. Content – a message or messages in
a particular communication.
5. Purpose – the reason a
communication is made.
THE SOCIAL MEDIA
Social media – websites and
applications that enable users to create
and share content or to participate in
social networking.
 EXAMPLES OF SOCIAL MEDIA
1. Facebook – is a popular free social
networking website that allows
registered users to create profiles,
upload photos, and send messages.
2. Twitter – is a free microblogging
service that allows registered members
to broadcast short posts called tweets.
3. Google – is a search engine that
allows you to search information
online.
4. Instagram – is a free, online photo
sharing application and social
networking platform that allows users
to upload photos.
5. Snapchat – is a mobile app that
allows users to send and receive
ephemeral photos and videos.
6. Youtube – is a popular video sharing
website where registered users can
upload and share videos.