English – Grade 7

Alternative Delivery Mode

Second Quarter – Module 3: Navigating a Website Using Essential Features
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 - Region 10

Regional Director: Dr. Arturo B. Bayocot, CESO III
Asst. Regional Director: Dr. Victor G. De Gracia Jr. CESO V

Development Team of the Module

Author: Tochie I. Cotejo
Reviewer: Arcita E. Balcita
Illustrator and Layout Artist: Nick I. Nano
Evaluators: Nathalie L. Sedero, Charlin S. Mejorada, Lotis S. Luceñada

Management Team
Chairperson: Dr. Arturo B. Bayocot, CESO III
Regional Director
Co-Chairpersons: Dr. Victor G. De Gracia Jr. CESO V
Asst. Regional Director
Edwin R. Maribojoc, EdD, CESO VI
Schools Division Superintendent
Eugene I. Macahis
Assistant Schools Division Superintendent
Mala Epra B. Magnaong, Chief ES, CLMD
Members Neil A. Improgo, EPS-LRMS
Bienvenido U. Tagolimot, Jr., EPS-ADM
Samuel C. Silacan, EdD, CID Chief
Joanette Clarpondel M. Caparaz, EPS - English
Rone Ray M. Portacion, EdD, EPS – LRMS
Maurita B. Barquez, EPS – MTB/Kindergarten
Loida A. Intong, EdD, PSDS
Agnes P. Gonzales, PDO II
Vilma M. Inso, Librarian II

Printed in the Philippines by

Department of Education – Region 10
Zone 1, DepEd Building Masterson Avenue, Upper Balulang
Cagayan de Oro City, 9000
Telefax: (088) 880 7072
E-mail Address: region10@deped.gov.ph
 7
English
Quarter 2 – Module 3
Navigating a Website
Using Essential Features

This instructional material was collaboratively developed and reviewed by

educators from public and private schools, colleges, and or/universities. We
encourage teachers and other education stakeholders to email their feedback,
comments, and recommendations to the Department of Education – Region
10 at region10@deped.gov.ph

Your feedback and recommendations are highly valued.

Department of Education ● Republic of the Philippines

 Introductory Message
For the learner:
As you immersed yourself into the digital world, learning how to
navigate the websites could help you cut down unnecessary time jumping
through web pages.
When you visit a website, there’s a lot of things going on behind the
scenes. This module Navigating Website Using Essential Features comes
handy in learning the tricks on the web!
In this module, the essential features in navigating the website were
used as tools for you to effectively search the internet with the necessary
information you need for studying. Enjoy exploring the internet as you develop
your skills on navigating varied websites.
This module provides you with meaningful opportunities for
independent learning at your own pace and time. You will be able to process
the contents of the learning resource while being an active learner.

This module has the following parts and corresponding icons:

What I Need This will give you an idea of the skills or
to Know competencies you are expected to learn in the
module.
What I This part includes an activity that aims to check
Know what you already know about the lesson to take.
If you get all the answers correct (100%), you
may decide to skip this module.

What’s In This is a brief drill or review to help you link the

current lesson with the previous one.

What’s New In this portion, the new lesson will be introduced

to you in various ways such as a story, a song, a
poem, a problem opener, an activity or a
situation.

What is It This section provides a brief discussion of the

lesson. This aims to help you discover and
understand new concepts and skills.
What’s This comprises activities for independent
More practice to solidify your understanding and skills
of the topic. You may check the answers to the
exercises using the Answer Key at the end of the
 module.
What I Have This includes questions or blank
Learned sentence/paragraph to be filled in to process
what you learned from the lesson.
What I Can This section provides an activity which will help
Do you transfer your new knowledge or skill into real
life situations or concerns.

Assessment This is a task which aims to evaluate your level

of mastery in achieving the learning competency.
Additional In this portion, another activity will be given to
Activities you to enrich your knowledge or skill of the
lesson learned. This also tends retention of
learned concepts and skills.

Answer Key This contains answers to all activities in the

module.

At the end of this module you will also find:

References This is a list of all sources used in

developing this module.

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 your English activity sheets 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 instructions 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 in this learning journey. Have fun and enjoy the learning
activities!
 TABLE OF CONTENTS

What I Need to Know ---------------- 1

What I Know ---------------- 2

What’s In ---------------- 4

What’s New ---------------- 5

