7

English Activity Sheet

Quarter 2 – MELC 3
Navigate a Website Using Essential
Features, e.g. Using Headings, Links, Etc.

REGION VI – WESTERN VISAYAS

English 7
Activity Sheet No. 3
First Edition, 2020

Published in the Philippines

By the Department of Education
Region 6 – Western Visayas

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.

This Learning Activity Sheet is developed by DepEd Region 6 – Western

Visayas.

ALL RIGHTS RESERVED. No part of this learning resource may be

reproduced or transmitted in any form or by any means electronic or mechanical
without written permission from the DepEd Regional Office 6 – Western Visayas.

Development Team of English Activity Sheet

Writer: Kristine Mae J. Lacson

Editors: Cecilia M. Fuentes, Bernadette J. Pacheco
Layout Artists: Kris Dawn C. Rivera, Mara Jamaica B. Floreno

Schools Division Quality Assurance Team: Dr. May P. Pascual Dr. Analie
Lobaton, Cecilia M. Fuentes, Bernadette Pacheco

Division of Cadiz City Management Team: Dr. Ma. Lorlinie M. Ortillio, Dr.
May P. Pascual, Cecilia M. Fuentes

Regional Management Team

Ma. Gemma M. Ledesma,
Dr. Josilyn S. Solana,
Dr. Elena P. Gonzaga,
Mr. Donald T. Genine,
Paul Nestor M. Pingil
Introductory Message
Welcome to English 7 !

The Learning Activity Sheet is a product of the collaborative efforts of the

Schools Division of Cadiz City and DepEd Regional Office VI - Western Visayas
through the Curriculum and Learning Management Division (CLMD). This is
developed to guide the learning facilitators (teachers, parents and responsible
adults) in helping the learners meet the standards set by the K to 12 Basic Education
Curriculum.

The Learning Activity Sheet is self-directed instructional materials aimed to

guide the learners in accomplishing activities at their own pace and time using the
contextualized resources in the community. This will also assist the learners in
acquiring the lifelong learning skills, knowledge and attitudes for productivity and
employment.

For learning facilitator:

The English 7 Activity Sheet will help you facilitate the leaching-learning
activities specified in each Most Essential Learning Competency (MELC) with
minimal or no face-to-face encounter between you and learner. This will be made
available to the learners with the references/links to ease the independent learning.

For the learner:

The English 7 Activity Sheet is developed to help you continue learning

even if you are not in school. This learning material provides you with meaningful
and engaging activities for independent learning. Being an active learner, carefully
read and understand the instructions then perform the activities and answer the
assessments. This will be returned to your facilitator on the agreed schedule.
 Learning Activity Sheets (LAS) (For English MOI LA)

Name of Learner:_______________________________________
Grade Level: _____________________________________________
Section: ______________________________________________
Date: ___________________________________________________

ENGLISH 7 ACTIVITY SHEET

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

I. Learning Competency with Code

Navigate a Website Using Essential Features, e.g. Using Headings, Links, Etc.
(EN7V-IV-d-23.1)

II. Background Information for Learners

A website is a group of World Wide Web pages usually containing hyperlinks

to each other and made available online by an individual, company, educational
institution, government, or organization.

Examples of websites that you are most likely familiar with are YouTube,
Google, Facebook, Twitter, Wikipedia, Yahoo!, Instagram, and Twitter.

Website navigation is the process of finding contents and features of a site

through a collection of user interface components. You can compare a website to a
new tourist spot. Imagine yourself exploring a new tourist spot. You have to know
the location of the cafeteria, the swimming pool, the movie house, and the roller-
coaster rides. These are the features of the place. The landmarks and signs,
brochures and maps are just some of the user interface components.

A. Links: Hypertext and Hypermedia

To navigate a website is like finding your way in a certain place. You use
menus with internal links in navigating pages, apps and websites on the internet.
This is made possible through hypertext or hypermedia. Hypertext is a word or
words that contains a hyperlink to another website, while hypermedia includes text,
graphics, audio or video.

Take a look at the given screenshots. When you click the word pandemic
which is a hypertext, you will be taken to another page that tells about pandemic.
 An image link is the most common form of hypermedia. When you click a
“thumbnail” image, a larger version of a picture may open in a new window. Often
linked to other pages are graphics or photos on the web. When you move the cursor
over an image or video and it changes into a small hand, it means the image or
video is linked to another page.

In this example of hypermedia, all of the images of popular cities in Western

Visayas are linked to another page such that when you click the image of Iloilo, you
will be taken to another page that tells about Iloilo.

B. Types of Website Navigation

In navigating a website, there are menus that make it easy for visitors to find
what they are looking for.

1. Horizontal Navigation Bar

The horizontal navigation bar is placed on the website header showing
the major navigation pages. This is an example of a header menu for the
website of the Department of Education. The header menu includes
Home, About, The Secretary, K to12, Resources, Procurement, Contact
Us and Regions.

2. Dropdown Navigation Menu

When you click K to 12, sub-menus appear and you will have options for
each item in the sub-menu. This is an example of a dropdown navigation
menu. Most important or general items are listed in the top-level
navigation bar. The rest are included in the dropdown menu.
.

3. Hamburger Navigation Menu

The hamburger menu is often used in mobile web design. Its name is
derived from how it looks. It has three horizontal lines that resemble a
hamburger. When clicked, the hamburger icon typically opens up into a
side menu or a navigation drawer. using a cellular phone, this is how the
website of the Department of Education looks like.

