7

Computer Education 1
QUARTER 4-MODULE 2
Week 3 & 4
WEB BROWSERS

1
Computer Education 1 – ICT Grade 7
Alternative Delivery Mode
Quarter 4 – Module 2: Web Pages Design
First Edition, 2020

Republic Act 8293, section 176 states that: No copyright shall

subsist in any work of the Government of the Philippines. However, prior
approval of the government agency or office wherein the work is created
shall be necessary for exploitation of such work for profit. Such agency or
office may, among other things, impose as a condition the payment of
royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos,

brand names, trademarks, etc.) included in this module are owned by their
respective copyright holders. Every effort has been exerted to locate and
seek permission to use these materials from their respective copyright
owners. The publisher and authors do not represent nor claim ownership
over them.

Published by the Department of Education

Secretary: Leonor Magtolis Briones
Undersecretary: Diosdado M. San Antonio

Development Team of the Module

Writers: Mecca J. Patague
Editors: Revelyn C. Camacho, Ph. D.
Reviewers: Julie G. De Guzman
Illustrator:
Layout Artist:
Management Team: Name of Regional Director
Name of CLMD Chief
Name of Regional EPS In Charge of LRMS
Name of Regional ADM Coordinator
Cornelio R. Aquino, EdD
Name of Division EPS In Charge of LRMS
Name of Division ADM Coordinator

2
 7
Computer Education 1
Quarter 4 – Module 2:
Week 3 & 4

WEB BROWSERS
Introductory Message
For the facilitator:
Welcome to the Computer Education 1 (ICT 7) Alternative Delivery Mode
(ADM) Module on Web Pages Design.
This module was collaboratively designed, developed and reviewed by
educators both from public and private institutions to assist you, the
teacher or facilitator in helping the learners meet the standards set by the K
to 12 Curriculum while overcoming their personal, social, and economic
constraints in schooling.
This learning resource hopes to engage the learners into guided and
independent learning activities at their own pace and time. Furthermore,
this also aims to help learners acquire the needed 21st century skills while
taking into consideration their needs and circumstances.
In addition to the material in the main text, you will also see this box
in the body of the module:
As a facilitator you are expected to orient the learners on how to use
this module. You also need to keep track of the learners' progress while
allowing them to manage their own learning. Furthermore, you are expected
to encourage and assist the learners as they do the tasks included in the
module.
For the learner:
Welcome to the Computer Education 1 (ICT 7) Alternative Delivery Mode
(ADM) Module on Web Pages Design.
The hand is one of the most symbolized part of the human body. It is
often used to depict skill, action and purpose. Through our hands we may
learn, create and accomplish. Hence, the hand in this learning resource
signifies that you as a learner is capable and empowered to successfully
achieve the relevant competencies and skills at your own pace and time.
Your academic success lies in your own hands!

3
 This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and
time. You will be enabled to process the contents of the learning resource
while being an active learner.

The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any
part of the module. Use a separate sheet of paper in answering the
exercises.
2. Don’t forget to answer What I Know before moving on to the other
activities included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your
answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through
with it.
If you encounter any difficulty in answering the tasks in this module, do
not hesitate to consult your teacher or facilitator. Always bear in mind
that you are not alone.
We hope that through this material, you will experience meaningful
learning and gain deep understanding of the relevant competencies. You
can do it!

What I Need to Know

This module was designed and written with you in mind. It is here to help
you master about networking and the internet. The scope of this module permits it
to be used in many different learning situations. The language used recognizes the
diverse vocabulary level of students. The lessons are arranged to follow the
standard sequence of the course. But the order in which you read them can be
changed to correspond with the textbook you are now using.
The module has 2 lessons. After going through this module, you are expected to:
1. identify the different types of browsers; and
2. identify the different types of web pages.

What I Know

Directions: Choose the letter of the correct answer. Write your answers on a
separate sheet of pad paper.
_______1. HTML stands for ____?
A. Hyper Markup Language
B. Hypertext Markup Language

