77

ENGLISH
Quarter 2-Module 3
Navigate a Website Using Essential
Features, e.g. Using Headings, Links,
etc.
English – Grade 7
Alternative Delivery Mode
Quarter 2 – Module 3: Navigate a Website Using Essential Features, e.g.
Using Headings, Links, etc.
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: Shaddai Lee T. Vidal
Editors: Jessie Lou L. Ecleo
Reviewers: Leizl A. Elli and Jessie Lou L. Ecleo
Illustrator:
Layout Artist/Typesetter: Ophelia Joy B. Villegas
Management Team: Senen Priscillo P. Paulin, CESO V Anna Lee A. Amores
Nilita L. Ragay, Ed.D. Rosela R. Abiera
Fay C. Luarez, TM, Ed.D., Ph.D. Maricel S. Rasid
Elmar L. Cabrera

Printed in the Philippines by ________________________

Department of Education –Region VII Schools Division of Negros Oriental

Office Address: Kagawasan, Ave., Daro, Dumaguete City, Negros Oriental

Tele #: (035) 225 2376 / 541 1117
E-mail Address: negros.oriental@deped.gov.ph
 7

English
Quarter 2-Module 3
Navigate a Website Using
Essential Features, e.g. Using
Headings, Links, etc.

i
Introductory Message
For the facilitator:

Welcome to the English 7 Alternative Delivery Mode (ADM) Module on

Navigate A Website Using Essential Features, e.g. Using Headings, Links,
Etc.!

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:

Learning never exhausts the mind.

-Leonardo Da Vinci-

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.

ii
For the learner:

Welcome to the English 7 Alternative Delivery Mode (ADM) Module on

Navigate A Website Using Essential Features, e.g. Using Headings, Links,
Etc.!

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.

This module has the following parts and corresponding icons:

This will give you an idea of the skills or

What I Need to Know competencies you are expected to learn in
the module.

This part includes an activity that aims to

check what you already know about the
What I Know
lesson to take. If you get all the answers
correct (100%), you may decide to skip this
module.
This is a brief drill or review to help you link
What’s In the current lesson with the previous one.

In this portion, the new lesson will be

What’s New introduced to you in various ways; a story, a
song, a poem, a problem opener, an activity
or a situation.
This section provides a brief discussion of
What is It the lesson. This aims to help you discover
and understand new concepts and skills.

This comprises activities for independent

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

iii
ii
 This is a task which aims to evaluate your
Assessment level of mastery in achieving the learning
competency.
In this portion, another activity will be given
Additional Activities to you to enrich your knowledge or skill of
the lesson learned.

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 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!

iv
 TABLE OF CONTENTS

CONTENT PAGES

TITLE PAGE ------------------------------------------------ i

INTRODUCTORY MESSAGE ----------------------------------- ii

For the Facilitator ---------------------------------- ii
For the learner ----------------------------------------- iii

WHAT I NEED TO KNOW ---------------------------------- 1

Learning Competency ---------------------------------- 1

WHAT I KNOW ------------------------------------------------ 2

WHAT’S IN ------------------------------------------------ 3
Task 1 ------------------------------------------------ 3

WHAT’S NEW ------------------------------------------------ 4

WHAT IS IT ------------------------------------------------ 4

WHAT’S MORE ------------------------------------------------ 9

WHAT I HAVE LEARNED --------------------------------- 10

WHAT I CAN DO ---------------------------------------- 10

ASSESSMENT ------------------------------------------------ 12

ADDITIONAL ACTIVITIES --------------------------------- 13

ANSWER KEYS ------------------------------------------------ 14

REFERENCE LIST -------------------------------------------- 15

v
 WHAT I NEED TO KNOW

Website navigation is one of the top factors to consider because it

conveys the breadth and type of a web site's content and offerings, or the
“aboutness” of the site. Website navigation is the process of navigating
pages, apps, and websites on the internet. The technology behind it is called
hypertext or hypermedia.

Website navigation allows you to flow from one page to another

without frustration. People visit lots of website every day, so they have no
shortage of places to find what they want. If you don’t offer a clear website
navigation menu, breadcrumbs, and other ways to explore your site, they
won’t bother.

This module provides discussion about the lesson with appropriate

examples and activities for you to browse and answer religiously. The
activities are simply designed to cater to your needs in developing your skills
in navigating a website using essential features using headings, links and
etc.

It is not enough that you acquire content or information. You must