4. Vertical Sidebar Navigation Menu

The vertical sidebar navigation menu shows navigation items that are on
top of one another and is found in the sidebar.

5. Footer Navigation Menu

This type of menu is found at the bottom of the page for more options. The
footer menu of the Department of Education website includes both
hypertext and hypermedia.
III. Exercises / Activities

A. Icon Name You. Identify the term being defined in each item. Select from
the given choices inside the box. Write the letter of the correct answer on the
space provided.
_____ 1. Found in a sidebar, items are stacked on top of one another.
_____ 2. This link includes text, graphics, audio or video.
_____ 3. This is found at the bottom of the page for more options.
_____ 4. Often used in mobile apps, its icon has three lines and it opens up
into a side menu or a navigation drawer.
_____ 5. It can be a word or words that contains a hyperlink to another
website.
_____ 6. Most important or general items are listed in the top-level
navigation bar, while the rest are found in submenus.
_____ 7. It is placed on the website header showing the major navigation
pages.
_____ 8. It is the process of finding contents and features of a site through a
collection of user interface components.
_____ 9. It is the common form of hypermedia.
_____ 10. It is a group of World Wide Web pages usually containing
hyperlinks to each other.

a. image f. website
b. footer menu g. vertical sidebar navigation menu
c. horizontal navigation bar h. dropdown navigation menu
d. hamburger menu i. hypertext
e. website navigation j. hypermedia

B. Lost and Found. Study the following images to answer the given questions.
Encircle the letter of the correct answer.

1. Which item in the menu will tell you about the website?
a. CONTACT US c. ADD EVENT
b. ABOUT US d. HOME
2. This item will take you to the website’s homepage.
a. FESTIVALS c. HOME
 b. MAGAZINE d. ADD EVENT
3. What is the name of the website?
a. Find a Festival c. LOGIN
b. Festivals d. SIGN UP
4. Which item will give you information about the
daily weather forecast?
a. Flood c. Weather
b. Climate d. Vacancy
5. If you were to know about cyclone advisory,
which item will tell you so?
a. Products and Services
b. Agri-Weather
c. Tropical Cyclone
d. About Us
6. In Regional Forecast, a submenu contains
Northern Luzon, National Capital Region,
Southern Luzon, Visayas and Mindanao. Which
of the following will you click to know the
forecast for the region you are in?
a. Visayas c. Northern Luzon
b. Mindanao d. Southern Luzon

7. W
h
i
c
h

i
t
e
m

w
i
l
l

show you the resort’s attraction with dinosaurs?

a. SHOE HOUSE c. SKY BIKE
b. HANGING BRIDGE d. DINO PARK
8. What will you click to know the directions going to the resort?
a. VISITORS c. NEWSLETTER
b. How to Get There d. GROUNDS
9. What will you click if you want to ask something about the resort?
a. Contact Us c. Rates
b. Log Cabin Rooms d. Terms & Conditions
10. Which item will tell you the number of people that visit the resort?
a. THE RESORT AT A GLANCE c. NEWSLETTER
b. ABOUT THE RESORT d. VISITORS
 C. The Navigator. Search for a website. Take note of the website’s address,
name and three examples of items found in the major menu list. Present the
information following the given graphic organizer.

IV. Reflection
A Penny for My Thoughts. How can website navigation help you as a student?
Write your answer inside the cloud.

V. Reference for learners

Christensson, Per n.d. Hyperlink, accessed 11 December 2020,

<https://techterms.com/definition/hyperlink>.
Duò, Matteo 15 September 2020 How to Improve Website Navigation (With
Examples and Reasons Why You Should Do It), accessed 11 December
2020, <https://kinsta.com/blog/website-navigation>

Merriam-Webster n.d. Website, accessed 11 December 2020,

<https://www.merriam-webster.com/dictionary/website>.

Fitzgerald, Anna 9 October 2020, The Top-to-Bottom Guide to Website

Navigation, accessed 11 December 2020,
<https://blog.hubspot.com/website/main-website-navigation-ht>.

Tran, Tony Ho 12 March 2019, 10 pros and cons with the hamburger menu
(with examples), accessed 11 December 2020,
<https://www.invisionapp.com/inside-design/pros-and-cons-of-
hamburger-menus/>.

Difference between Hypertext and Hypermedia 25 August 2020, accessed

11 December 2020, <https://geeksforgeeks.org/difference-between-
hypertext-and-hypermedia>.

10 most popular websites in the world 20 February 2020, accessed 11

December 2020, <https://www.gadgetsnow.com/slideshows/10-most-
popular-websites-in-the-world/photolist/74077594.cms>.

Screenshots taken from:

http://bagong.pagasa.dost.gov.ph/

http://www.campuestohanhighlandresort.com/

https://www.deped.gov.ph/

https://findafestival.com/

https://www.trip.com/travel-guide/western-visayas-1448013/

https://www.webmd.com/cold-and-flu/features/what-is-pandemic

https://www.webmd.com/lung/coronavirus-prevention-overview

https://www.youtube.com/
A. Lost and Found B. Icon Name You
1. b 1. g
2. c 2. j
3. a 3. b
4. c 4. d
5. c 5. i
6. a 6. h
7. d 7. c
8. b 8. e
9. a 9. a
10. d 10. f
Answer Key VI.