4
 C. Home Tool Markup Language
D. Hyperlink and Text Markup Language
_______2. It is a hypertext document connected to the World Wide Web.
A. HTML B. Hyperlink C. Web Text D. Web Page
_______3. Who is making the Web Standards?
A. Google C. Mozilla
B. Microsoft D. The WWW Consortium
_______4. Which of the following is the NOT a type of web browser?
A. Mozilla Firefox C. Safari
B. Opera D. Wiki
_______5. What is the web browser that is a product from software giant
Microsoft that is the most commonly used browser in the universe?
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
_______6. What is the web browser that is developed by Chinese mobile
Internet company UC Web and is owned by AliBaba of China?
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
______7. It is a freeware web browser developed by Google and its beta
version was first released on September 2, 2008 for Microsoft
Windows.
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
_______8. Which of the following is a discontinued proprietary web browser?
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
_______9. This is the protocol used for sending e-mail over the Internet.
A. FTP B. HTTP C. NNTP D. SMPT
______10. It is a set of related web pages typically served from a single web
domain.
A. hyperlink B. hypertext C. web site D. WWW

Lesson
TYPES OF WEB BROWSERS
1

What’s In

In your previous module, you have learned about networking and the
internet. You have learned about the computer network and the proper use of
the internet.

What’s New

5
 A web page is a single document on the Internet, like
https://writingexplained.org/confusing-words. A website is a collection of
many web pages all linked together.
This module will give you idea about web pages design.
ACTIVITY 1
Objective: Familiarize words related to web pages’ design.
Directions: Unscramble the jumbled letters to get the correct answer. Write
your answer on the space provided before each number.
________1. It is a product from software giant Microsoft.
NREINTTE XPELRROE
________2. It is a web browser developed by Microsoft and
included in the company's Windows 10 operating systems,
replacing Internet Explorer as the default web browser on all
device.
ROSOMIFTC GEED
________3. It is the default browser on windows 10 with internet explorer on
the side.
GEED
________4. It is a new browser derived from Mozilla.
XOFFIRE
________5. It is a freeware web browser developed by Google
and its beta version was first released on September 2, 2008 for
Microsoft Windows.
OOGGEL CMEHRO

What is It
TYPES OF WEB BROWSER

Web Browsers are software installed on your Personal Computer. To

access the Web, you need a web browser, such as Netscape Navigator,
Microsoft Internet Explorer, Mozilla Firefox etc.

1. Internet Explorer (IE)

It is a product from software giant Microsoft that is the most

commonly used browser in the universe. This was introduced in 1995 along
with Windows 95 launch and it has passed Netscape popularity in 1998.

Currently, internet explorer is discontinued by Microsoft. Internet

Explorer was one of the most widely used web browsers, attaining a peak of
about 95% usage share during 2002 and 2003. Now it holds less than 16%
share in worldwide desktop browser usage.

6
 https://vulcanpost.com/710463/microsoft-end-internet-explorer-august-2021/

2. Microsoft Edge
It is a web browser developed by Microsoft and included in the
company's Windows 10 operating systems, replacing Internet Explorer as
the default web browser on all device. Edge is the default browser on
windows 10 with internet explorer on the side.

https://blog.mailtag.io/microsoft-edge-best-features/

3. NETSCAPE NAVIGATOR
It is a discontinued proprietary web browser. Netscape announced in
its first press release that it would make Navigator available without charge
to all non-commercial users.

It was the flagship product of Netscape Communications Corp and

was the dominant web browser in terms of usage share in the 1990s, but
by 2002 its usage had almost disappeared due to the increased usage of
Microsoft's Internet Explorer.

https://www.pinterest.ph/pin/136445063694526264/

4. MOZILLA FIREFOX

7
 Firefox is a new browser derived from Mozilla. It was released in
2004 and has grown to be the second most popular browser on the
Internet.

It is free and open source. Firefox is available for Windows, macOS