be able to demonstrate what you learned by doing the activities prepared for
you. In other words, you must be able to digest the lesson through your
effort in giving answers to all activities in your activity notebook.

Learning Competency EN7V-IV-d-23.1

Navigate a website using essential features, e.g. Using headings, links, etc.

At the end of the module, you should be able to:

1. Identify correctly what website navigation means. (Cognitive)

2. Describe how to navigate a website using essential features.
(Psychomotor)
3. Take on website navigation as a millennial learner (Affective)
4. Display self-independence in accomplishing tasks and exercises on
navigating a website (Attitude)

Please take note that all answers shall be written in your activity
notebooks, and that there should never be any markings placed in this
module.

1
 WHAT I KNOW

Pre-assessment:

Directions: Read each item carefully. Write only the letter of the
correct answer in your notebook.

1. What is website navigation?

a. Website navigation is the tool on a website which guides users around
different sections of the website.
b. Website navigation is the transition from website on the internet
c. Website navigation is the process of passing information from
computer systems to the internet.
d. Website navigation is the tool for connecting to web servers.

2. A website is a collection of _____________.

a. Related pages of information and data content viewed through a web
browser
b. Interconnected computer systems on the internet.
c. Corporate identities served on the internet.
d. Documents stored on computers.

3. In good navigation, what is the maximum recommended number

of clicks required to reach a desired web page within a website?
a. one
b. two
c. three
d. four

4. Which is considered Non-Text Hyperlinks?

a. In images
b. In navigation menus
c. Posts in social media, such as Facebook or twitter
d. All of the above

5. This is a reference to another page or resource on the web,

embedded into the text of a page.
a. Text Hyperlinks
b. Search Engines
c. QR Codes
d. Website

https://study.com/academy/practice/quiz-worksheet-website-navigation-design.html

2
 WHAT’S IN

A browser is a piece of software that serves as a user's window and

access point to the World Wide Web. It's easy to overlook the importance of
the browser now that it's become ubiquitous in our daily lives.

Before you can fully navigate the web, try to be familiar with the
different icons you will come across with in the process. Identify the
different Web Browsers and Navigation features which are essential and
write your answer on your English Notebook.

Browser Icons Name of Web Browser

1.

2.

3.

4.

NAVIGATION AIDS IN WEB BROWSERS

https://www.google.com/search?q=web+navigation+worksheet

3
 WHAT’S NEW

Why Is Navigation Important on a Website?

Without website navigation, your visitors can’t figure out how to find
your blog, your email signup page, your product listings, pricing, contact
information, or help docs.
Start with this rule of thumb: Your website navigation structure
should allow someone to land on any page on your site and find what they
need within 3 clicks.
In an ideal world, every visitor would start on your homepage and
follow the same path through your website. But that’s not the case. Website
visitors navigate all over the place.
Keep in mind that you want to keep people on your site to explore
further. Give them reasons to click on links by inspiring curiosity and
enticing them with great offers.
https://www.crazyegg.com/blog/website-navigation/

WHAT IS IT

What Is Website Navigation?

Website navigation is the process of navigating pages, apps, and

websites on the internet. The technology behind it is called hypertext or
hypermedia.

Hypertext or media is text-based web pages that use hyperlinks to

connect them to other pages on the internet. A hyperlink is a link that leads
your web browser to a URL.

The URL indicates which file the browser should access from the
server and it downloads and renders the data so the user can see it.

Internal links lead to different pages on the same domain. External

links lead to different pages on another domain, a completely separate
website and server.

4
 Website navigation uses menus with internal links that make it easy
for visitors to find the page that they are looking for. Good navigation is an
essential element of a user-friendly site.
Menu navigation exists to help us find content and it should be simple
and intuitive.
When looking at a website, our expectation is to navigate with ease
and have a great experience but unfortunately, not every site is designed as
well as it should be. Your browser is equipped with many useful features to
assist you in navigating through the Web. These features are labelled in the
picture below:

1. Menu bar

The menu bar, located at the very top of the screen, can be accessed
using the mouse. When you hold down the mouse button over an item
in the main menu, a sub menu is “pulled down” that has a variety of
options. Actions that are in black can be performed, while actions that
cannot be performed will be in gray or lightened. The submenus
provide keyboard shortcuts for many common actions, allowing you to
implement the functions faster than using the mouse.

Menu Bar

2. Tool bar

