Bato Institute of Science And Technology, Inc.

Dolho, Bato, Letyte

LIVING IN THE I.T. ERA

Name: ______________________________________________ Week 4 Sept. 4-9, 2023

UNIT 4: The World Wide Web 3. Web Pages: Web pages are
documents written in HTML
At the end of this unit, you are expected to: (Hypertext Markup Language) that
✓ Identified the ways to access and contain a mix of text, images,
connect to the internet; videos, and other multimedia
✓ Performed search functions on the web elements. These pages are
and
designed to be viewed in web
✓ Created a personal web page
browsers, which interpret the HTML
code and render the content
ABSTRACTION:
visually.
4. Universal Access: The World Wide
What is World Wide Web?
Web is accessible to anyone with
The World Wide Web (WWW), often
an internet connection and a web
simply referred to as the "web," is a vast
browser. This accessibility has
and interconnected system of digital
democratized information
information that is accessible over the
dissemination, allowing people
internet. It's a collection of web pages,
from around the world to share,
documents, multimedia content, and
access, and contribute to a wide
resources linked together through
variety of information and
hyperlinks. The World Wide Web is a
resources.
fundamental component of the
5. Search Engines: Search engines
internet, but it's important to note that
like Google, Bing, and Yahoo
the terms "internet" and "World Wide
provide tools that enable users to
Web" are not synonymous.
search for specific information on
Here's a breakdown of what the World
the web. These search engines
Wide Web is:
index vast amounts of web
1. Interconnected Content: The web
content and allow users to find
consists of a massive network of
relevant information by entering
interconnected content. Each
keywords or phrases.
piece of content, usually in the
6. Multimedia Integration: In addition
form of web pages, is linked to
to text-based content, the web
other content through hyperlinks.
supports various multimedia
These links allow users to navigate
elements such as images, videos,
between different web pages,
audio files, animations, and
websites, and online resources.
interactive applications. This rich
2. Hyperlinks: Hyperlinks (or simply
multimedia integration enhances
"links") are clickable elements on a
the user experience and allows for
web page that, when clicked,
more dynamic and engaging
take the user to another web page
content.
or resource. Hyperlinks enable
7. Evolving Technologies: The World
users to explore a diverse range of
Wide Web is constantly evolving,
topics and information by
with new technologies, standards,
seamlessly moving from one piece
and protocols emerging to
of content to another.
enhance the browsing
Page | 1
 experience. Technologies like
HTML, CSS (Cascading Style
Sheets), JavaScript, and
responsive design have played
crucial roles in shaping how web
content is created and displayed.
The World Wide Web has revolutionized
the way we access and share
information, conduct business,
communicate, and even socialize. It has
become an integral part of modern life
and continues to evolve as technology
advances, shaping the way we interact
with digital content and each other.
Web Technologies
"Web Technologies" encompass a wide
range of tools, languages, protocols,
and frameworks that are used to create,
host, and access content on the World
Wide Web.
Here are some key web technologies:
1. HTML (Hypertext Markup
Language): The foundation of web
content, HTML is used to structure
and present information on the
web. It uses tags to define
elements like headings,
paragraphs, lists, links, images, and
more.
2. CSS (Cascading Style Sheets): CSS
is used to control the presentation
and layout of HTML elements. It
allows designers and developers to
apply styles, colors, fonts, spacing,
and other visual aspects to web
pages.
3. JavaScript: A programming
language that adds interactivity,
dynamic behavior, and enhanced
user experiences to web pages. It's
commonly used for client-side
scripting, enabling actions like form
validation, animations, and real-
time updates.
4. HTTP (Hypertext Transfer Protocol):
The protocol used for
communication between web
browsers and web servers. It
defines how data is requested and
transferred over the internet.
5. HTTPS (Hypertext Transfer Protocol
Secure): An extension of HTTP that
adds a layer of security using
SSL/TLS protocols, encrypting data
exchanged between the user's
browser and the web server.
6. Web Servers: Software that stores
and delivers web content to users'
browsers upon request. Common
web servers include Apache,
Nginx, and Microsoft IIS.
7. Web Browsers: Software
applications that render HTML,
CSS, and JavaScript to display web
content to users. Examples include
Chrome, Firefox, Safari, and Edge.
8. AJAX (Asynchronous JavaScript
and XML): A technique that allows
web pages to request and load
data from a server without
requiring a full page reload. It
enhances user experience by
providing real-time updates.
9. APIs (Application Programming
Interfaces): APIs allow different
software applications to
communicate and share data with
each other. Web APIs enable
developers to access services and
data over the internet.
10. Responsive Web Design:
Design principles that ensure web
content adapts to different screen
sizes and devices, providing an
optimal user experience on
desktops, tablets, and
smartphones.
11. CMS (Content Management
System): Software platforms like
WordPress, Joomla, and Drupal
that simplify the creation and
management of websites, often
without requiring in-depth coding
knowledge.
12. Frameworks and Libraries:
Tools like React, Angular, and
Page | 2
 Vue.js (JavaScript frameworks) be accessed through web