and Linux operating systems, with its Firefox for Android available for
Android. Firefox was released in November 2004, and was highly
successful with 60 million downloads within nine months

https://support.mozilla.org/en-US/kb/update-firefox-latest-release

5. GOOGLE CHROME
It is a freeware web browser developed by Google and its beta version
was first released on September 2, 2008 for Microsoft Windows. As of
September 2016, Stat Counter estimates that Google Chrome has a 60%
worldwide usage share of web browsers as a desktop browser.

https://www.howtogeek.com/663927/how-to-open-google-chrome-using-command-prompt-on-windows-10/

6. SAFARI
It is a web browser developed by Apple Inc. and included in Mac OS
X. It was first released as a public beta in January 2003. A mobile version
has been included in iOS devices since the introduction of the iPhone in
2007. It is the default browser on Apple devices. A Windows version which
is now discontinued, was available from 2007 to 2012.

8
 https://en.wikipedia.org/wiki/Safari_(web_browser)
7. OPERA
It is smaller and faster than most other browsers, yet it is full-
featured. Opera Mini is a web browser designed primarily for mobile
phones, smartphones and personal digital assistants. It was light weight
and most Mobile phones came preloaded with opera mini.

https://www.linkedin.com/company/opera-software

8. UC BROWSER
It is a mobile browser developed by Chinese mobile Internet company
UC Web and is owned by AliBaba of China. Originally launched in April
2004 for java platform only but now it is available for Android, IOS and
also windows. It uses cloud acceleration and data compression technology.
This browser is used by more than 400 million users.

https://economictimes.indiatimes.com/tech/internet/uc-browser-to-provide-in-app-cloud-
storage/articleshow/73138014.cms
9. TOR BROWSER
It works on the concept of Onion routing. Onion routing resemble to
onion in structure.

9
 https://www.techrepublic.com/article/how-to-use-the-tor-browser-on-an-android-device/
10. MAXTHON BROWSER
Maxthon is a freeware web browser for Windows, OS X and Linux,
developed by Chinese company Maxthon Ltd based in Beijing. It is also
available on Windows Phone 8, iOS and Android. Maxthon supports both
the Trident and the WebKit rendering engines.

https://www.online-sciences.com/computer/maxthon-browser-features-advantages-and-
disadvantages/

What’s More

ACTIVITY 2
Objective: Identify the different types of browsers.
Identification.
Directions: Identify what type of browser is being described. Write your
answers on a separate sheet of pad paper.

____________1. It works on the concept of Onion routing.

____________2. It is a freeware web browser for Windows, OS X and Linux,

developed by Chinese company based in Beijing.
____________3. It is a mobile browser developed by Chinese mobile Internet
company that is owned by AliBaba of China.
____________4. It is a product from software giant Microsoft that is the most
commonly used browser in the universe.
____________5. One of the features if this browser is the 75 language
support.
____________6. It is a freeware web browser developed by Google and its
beta version was first released on September 2, 2008 for
Microsoft Windows.
____________7. It is a web browser developed by Apple Inc. and included in
Mac OS X.
____________8. It is smaller and faster than most other browsers, yet it is
full- featured.
____________9. It is a discontinued proprietary web browser.

10
 ____________10. It is the default browser on windows 10 with internet
explorer on the side.

Lesson TYPES OF WEB PAGES AND

2 WEB SITES

What is It
WORLD WIDE WEB (WWW)

It is a powerful tool for communicating ideas, facts and opinions throughout the world.
WWW is an open source information space where documents and other web resources are
identified by Uniform Resource Locator (URL), interlinked by hypertext links, and can be
accessed via the internet. It is simply known as the Web. The World Wide Web was central to the
development of the Information Age and is the primary tool for billions of people to interact over
the internet.

THE FOLLOWING ARE THE SINGLE INTERFACE FOR ACCESSING THE PROTOCOLS THAT
ARE PROVIDED BY THE WORLD WIDE WEB:

1. E-mail (Simple Mail Transport Protocol or SMPT)