The tool bar is located at the top of the browser; it contains

navigational buttons for the Web. Basic functions of these buttons
include:

Command Function
Home Opens or returns to starting page
Back Takes you to the previous page
Forward Takes you to the next page
Print Prints current page
Stop Stops loading a page
Reload Refresh/redisplays current page
Search Accesses search engine

5
3. Address bar

The location bar, below the tool bar, is a box labelled “Location,” “Go
To,” or “Address.” You can type in a site’s address, and press the
Return or Enter key to open the site.

Address Bar

4. Status bar

The status bar is located at the very bottom of the browser window.
You can watch the progress of a web page download to determine if
the host computer has been contacted and text and images are being
downloaded.

Status Bar

6
 5. Scroll bar

The scroll bar is the vertical bar located on the right of the browser
window. You can scroll up and down a web page by placing the cursor
on the slider control and holding down the mouse button.

Scroll Bar

https://kinsta.com/blog/website-navigation/
https://etc.usf.edu/techease/win/internet/how-do-i-use-my-web-browser-to-navigate-the-web/

5 Ways Of Navigating The Web (And Finding Content You

Like)
1. Text Hyperlinks

A hyperlink is a reference to another page or resource on the web,

embedded into the text of a page. Hyperlinks are almost always set off
from the surrounding text with some change in color or styling. Typically,
the linked text is blue and it might be underlined — though that is not
always the case.

A hyperlink has a URL, called the “hyper reference.” This is the

destination for the link. When you click on the link, your browser will
send a request for that URL and attempt to load it.

The notion of hyperlinks — links within the body of one document to

other documents — is the very essence of the web. Those connections,
forming a web-like structure, are what give the World Wide Web its name.

7
2. Non-Text Hyperlinks

Hyperlinks are not always within the text content of a page, links can be
found:

• In images
• In navigation menus
• As posts in social media, such as Facebook or Twitter
• In email messages
• On buttons
• As overlays on videos

3. Search Engines

Google, Bing, and other search engines help you to find content you are
looking for based on keyword searches.

Search engines usually track your search history and browsing patterns.
This is done to help improve the user experience, not to spy on you;
however, if you do not wish to be tracked, you can use an anonymous
search engine like DuckDuckGo.

4. Accessing a Website Directly

If you already know the website you wish to visit you can always simply
type an address directly into your browser. At the top of your web
browser, just above the main viewing panel, is an address bar. You can
type an address into it.

5. QR Codes

A QR code is similar to a bar code — it encodes

information into a small square design. QR codes
are often used to embed URLs of websites. On a
mobile device, you can access a website by using a
QR Reader app and letting it scan the QR code.

This is an example of a QR in SHAREit

https://websitebuilders.com/how-to/web-at-a-glance/navigating/

8
 WHAT'S MORE

Directions. TRUE or FALSE. Write T if the statement is true and F if it is false.

Write your answers on your notebook.

1. Each webpage has a unique address, known as a Uniform Resource

Locator (URL).
2. If you know the address, it can be typed into the web browser
address bar, and the browser will retrieve a copy of the page and
display it on your computer.
3. A hyperlink may be a link to another page on the same website, or
it may be a webpage from another website from elsewhere in the
world.
4. You should always be cautious when using hyperlinks, as they can
be created to connect to a different site than the one shown on the
page. Hyperlinks can be used to take you to a website created by
criminals who wish to learn private information about you and
perhaps steal your passwords.
5. The more specific the entry you provide for a search engine, the
more relevant the resulting webpages that it will return to you.
6. The Google search engine provides the option to narrow your search
down to images, maps, videos or news, as well as providing more
advanced search options using ‘search tools’.
7. When you type something into a search engine, it will search
through all the webpages it knows about and provide a list of
relevant sites. Depending on what you have asked the search
engine to look for, you may be presented with a very long list of
possible websites!
8. Google, Yahoo and Facebook are examples of popular search
engines.
9. Regardless of how the hyperlink is presented on the webpage, it will
provide a connection to the page or resource required.
10. www means world wide web.

9
 WHAT I HAVE LEARNED

Directions: Review the lesson on SKIMMING, SCANNING and CLOSE

READING. Then write your reflection in your notebook by finishing up the
unfinished statements below.

I have learned that ________________________________________________________

___________________________________________________________________________

I have realized that _______________________________________________________

__________________________________________________________________________

I will apply _______________________________________________________________