and jQuery (JavaScript library) browsers but offer features
simplify web development by traditionally associated with native
providing pre-built components apps, such as offline access, push
and structures. notifications, and fast loading
13. Web Hosting: Services that times.
allow individuals and organizations 3. Web Accessibility: There has been
to publish their websites on the a growing emphasis on making the
internet. Hosting providers allocate web more accessible to people
server space, storage, and with disabilities. Web accessibility
bandwidth for websites. standards and practices aim to
14. Cookies and Sessions: ensure that websites are usable by
Mechanisms for storing user data individuals with various
on the client-side (cookies) or impairments.
server-side (sessions) to maintain 4. Web Performance Optimization:
state and personalize user Faster loading times and improved
experiences. performance have become
15. Web Security: Technologies essential for user satisfaction and
like SSL/TLS, HTTPS, firewalls, and search engine rankings.
authentication mechanisms that Technologies like browser caching,
protect websites and users from content delivery networks (CDNs),
cyber threats. and optimized code have been
used to enhance web
These are just a few examples of the performance.
many technologies that contribute to 5. Web Security: The importance of
the creation, functionality, and security web security has escalated, with
of websites on the World Wide Web. As an increased focus on adopting
the web continues to evolve, new HTTPS through SSL/TLS encryption.
technologies and trends emerge, As cyber threats evolve, web
shaping the way we interact with online developers and businesses have
content and services. been implementing stronger
security measures to protect user
The World Wide Web Today data.
Some trends and developments that 6. Web Content and Formats: The
were prominent in the World Wide Web web has seen a surge in
up until September 2021. multimedia content, including
1. Mobile-First Design: With the video streaming, interactive
increasing use of smartphones and animations, and immersive
tablets, web designers and experiences through technologies
developers have been focusing on like WebVR and WebAR.
creating responsive and mobile- 7. Artificial Intelligence (AI)
friendly designs. This ensures that Integration: AI technologies, such
websites provide a seamless as chatbots, recommendation
experience across a wide range of systems, and personalization
devices and screen sizes. algorithms, have been integrated
2. Progressive Web Apps (PWAs): into websites to enhance user
PWAs are web applications that interactions and experiences.
combine the best of both web and 8. E-Commerce and Online Services:
mobile app experiences. They can The web has become a central
Page | 3
 platform for e-commerce, offering
online shopping, digital payment
systems, and various services that
cater to a global audience.
9. Social Media and User-Generated
Content: Social media platforms
and user-generated content have
transformed the way people
interact and share information
online, shaping trends, discussions,
and public opinions.
10. Semantic Web and Linked
Data: Efforts to make web content
more understandable by both
humans and machines have led to
the development of the semantic
web. This involves adding
metadata and linking data to
enable more sophisticated data
analysis and knowledge discovery.
11. Privacy Concerns and Data
Protection: Increasing awareness
of privacy issues has led to stricter
regulations such as the General
Data Protection Regulation
(GDPR) in the European Union.
These regulations impact how
websites collect, store, and
process user data.
12. Web Monetization and
Subscription Models: Alongside
traditional advertising models,
some websites have explored new
monetization strategies like
subscription-based content,
microtransactions, and
cryptocurrency-based revenue.
Note:
Technological trends and
developments are constantly evolving.
To get the most up-to-date information
about the current state of the World
Wide Web, I recommend checking
reputable news sources, technology
blogs, and industry reports.
Searching Information on the Web
Searching for information on the web is
a fundamental activity that involves
using search engines to find relevant
content. Here's how you can effectively
search for information on the web:
1. Choose a Search Engine:
• Start by using a reliable
search engine like Google,
Bing, or DuckDuckGo. These
search engines index a vast
amount of web content and
offer user-friendly interfaces.
2. Use Specific Keywords:
• Enter specific keywords or
phrases related to the topic
you're searching for. Use
clear and concise terms that
accurately represent what
you're looking for.
3. Use Quotation Marks:
• If you're searching for an
exact phrase, enclose it in
quotation marks. For
example, searching for
"climate change" will yield
results with that exact phrase.
4. Avoid Common Words:
• Search engines often ignore
common words (known as
"stop words") like "the," "and,"
"is," etc. Focus on keywords
that are specific to your
query.
5. Refine with Advanced Operators:
• Many search engines support
advanced operators that
help refine your search. For
example, using "site:"
followed by a domain limits
your search to a specific
website (e.g.,
"site:nytimes.com").
6. Use Synonyms and Alternatives:
• If your initial search doesn't
yield desired results, try using
synonyms or alternative terms
related to your topic.
7. Filter by Time or Date:
Page | 4
 • Some search engines allow
you to filter results based on Remember that search engines
the time frame in which the are powerful tools, but their results are
content was published or generated based on algorithms and
updated. This is useful for may not always perfectly match your
finding recent information. intent. Experiment with different search
8. Explore Related Searches: strategies and tools to optimize your
• Search engines often provide web search experience.
suggestions for related
searches or variations of your REFRENCE:
query. These can lead you to Online Resources:
different angles of the topic. • https://www.w3.org/History/1989/
9. Check Multiple Sources: proposal.html
• Don't rely solely on the first • https://www.w3.org/
few search results. Explore • https://webfoundation.org/
multiple sources to get a well- • https://web30.web.cern.ch/
rounded view of the topic.
10. Consider Credibility and Books on the World Wide Web:
Relevance: • "Weaving the Web: The Original
• Assess the credibility of the Design and Ultimate Destiny of the
sources you find. Choose World Wide Web" by Tim Berners-
reputable websites, Lee and Mark Fischetti.
academic sources, and • "The Innovators: How a Group of
experts' articles. Be wary of Hackers, Geniuses, and Geeks
information that seems Created the Digital Revolution" by
biased, outdated, or Walter Isaacson.
unreliable.
11. Use Specialized Searches: Prepared by:
• If you're looking for specific Mary Jane Pagay – Cierva, LPT
types of content (images, Instructor
videos, news, scholarly
articles), many search
engines have dedicated
search options for those
categories.
12. Advanced Search Tools:
• Some search engines offer
advanced search tools that
allow you to refine your
search by language,
location, file type, and more.
13. Bookmark or Save Links:
• If you find valuable
information, bookmark or
save the links for future
reference. You can use
browser bookmarks or
specialized bookmarking
tools.
Page | 5