This is the protocol used for sending e-mail over the Internet. Your e-mail client (such as
Outlook, Eudora, or Mac OS X Mail) uses SMTP to send a message to the mail server, and the
mail server uses SMTP to relay that message to the correct receiving mail server.

https://www.educba.com/smtp-protocol/
2. FTP (File Transfer Protocol)
It is a standard communication protocol used for the transfer of computer files from a server
to a client on a computer network.

11
 https://cyberhoot.com/cybrary/file-transfer-protocol-ftp/

3. Usenet (Network News Transfer Protocol or NNTP)

It is an application protocol used for transporting Usenet news articles (netnews) between
news servers, and for reading/posting articles by the end user client applications.

https://ccnatutorials.in/application-layer-of-tcp-ip/nntp-network-news-transfer-protocol/

4. HTTP (HyperText transfer Protocol)

It is an application layer protocol for distributed, collaborative, hypermedia information
systems and it is the foundation of data communication for the World Wide Web, where
hypertext documents include hyperlinks to other resources that the user can easily access, for
example by a mouse click or by tapping the screen in a web browser.

https://www.wikiwand.com/en/Hypertext_Transfer_Protocol

5. VoIP (Voice over Internet Protocol)

It is a technology that allows you to make voice calls using a broadband Internet connection
instead of a regular (or analog) phone line.

12
HYPERTEXT & HYPERLINK

Hyper Text is a document containing words that connect to other documents. Rather
than remaining static like traditional text, hypertext makes possible a dynamic organization of
information through links and connections (called hyperlinks). Hyperlink is a reference to data
that the reader can directly follow by clicking or by hovering.

https://www.geeksforgeeks.org/hyperlink-vs-hypertext/

WEBSITE
It is a set of related web pages typically served from a single web domain. A website is a
collection of Web pages, images, videos or other digital assets that is hosted on one or more web
servers, usually accessible via the internet. The pages of a website can usually be accessed from
a common root URL called the homepage and usually reside on the same physical server. The
URLs of the pages organize them into a hierarchy, although the hyperlinks between them
control how the reader perceives the overall structure and how the traffic flows between the
different parts of the site.

https://theartsdevelopmentcompany.org.uk/resources/what-platform-should-i-use-to-build-

WEB PAGE

A web page is a resource of information that is suitable for the World Wide Web and can be
accessed through a web browser. This information is usually in HTML or XHTML format and
may provide navigation to other web pages via hypertext links.
Web Pages may be retrieved from a local computer or from a remote web server. The web
server may restrict access only to a private network, e.g. a corporate intranet or it may publish
pages on the World Wide Web.
Web pages are requested and served from web servers using Hypertext Transfer Protocol
(HTTP). Web pages may consist of files of static text stored within the web server’s file system
(static web pages) or the web server may construct the HTML for each web pages when it is
requested by a browser (dynamic web pages). Client-side scripting can make web pages more
responsive to user input once in the client browser.

13
 TYPES OF WEB SITES
https://www.slideshare.net/ZeeshanAlam/www-website-webpage

https://www.slideshare.net/ZeeshanAlam/www-website-webpage

WEB SITE CLASSIFICATION ACCORDING TO STYLE

• Static Website
It is one that has web pages stored on the server in the same form as
the user will view them. It is primarily coded in HTML and it simply
presents pre-defined information to the user.
It may include information about a company and its products and
services via text, photos, Flash animation, audio/video. This type of website
usually displays the same information to all visitors, thus the information is
static.

14
• Dynamic Website
It is one that does not have web pages stored on the server in the
same form as the user will view them. Instead, the web page content
changes automatically and/or frequently based on certain criteria. It
generally collates information on the hope each time a page is requested.
A website can be dynamic in one of two ways. The first is that the web
page code is constructed dynamically, piece by piece. The second is that the
web page content displayed varies based on certain criteria.

https://www.code-brew.com/blog/2019/11/30/3-reasons-why-you-need-a-dynamic-website/

