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
activities 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 tips in navigating a website using essential features,
and;
4. provide details on the information checked online.

1
 What I Know

Choose the letter of the best answer. Write the chosen letter on your English
notebook.
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 combination 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
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

2
9. Visiting a certain website could make you do anything entertaining
except
A. playing online games
B. touring the solar system
C. watching movies, TV, and ads
D. taking pictures and videos with your friends
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. It is a text or phrase that links to another text on the website and
always connects to a related information.
A. click B. cursor C. hyperlink D. hypertext
12. Hyperlink directs you to other web pages through the following except
A. audio B. graphics C. media D. text
13. It shows ownership of the content through its branding, trademarks
and other graphical symbol.
A. color palettes B. font C. logo D. text
14. In a website, you can find in its contextual cues the following:
A. authors, dates, tags, icons
B. news, feature, sports, opinion
C. poems, plays, pictures, videos
D. sentences, phrases, clauses, paragraphs
15. It helps readers scan quickly for meaningful words.
A. contextual cues B. headings C. hypertext D. mouse

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 access to open the main page of the
website?
That’s great! Now, brace yourself to more fun-filled set of activities!

4
 What’s New

Activity 1 Within the Click

As you click Box 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 Box 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 wanted 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 needed.

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 needed.

Basic Elements: Hypertext 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
 Hypertext 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

Activity 2 Hypertext VS Hyperlink

Knowing the features of hypertext and hyperlink as the basic elements
in navigating the websites, distinguish their differences by answering the
questions below.
Hypertext Hyperlink

What are its basic

features?
__________________ __________________

What does it involve?

__________________ __________________

Does it connect to a
related information?
__________________ __________________

Alright! You have covered the basic elements of websites. Let us check
few more essential features. Check on the details from the website of Philippine
Daily Inquirer.

7
 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): It is a well-chosen, human-

readable web address that is important to sharing, credibility,
recognition, and recall.
B. Logo and branding: A logo 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: A link or graphic element (tab, button, or label)
related to navigation becomes more visually prominent when the user
selects that topic.
D. Headings: It helps 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: Date, 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.
Sou`rce: https://www.nngroup.com/articles/navigation-you-are-here/

8
 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 3 Info Search

Fill in the chart below with the information based on the information
provided by the website of Philippine Star.

Essential Features of Website Information Found

A.
B.
C.
D.
E.

What’s More

Activity 4 Check that FAQs (Frequently Asked Questions)

Read each situation and create your own one-sentence tips in navigating
the website using the essential features.

9
 Situation 1: I don’t know the website address.
How do I find it? Tip No. 1:
You do not always need to know a
website’s address, so long as you know Type in the search
something about the site. You can type in the engine any name that is
search engine like Google a person’s name or related to what you
any label that is related to what you are looking need .
for.
Situation 2: Do I have to type the entire web
address to go to a website? Tip No. 2:
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. ___________________
Situation 3: How can I check on more information Tip No. 3:
about the website? ___________________
___________________
Once you are on a particular website, click
___________________
on the hyperlinks and hypertexts to navigate to
___________________
other web pages to get further information.
Situation 4: What can I do if I wanted to track
important websites I already visited? Tip No. 4:
Fortunately, you can always save the ___________________
webpage to bookmark or also called Favorites. ___________________
Also, you can always find it again with a simple ___________________
web search. ___________________

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.

10
 The In learning to navigate the
challenging website, it is important to
activity for remember
me is _____________________
_________
_____________________
_________
_____________________

_________________

What I Can Do

Activity 5 Filipinos in the Cyberspace

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

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

11
 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.
_______________________

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 6 My Treasures

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.

14