Activity 1 Within the Click ---------------- 5

What is It ---------------- 6

Activity 2 Info Search --------------- 8

What’s More ---------------- 9

Activity 3 Check that FAQs

(Frequently Asked Questions) ---------------- 9

What I Have Learned ---------------- 10

Like that Change! ---------------- 10

What I Can Do ---------------- 11

Activity 4 Filipinos in the Cyberspace ---------------- 11

Assessment ---------------- 12

Additional Activity ---------------- 14

Activity 5 My Treasures ---------------- 14

Answer Key ---------------- 15

References ---------------- 17
 What I Need to Know

The advancement of technology welcomes the trend of internet surfing

that helps you quickly access information about things around you.
Knowing the basics of web browsing is one, but learning to navigate
wisely in these websites provide you efficiency in looking for the information
you need.
For a 21st century learner like you, utilizing the digital platform in
welcoming thought processes helps you become more updated about the
things happening around you.
Enhancing not only your ability to use a search engine to conduct a
guided search on a given topic but the ability to master the skill of navigating
through the websites would call for focus and openness in learning the tricky
world of the website browsing.
After going through this module, you are expected to navigate a
website using essential features, e.g. using headings, links, etc. (EN7SS-
II-c-1.5.3). Specifically, you should be able to:
1. differentiate hypertext and hyperlinks as the basic elements of a
website;
2. determine the essential features in navigating a website;
3. write one-sentence tip on navigating a website using essential features,
and;
4. provide details on the information checked online.

1
 What I Know

Directions: Choose the letter of the best answer. Write the letter of your
answer on your English activity sheets.

1. It is one of the most commonly browsed search engines on the web.

A. Facebook B. Google C. Instagram D. Internet Explorer

2. It is a group of world wide web pages that contains hyperlinks and

hypertexts to information available online.
A. film B. movie trailer C. social media D. website

3. A website could have these information, except

A. bank details B. company C. educational institution D. individual

4. In order for a user to navigate to a website, ______________________

could be done to the hypertexts and hyperlinks.
A. typing and deleting
B. scrolling and clicking
B. sending and tracking
D. searching and browsing

5. The following are the essential features in navigating the website,

except
A. heading B. logo C. mouse D. URL

6. These are powerful combinations that could send users of the websites
from one web page to another.
A. social media and ads
B. mouse and mouse pad
C. hypertext and hyperlink
D. movie trailer and documentary

2
7. Hypertext links you to another text and website through ___________.
A. audio B. images C. media D. text

8. It helps you navigate between web pages.

A. click B. cursor C. hyperlink D. hypertext

9. Which of the following activities entertain you when you visit a website?
A. playing online games
B. watching movies, TV, and ads
C. browsing pictures and videos of your favorite celebrities
D. all of the above

10. Hypertext and hyperlink appear usually in _____________________.

A. same color from the rest of the text
B. different color from the rest of the text
C. same shape from the rest of the pictures
D. different shape from the rest of the pictures
11.

3
 Lesson
Navigating a Website
1 Using Essential Features

What’s In

In your previous lesson, you have learned how to use a search engine
to conduct a guided search on a given topic and you have learned that
Google Chrome is one of the search engines.
For this lesson, please be advised that this is highly dependent when
using the search engines. To begin, type in your search engine Google:
Philippine Daily Inquirer. You can also access the website at
https://www.inquirer.net/

In order for you to access the main website of Philippine Daily Inquirer,
which among the letters are you going to click to open the main page of the
website? That’s great! It is letter B. Now, brace yourself to more fun-filled set
of activities!

4
 What’s New

Activity 1: Within the Click

Directions: As you click letter B from the search engine Google, it will direct
you to a specific website. Pay attention to the features of the website and
answer the process questions below.

Process Questions:
1) What website did you go to?
2) What was the purpose of the search of the website? Is it for your
personal knowledge? Or just because this module say so?
3) Did you pay attention to the features of the website? Were these
important for your purposes? Why or why not?

As you click letter B, you are directed to the website of Philippine

Daily Inquirer, one of the leading Philippine news and information website.
You can always visit a certain website especially if you want to find an
information on the web, whether it is for gaining knowledge, communicating
with each other, or even for entertainment!
In navigating the websites, it is important to check on its essential
features and their purposes to quickly look for the information you need.

5
 Alright! You have already started the lesson proper. Let’s get to know