___________________________________________________________________________

WHAT I CAN DO

Directions. Below are two options for activities. Choose only one.

Option 1. Answer the following in your notebooks.

1. Where do you encode the URL that will direct you to your Facebook
account?
2. Do you agree that Hyperlinks are all in Text format? Elaborate.
3. Describe what a QR Code means and how will it help you navigate
the website?

Option 2. On this part, please provide an option for a navigation activity

for students who are able to try. Just put something like “For
those who have access to…” For those who don’t have access
may answer the questions you gave. For option 2, how do we
know that they got to the right page you’re asking? Do you
give the URL at the answer key?

10
 ASSESSMENT

Directions: Read each item carefully. Write only the letter of the
correct answer in your notebook.

1. This is the vertical bar located on the right of the browser window.
You can scroll up and down a web page by placing the cursor on the
slider control and holding down the mouse button.

a. address bar
b. menu bar
c. scroll bar
d. status bar

2. This is located at the very bottom of the browser window. You can
watch the progress of a web page download to determine if the host
computer has been contacted and text and images are being
downloaded.

a. address bar
b. menu bar
c. scroll bar
d. status bar

3. _____________ or media is text-based web pages that use hyperlinks

to connect them to other pages on the internet.

a. hyperlink
b. internet
c. hypertext
d. search engines

4. This is a code used to embed URLs of website and is written into a

small square design.
a. bar code
b. QR code
c. alphabet code
d. none of the above

5. This is the process of navigating pages, apps, and websites on the

internet. The technology behind it is called hypertext or hypermedia.

a. website navigation
b. hyperlinks
c. non text hyperlinks
d. hypermedia

12
 ADDITIONAL ACTIVITIES

Your teacher would like to know if you have your Facebook

account. If you do have, write the link on your notebook that will
redirect your teacher to view your Profile Picture.

Your link here:

___________________________________________________________

13
 ANSWER KEYS

Pre-assessment: What I can do

1. a Option 1.
2. a 1. address bar
3. a 2. No. Hyperlinks are not always
4. d within the text content of a
5. a page, links can be found:
• In images
What’s In • In navigation menus
1. Internet Explorer • As posts in social media,
2. Mozilla Firefox such as Facebook or
3. Google Chrome Twitter
4. Opera • In email messages
5. back button – return to page • On buttons
6. forward button – return to home • As overlays on videos
page
7. Home button – return to home page 3. A QR code is similar to a bar
8.reload button – reload web page code — it encodes
9. bookmark button – bookmark a information into a small
web page square design. QR codes are
10. browser icon – web browser
often used to embed URLs of
setting button
websites. On a mobile device,
11. close web browser button
you can access a website by
What’s More using a QR Reader app and
1. T letting it scan the QR code.
2. T Option 2.
3. T Update this part
4. T
5. T
6. T Assessment
7. T 1. c
8. F 2. d
9. T 3. c
10. T 4. b
5. a

14
 REFERENCE LIST

Cody Ray MillerCody Ray Miller is a young entrepreneur and the founder of
Freedom Online Team. “Website Navigation: Tips, Examples and Best
Practices.” The Daily Egg, June 26, 2020.
https://www.crazyegg.com/blog/website-navigation/.

“How to Improve Website Navigation (Examples and Why You Should Do It).”
Kinsta, September 15, 2020. https://kinsta.com/blog/website-
navigation/.

“Tech Ease.” How do I use my web browser to navigate the Web? " Internet "
Windows " Tech Ease. Accessed November 17, 2020.
https://etc.usf.edu/techease/win/internet/how-do-i-use-my-web-
browser-to-navigate-the-web/.

Horne, Katie. “6. The Web at a Glance: Navigating the Web.” Website
Builders.com. WebsiteBuilders.com, December 5, 2017.
https://websitebuilders.com/how-to/web-at-a-glance/navigating/.

Study.com. Accessed November 17, 2020.

https://study.com/academy/practice/quiz-worksheet-website-
navigation-design.html.

Google Search. Google. Accessed November 17, 2020.

https://www.google.com/search?q=web+navigation+worksheet.

15
For inquiries or feedback, please write or call:

Department of Education – Schools Division of Negros Oriental

Kagawasan, Avenue, Daro, Dumaguete City, Negros Oriental

Tel #: (035) 225 2376 / 541 1117

Email Address: negros.oriental@deped.gov.ph
Website: lrmds.depednodis.net