WEB SITE CLASSIFICATION ACCORDING TO FUNCTION

1. Personal Website- This type of website is meant for personal purpose
that might include some family photos & personal diaries. This is useful for
family members to stay in touch with each other.
2. Commercial Website- Commercial websites are meant for commercial
purpose. It is meant for business purpose where company can show off its
product for the prospective consumers & create a market for same.
3. Government Website- Government websites are meant for digital
interactions between a citizen and their government.
4. Non-Profit Organization Website- Non-Profit Organization Websites are
created for the interaction of the members with the non-profit organization.

15
 What’s More

Activity 3
Objective: Identify the different types of the web pages or web sites.
I. MODIFIED TRUE OR FALSE
Directions: Write TRUE when the underlined word/words is correct and
write
FALSE if the underlined word/words is incorrect then write the
correct word/words to make the statement true. Write your
answer on a separate sheet of pad paper. (2 points each)

Example 1: Vice Ganda is a host of noontime show Eat Bulaga.

Answer: FALSE, IT’S SHOWTIME
Example 2: Manny Pacquiao is a boxer.
Answer: TRUE

________1. The World Wide Web was central to the development of the
information Age and is the primary tool for billions of people to
interact over the internet.
________2. File Transfer Protocol is the protocol used for sending e-mail over
the Internet.
________3. Commercial websites are meant for digital interactions between a
citizen and their government.
________4. HTTP (Hyperlink transfer Protocol) is an application layer protocol
for distributed, collaborative, hypermedia information systems.
________5. Personal website is meant for personal purpose that might
include
some family photos & personal diaries.
________6. Static website and dynamic website are web site classification
according to style.
________7. Personal website, commercial website, government website and
non-profit organization website is web site classification
according to function.
________8. Dynamic site is very easy to update.

________9. Static website is primarily coded in HTTP and it simply presents

pre-defined information to the user.
________10. Web pages are requested and served from web servers using HTML.

16
 Summative Assessment

I. WRITTEN WORK
Directions: Choose the correct answer. Write your answers on a separate
sheet of pad paper.
_______1. It is defined as the language for building Web Pages.
A. Home Tool Markup Language
B. Hypertext Markup Language
C. Hyper Markup Language
D. Hyperlink and Text Markup Language
_______2. It is a reference link that allows you to navigate to another page of
the same document or to another document.
A. HTML B. Hyperlink C. Web Text D. Web Page
_______3. W3C stands for____________________________________.
A. The World Wide Web Community
B. The World Wide Web Company
C. The World Wide Web Consortium
D. The World Wide Web Consultation
_______4. Which of the following is the NOT a type of web browser?
A. Mozilla Firefox C. Safari
B. Opera D. Wikipedia
_______5. Which of the following is a powerful tool for communicating thoughts
throughout the world?
A. hyperlink B. hypertext C. web site D. WWW
_______6. It is a mobile browser developed by Chinese mobile Internet
company originally launched in April 2004 for java platform only
but now it is available for Android, IOS and also windows.
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
______7. In the year 2002, the usage of this browser had almost disappeared
due to the increased usage of Microsoft's Internet Explorer.
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
_______8. It has a reputation for strong browser performance and it was
developed by Google.
A. Google Chrome C. Netscape Navigator
B. Internet Explorer D. UC Browser
_______9. What do you call a document containing words that connect to
other documents?
A. hyperlink B. hypertext C. web site D. WWW
______10 It is a collection of Web pages, images, videos or other digital assets that
is hosted on one or more web servers, usually accessible via the internet.
A. hyperlink B. hypertext C. web site D. WWW
II. PERFORMANCE TASK
Directions: Answer the following questions on a separate sheet of pad
paper. (2 points each)
1. As a student, what is the importance of search engines or web
browsers? (2 points)
2. What are the web site classifications according to style? (2 Points)
3. What are the differences between static and dynamic website? (3 Points)
4. What are the web site classifications according to functions? Give 1 example of each
web site classification. (8 Points)

17
18