about the basic elements of the website when we are accessing the internet.

What Is It

Search engines like Google can get you on any website. As a student
who frequently uses the web as an information space, you learn to navigate
on the features of the websites to get quickly to the site you need.

Basic Elements: Hypertexts and Hyperlinks

Hypertexts and hyperlinks are the “glue” that holds the web together.
This feature allows electronic files on the web to be linked so you can jump
from one website to another website.

Hypertext is a text or phrase that links to another text on the website. It

is purely text in nature. Whenever you click on a hypertext, it always connects
to a related information.

Meanwhile, hyperlink is a link that redirects you to other web pages. It

could be redirected to URL (Universal Resource Locator) to which a hypertext
directs you to access. Hyperlinks simply make it easy for you to navigate
between web pages. Unlike hypertext, it involves media, audio, video, images,
and graphics. Also, the directed link could contain some unrelated
information.

6
 Hypertexts and hyperlinks usually appear in a different color from the
rest of the text and often underlined. When you move your cursor over a text
link or over a graphic link, the cursor changes from an arrow to a hand.
Source:http://www.differencebetween.net/technology/difference-between-hypertext-and-hyperlink

Philippine Daily Inquirer indicates where you are with (A) URL, (B) logo
and branding, (C) navigation-bar change, (D) headings, and (E) contextual
cues.

To understand more on these essential features of a website, read the

following:

A. URL (Universal Resource Locator) - is a well-chosen, human-

readable web address that is important to sharing, credibility,
recognition, and recall.

7
 B. Logo and branding - shows ownership of the content. Logos should
be linked to the homepage. Other branding such as trademarks, color
palettes, and signature fonts may be used to trigger recognition of an
organization’s established credibility.

C. Navigation-bar change – is a link or graphic element (tab, button, or

label) related to navigation becomes more visually prominent when the
user selects that topic.

D. Headings - help readers scan quickly for meaningful words. Several

levels of heading can be exposed at once to show more context and
path information.

E. Contextual cues – are dates, tags, icons, and other symbols and
signs may be used to place the information in the right context, both in
time and in the site’s information.
Source: https://www.nngroup.com/articles/navigation-you-are-here/

Way to go! You have just acquainted yourself with navigating a website
using essential features. This will help you in surfing the websites in the
internet. Are you ready to take more activities to test your knowledge?

Activity 2: Info Search

Directions: Fill in the chart below with the information provided by the website
of Philippine Star as shown in the picture found at the next page.

Essential Features of Website Information Found

A.

B.

8
 C.

D.

E.

What’s More

Activity 3: Check that FAQs (Frequently Asked Questions)

Directions: Read each situation and create your own one-sentence tip on
navigating the website using the essential features. Situation 1 is done for
you.

9
 Situation 1: I don’t know the website address. Tip No. 1:
How do I find it?

You do not always need to know a website’s

Type in the search
address, so long as you know something about
engine any name that is
the site. You can type in the search engine like
related to what you
Google a person’s name or any label that is
need..
related to what you are looking for.

Situation 2: Do I have to type the entire web Tip No. 2:

address to go to a website? ___________________

Not necessarily. You can simply type some ___________________

words or label of the website. However, typing
the entire web address could direct you instantly ___________________

on the specific website.

___________________

What I Have Learned

Like that Change!

Now that you have completed this lesson, go over the tasks that you
came across and recall the most challenging activity.

In learning to navigate the

The
website, it is important to
challengin
remember
g activity
_____________________
for me is
_________
_____________________
_________
_____________________

_________________

10
 What I Can Do

Activity 4: Filipinos in the Cyberspace

Directions: In navigating the website, it is very important to be fully aware of
the information that you check online. Using the infographic below, provide
the details that are being asked.

Source: https://www.pinterest.ph/pin/494973815266546262/?nic_v1=1a4ng1J5B

1) List down the URL of the web.

__________________________________________________________
2) The logo for the company tells the owner of the website. Provide the
name of that company that can be found in the URL.
_______________________

11
 3) This is the heading that could show more context and path
information.
_______________________
4) Provide the details for the contextual cues:
Author: ___________________________
Number of Followers: _______________

5) In the navigation bar-change, provide the labels of the information

that can be seen in the website.
___________________ ___________________
Great job! Let us see what you have learned so far. You are now ready
to answer the assessment.

Assessment

