7
English
Quarter 1:
WEBSITE NAVIGATION
Cecilia F. Yalon
Author
MOST ESSENTIAL LEARNING COMPETENCY:
Navigate a website using essential features, e.g. using headings, links, etc.
(EN7V-IV-d-23.1).
TO THE LEARNERS
Before you start this learning module, kindly set aside other tasks to be able to focus
on the lesson. Read the directions below to attain the objectives of this module.
1. Read and understand the contents of the module.
2. Write on your notebook the important concepts presented in the module.
3. Accomplish all the learning activities given in the module.
EXPECTATIONS
After studying this module, you should be able to:
Describe the various parts of the web;
Tell which text is a link;
Use the address bar and the search bar efficiently; and
Visit a website to find specific information.
Pre-Test
Let’s see how well you know about website navigation. Read each item carefully and
answer the questions that follow. Encircle the letter of the correct answer.
1. What is an application software that allows us to view and explore information on the
web?
A. Internet B. Computer C. Web browser D. Monitor
2. Which of the following is an example of a website?
A. Internet Explorer C. Google Chrome
B. Opera D. Wikipedia
3. Which of the following is not true about a website?
A. It is a collection of publicly accessible, interlinked Web pages that share a single
domain name.
B. It can be created and maintained by an individual, group, business, or
organization to serve a variety of purposes.
C. It comes in a limited variety of educational and news sites only.
D. It is also known as a web presence.
4. If you open your browser, what will you see at the top of your window?
A. Address bar B. Access bar C. Title bar D. Scroll bar
5. Which tab should you click if you do not know what to do?
A. Home B. About Us C. Help D. Services
LOOKING BACK
Name the three most popular search engines in the Philippines. Write your answer
on the space provided below each icon.
Image 1 Image 2 Image 3
1. __________ 2. ________________ 3. _______________
BRIEF INTRODUCTION
People in the 21st century are living in the fast-paced world. A world wherein constant
communication with others is viewed as a need and gathering information is vital. Alas, with
the technological advancement that we have today, those two factors do not pose as a
dilemma.
In this modern age, having the necessary computer skills will open doors of opportunity
for you since almost all jobs require computer literacy notwithstanding the fact that a number
of transactions are done online. This module will provide you basic knowledge on how to
navigate websites to equip you with necessary skills that is in demand today.
WEBSITE NAVIGATION
Before you start looking for any information using the internet, you must learn first what
a web browser is and familiarize yourself with the various parts of a website page and their
functions.
A web browser is a tool you use to access the internet like Chrome, Safari, Firefox,
and Internet Explorer. These web browsers enable you to access different web sites.
You will see in the given example on the next page that the web browser used is
Chrome. When you open any browser, you will see the address bar at the top of the window.
This is where you are going to type in any website you want to visit. After you have typed the
desired website, just press Enter or just simply click it. The web browser that you use will
consistently suggest a website even before you finish typing it. You may always click on the
suggestion/s provided.
Address bar
Image 4
Let us say that the website that you are looking for is already displayed. This time, let
us learn the different parts of a website.
1. Header
The header is the top part of a website that contains the logo and usually (but not
always) the site’s navigation menu. The header is a zone at the top of the page that stays
constant and visible as you click around a site.
Image 5
2. Navigation Bar
The navigation bar contains the links at the top of the page to help you find what you
are looking for. This may be found in the header or just below it.
Image 6
If you are using a cellular phone, the navigation may appear like an icon with three
stacked lines which is also known as “hamburger” because of its resemblance to the side
view of a hamburger.
Image 7
3. Website Content
The website content is all the information in different forms like texts, images, videos,
and animations.
Image 8
4. Side Bar
The side bar is located either at the left or at the right of the website content. Some
website pages have side bars at both sides. It usually contains advertisements, links to other
content, calls to action, or a search box.
Image 9
5. Footer
Every page of a website has a footer that is found at the bottom. It functions like a
header. It gives or links you to contact information, privacy policy, terms of use, site map,
social media icons, disclaimer, and links to other important pages.
Image 10
6. Link (Hyperlink)
The link may be a text, image, or video that is clickable in any part of a website page.
If the link is a text, it may be in any color but it usually appears in blue and/or is underlined.
The link allows you to navigate between pages in the web or to another website.
Image 11
ACTIVITIES
Activity 1: FB Live Test
List down the steps how you can change your profile picture in your Facebook
account.
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
Activity 2: Visit a Web Page
Type in My English Pages in the address bar of your web browser. Next, click
Reading at the heading. Then, read the article in the link The Internet and answer the
comprehension questions. Write the letter of the best answer on the space provided below.
1. __________ 3. __________
2. __________ 4. __________
Remember
A web browser is a software application which
enables a user to display and interact with text,
images, videos, music, and other information that
could be on a website.
Headings act as signposts and make it easier for you
to figure out what a post or page is about.
Links help you to navigate online content.
Internet plays a major part in your everyday living but
bear in mind that you should use it wisely to improve
the quality of your life and not cause harm.
CHECK YOUR UNDERSTANDING
Read and analyze the situation below and answer the questions that follow.
Mark lost his job because of the health crisis that the world is currently facing
due to the COVID-19 virus. He wants to hunt for a possible employment to provide for
his family. He wants to apply at Dr. Jose N, Rodriguez Memorial Hospital and
Sanitarium as a health personnel. Before submitting his application letter, he wants to
know more about the said hospital.
1. To look for the website of the hospital, what should he type? __________________
Tel. No.: 294-2571 to 73
Image 12
Find the hospital’s information from the given web page.
2. What is the name of the website? __________________________________
3. What is the hospital’s address? ___________________________________
4. What is the hospital’s telephone number? ___________________________
POST TEST
Directions: Read and answer the questions below. Encircle the letter of the best answer.
1. If you want to visit a website, which of the following will you open first?
A. Header B. Link C. Web Browser D. Address Bar
2. How do you navigate the web?
A. Click the footer. C. Double click the icon
B. Enter the URL or click links. D. Call the web designer.
3. If you want to know about a company, which of the following menu will you click?
A. Home B. About C. Resources D. Contact Us
4. Which of the following parts of a website represents this ?
A. Hamburger B. Side bar C. Footer D. Header
5. Where can you see the Home menu/button?
A. Navigation bar B. Footer C. Side bar D. Link
6. Where can you find the side bar of a web site?
A. Left side B. Right side C. Left and right sides D. Bottom
7. How can you tell which text is a link?
A. The text is red.
B. The cursor changes from an arrow to a hand.
C. The text is blue and is underlined.
D. Both B and C
8. If you want to talk to a customer care representative through chat, which of the
following menu will you go to?
A. Feedback B. Help C. Contact Support D. Home
9. If you want to give opinion and/or suggestions to the presentation software
developer, which of the following menu will you click on?
A. Feedback B. Help C. Contact Support D. Home
10. You want to know how to avoid contracting the dreaded COVID-19 virus. Which of
the following choices will you type in your address bar?
A. Origin of the virus C. COVID cases in the Philippines
B. 10 ways to be healthy D. How to protect yourself from COVID
REFLECTION
Write the important concepts you have learned from this module. How are you going
to apply all your learnings to your everyday living?
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
Congratulations for finishing this module. It is always fun to learn, isn’t it?
ANSWER KEY
Pre-Test
1. C
2. D
3. C
4. A
5. C
Looking Back
1. Google
2. Bing
3. Yahoo
Activity 2: FB Live Test
1. Click your profile picture at the top right.
2. When you move the cursor on your current profile picture, the word “Update” will
flash. Click on it.
3. Browse your stored photos and click on your chosen one.
4. Drag to reposition your chosen picture to fit inside the frame of your choice.
5. Lastly, click Save.
Activity 3: Visit a Webpage
1. Dr. Jose N. Rodriguez Memorial Hospital and Sanitarium
2. Dr. Jose N. Rodriguez Memorial Hospital and Sanitarium
3. St. Joseph Avenue, Tala, Caloocan City, 1427
4. 294-2371 to 73
Post Test
1. C
2. B
3. B
4. A
5. A
6. C
7. D
8. C
9. A
10. D
REFERENCES
Brinker, Mark. Parts of a Website: A Cheat for Non-Techies. (Mark Brinker &
Associates. Michigan,2020), June 15, 2020
https://www.markbrinker.com/parts-of-a-website?unapproved=22676&moderation-
hash=56fb251bf0d3ffe34291ca8d6381f5df#comment-22676.
How to Use a Web Browser. Lab 99 Web Design, June 15, 2020
http://www.lab99.com/web-advice/how-to-use-a-web-browser-1.
Internet Basics-Using a Web Browser. GCF Global, June 15, 2020.
https://www.youtube.com/watch?v=FxirRVJWUTs.
Website Navigation: Tips, Examples and Best Practices. The Daily Egg, June 15, 2020,
https://www.crazyegg.com/blog/website-navigation/.
What is the Internet? My English Pages, June 15, 2020.
https://www.myenglishpages.com/site_php_files/reading-internet.php.
SOURCES OF IMAGES
Image 1:
https://www.google.com/search?q=google+icon+image&sxsrf=ALeKk00wQYaEs_e-
4IpPNfzgeybxLa63mA:1593753893639&tbm=isch&source=iu&ictx=1&fir=q1ZgfBneytEZJM
%252CcsvKZqfogJWe0M%252C_&vet=1&usg=AI4_-
kTSTl_HZAt66e0Ctjxt_TvGC14Ohw&sa=X&ved=2ahUKEwjc5MH1q7DqAhXac94KHdBnCJ
oQ9QEwBXoECAoQLw&biw=1366&bih=667#imgrc=q1ZgfBneytEZJM
Image 2:
https://www.google.com/search?q=bing+icon+image&sxsrf=ALeKk03tnyY5l2E9aCIcruv6QK
Ga4xDZsw:1593756939685&tbm=isch&source=iu&ictx=1&fir=NCmaAoNu3CLwZM%252C
WL16ud3-oW9flM%252C_&vet=1&usg=AI4_-
kR4fubRSv1Pz3CvZ9Ha_FVgfSoBcQ&sa=X&ved=2ahUKEwjP1v2ht7DqAhXWBIgKHZA9D
5QQ9QEwA3oECAoQGQ&biw=1366&bih=667#imgrc=NCmaAoNu3CLwZM
Image 3:
https://www.google.com/search?q=yahoo+icon+image&sxsrf=ALeKk02WFxDYfmuYNHX2IR
OPytQgEmCI_g:1593754139623&tbm=isch&source=iu&ictx=1&fir=xvyFb6n_JYTO6M%252
CY0PrwSsa8sNQWM%252C_&vet=1&usg=AI4_-
kRab80ENguqe78PBb4oqeDkJ5N0ug&sa=X&ved=2ahUKEwj2wefqrLDqAhXMZt4KHVtHBD
UQ9QEwBnoECAoQKA&biw=1366&bih=667#imgrc=f6daUNLmyC8-PM
Image 4: Google
Images 5 and 6:
https://www.deped.gov.ph/
Image 7:
https://news.mb.com.ph/2020/06/15/doh-targets-to-bridge-gap-between-rated-and-actual-
capacity-of-covid-19-testing-by-end-of-july/
Image 8:
https://cosmolearning.org/.
Image 9:
https://news.abs-cbn.com/news/06/16/20/cebu-city-to-seek-looser-covid-19-quarantine-says-spike-
in-cases-due-to-aggressive-testing
Image 10:
https://www.commonsense.org/
Image 11:
https://en.wikipedia.org/wiki/Philippine_literature
Image 12:
http://djnrmh.doh.gov.ph/