I. Directions: Answer what is being asked on each item. Choose the letter
of the best answer.
1. Which will appear once the hyperlink will be clicked?

B
A

12
 2. The hypertext could be directed to a particular website, which one?

B
A

II. Directions: Navigating the website for Manila Bulletin, identify each
essential feature and provide the specific details in the chart.

1
2

3
4

13
 Essential Features in Specific Details

Navigating the Website

1)

2)

3)

4)

5)

Additional Activity

Activity 5: My Treasures

Directions: Reflect and focus on your thoughts and feelings about what you
experienced all throughout the journey. How will you apply these lessons in
your daily life? Fill out the blanks in the paragraph below.

I am confident to talk about my learnings about

_________________________. I would love to share that in navigating
websites, it is very important to know the ________________________. I
will be able to broaden my knowledge and skills through
________________________. The next time I will use the internet with
my smartphone or laptop, I will be able to _______________________.

Congratulations! You have successfully completed Module 3. Please

proceed to Module 4 and learn about researching a topic with support
using sources provided.

Answer Key

14
What I Can Do What I Know
Activity 4 Filipinos in the Cyberspace
1. B
1) https://www.pinterest.ph/pin/494973815266546262/?
2. D
nic_v1=1a4ng1J5B 3. A
Assessment Additional Activity
2) Pinterest 4. B
Activity 6 My Treasures
I. 1. A 5. C
I am confident to talk about
3) Philippine
2. B Internet Social Network Infograpic
my learnings 6. C about
4)II. Author:
(Answers may
Manila vary)
Gawker ________________. I would7. D love to
Number of Followers:
Essential Specific173 Followers
Details
8. C
share that in navigating websites, it is
Features in very important to 9.know
D the
5)Navigating
Photos, Comments 10. B
________________________. I will
the Website be able to broaden my knowledge
1) and skills through
2) _________________. The next time I
3) will use the internet with my
4) smartphone or laptop, I will be able to
5) ________________.

What I Have Learned

Like that Change! In learning to The
navigate the challeng
website, it is ing
Answers may vary important to activity
remember for me
_______________ is
_______________
_______________

What’s More (Answers may vary)

Activity 4 Check that FAQs (Frequently Asked Questions)
Tip No. 1: Tip No. 2:
Type in the search engine any name that ___________________
is related to what you need ___________________
___________________
___________________
Tip No. 2: Tip No. 4:
__________________________ ___________________
__________________________________ ___________________
___________________ ___________________
___________________

15
 What’s New (Answers may vary)
Activity 1 Within the Click

1) ___________________
2) ___________________
3) ___________________

What Is It (Answers may vary)

Activity 2 Info Search
Essential Features of Website Information Found
A.
B.
C.
D.
E.

16
 References

Department of Education - Bureau of Learning Resources. 2017. English -

Grade 7 Learner's Material. Pasig City: FEP Printing Corp.
Farrell, Susan. 2015. World Leaders in Research-Based User Experience.
October 25. Accessed August 3, 2020.
https://www.nngroup.com/articles/navigation-you-are-here/.
Khillar, Sagar. Difference Between. September 20, 2018.
http://www.differencebetween.net/technology/difference-between-
hypertext-and-hyperlink/ (accessed October 30, 2020).

Manila Gawker. n.d. The Philippine Cyberspace. Accessed August 3, 2020.

https://www.pinterest.ph/pin/494973815266546262/?
nic_v1=1a4ng1J5B.
Nielsen Norman Group. 2015. Navigation: You Are Here. October 25.
Accessed July 28, 2020. https://www.nngroup.com/articles/navigation-
you-are-here/.
Ramos, Christia Marie. 2020. Inquirer.net. July 29. Accessed July 28, 2020.
https://newsinfo.inquirer.net/1313734/senators-want-special-audit-on-
govt-covid-19-spending-before-2021-budget-deliberations.
WebsiteBuilders.com. 2019. Must-Watch Animation On How The Web Works
(+FAQ). December 19. Accessed July 28, 2020.
https://websitebuilders.com/how-to/the-animated-internet/how-the-web-
works/.

17
For inquiries or feedback, please write or call:

Department of Education – Region 10

Zone 1, DepEd Building Masterson Avenue, Upper Balulang
Cagayan de Oro City, 9000
Telefax: (088) 880 7072
E-mail Address: region10@deped.gov.ph