7

English
Quarter 2 – Module 3:
Website Navigation
English – Grade 7
Quarter 1 – Module 3: Website Navigation
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

Development Team of the Module

Writers: Sissy Reginio- Ragol
Editors: Amer Kasan C. Hasim & Aristine P. Dayot
Reviewers: Ma. Joressi O. Simafranca
Illustrator: Ivory Joan M. Tambala & Frank Lloyd A. de la Cruz
Layout Artist: Melanio R. Florindo, Jr.
Template Developer: Neil Edward D. Diaz
Management Team: Reynaldo S. Guillena
Basilio P. Mana-ay Jr.
Emma M. Camporedondo
Alma D. Cifra
May Ann Jumuad
Aris B. Juanilo

Printed in the Philippines by Davao City Division Learning Resources Management

Development System (LRMDS)

Department of Education – Region XI

Office Address: Elpidio Quirino Ave., Poblacion District, Davao City, 8000 Davao del Sur

Telefax: (082) 224- 3274, (082) 222- 1672

E-mail Address: [email protected]

 7

English
Quarter 2 – Module 3:
Website Navigation
Introductory Message
For the facilitator:
Welcome to the English Grade 7 Alternative Delivery Mode (ADM) Module on
Website Navigation.

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:

Notes to the Teacher

This contains helpful tips or strategies that
will help you in guiding the learners.

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.

For the learner:

Welcome to the English Grade 7 Alternative Delivery Mode (ADM) Module on
Website Navigation.

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:

Let Us Learn! This will give you an idea of the skills or

competencies you are expected to learn in the
module.

1
Let Us Try! This part includes an activity that aims to
check what you already know about the
lesson to take. If you get all the answers
correct (100%), you may decide to skip this
module.

Let Us Study 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.

Let Us Practice This comprises activities for independent

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.

Let Us Practice More This includes additional activities to support

learning from the topic.
This section provides a brief discussion of the
Let Us Remember
lesson. This aims to help you discover and
understand new concepts and skills.

Let Us Assess This is a task which aims to evaluate your

level of mastery in achieving the learning
competency.

Let Us Enhance In this portion, another activity will be given

to you to enrich your knowledge or skill of the
lesson learned. This also tends retention of
learned concepts.
Let Us Reflect
This section provides an activity which will
help you transfer your new knowledge or skill
Answer Key into real life situations or concerns.
This contains answers to all activities in the
module.

2
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 Let Us Try 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.
7. 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.
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!

3
 Let Us Learn!

Great day to you dear learner!

In this module, you will learn the amazing world which

allows you to search information, find credible

resources and connect network worldwide.

You will learn what a website is and how to navigate it using

essential features. May you find significant learning experiences

and joy from this module.

Let’s start the fun and learning now.

After going through this module, you are expected to:

1. Determine the different types of website;
2. Identify features of a website navigation; and
3. Navigate a website by using essential features e.g. using headings, links,
etc.

Let Us Try!

PRE_TEST

DIRECTIONS: Read the following sentences. Choose the letter of the correct
answer.

1. A website is hosted on servers. These servers are called ____________.

A. links
B. Toolbars
C. Web browsers
D. Search engines

2. Shopee, Lazada, and Zalora are examples of what type of website?

A. Blog websites
B. Portfolio websites
C. E-commerce websites
D. TV or video streaming websites

4
3. Facebook, Instagram, and Twitter are examples of what type of website?
A. E-commerce websites
B. Social media websites
C. News or magazine websites
D. TV or video streaming websites

4. Chrome, Firefox and Internet Explorer are also called _____________.

A. Links
B. URLs
C. Websites
D. Web Browsers

5. It is a link that leads your web browser to a URL.

A. Website
B. Hyperlink
C. Hypermedia
D. Navigation Menu

6. It is the opening page of a website that welcomes and guides the visitors.
A. Footer
B. Header
C. Homepage
D. Navigation Menu

7. These sites are usually created to let people share thoughts, images or ideas,
or simply connect with other people.
A. Portfolio Websites
B. E-commerce Websites
C. Social Media Websites
D. TV or Streaming Websites

8. You bought a brand new phone and you want to read a review about it.
What website would you look into?
A. Blog Website
B. Portfolio Website
C. E-commerce Website
D. Social Media Website

9. It is the most common type of website navigation consists of a horizontal list

of the sections of the site.
A. Footer Navigation
B. Vertical Navigation
C. Horizontal Navigation
D. Drop-down Navigation

10. If you see websites that end with .gov, what type of domain are these
websites?
A. Commercial websites
B. Educational websites
C. Government websites
D. Nonprofit organization websites

5
11. You want to buy a new pair of shoes, but you are afraid to go out because of
the COVID-19 pandemic. You decided to look at the internet and look for a
website for you to buy. What kind of website will you open?
A. Blog websites
B. E-commerce website
C. Social Media websites
D. TV or Video Streaming websites

12. It is a type of navigation menu that is often seen in mobile web design.
A. Vertical navigation menu
B. Horizontal navigation menu
C. Hamburger navigation menu
D. Drop-down navigation menu

13. User will associate these with the content they represent, creating an even
clearer approach to a button bar.
A. Logos
B. Pictures
C. Websites
D. Icons or Graphics

14. Where can a visitor find some more information if it is not found in the
prominent features on the website?
A. Slider
B. Footer
C. Header
D. Homepage

15. It is a simple website element that tells the visitor to do something.

A. Slider
B. Header
C. Sidebar
D. Call to action

6
 Lesson
Website Navigation
3
Let Us Study

The internet is quickly becoming everybody’s best friend. Few mouse clicks
point us to a nearby beauty salon where we can do our hair; several keystrokes
take us to an online shop; with a few tap on our phones, distance is lessened
between or among people from different places. For many of us who use the
internet to buy things or deliver products or services, the ability to navigate website
is crucial to their success. Navigating the cyber world has become a life skill in our
everyday lives as we use the internet.

Knowing the basics of website navigation or the basics of browsing the web
is very important for easier access in today’s world of technology.

Activity 1: Website Check!

Direction: Check (√) whether the following websites are familiar to you or not.

Websites Familiar Not

Familiar
1. www.facebook.com
2. www.shopee.com
3. www.youtube.com
4. www.instagram.com
5. www.lazada.com
6. www.twitter.com
7. www.sunstar.com.ph
8. www.englishgrammar.org
9. www.reddit.com
10. www.amazon.com

Every day we use countless websites that it becomes second nature to us, but
do you know what is a website? Are you familiar with the different types of websites
and how to navigate them? Let’s try to understand it in the discussion below.

7
What is a Website?

Websites come in a nearly endless variety, including educational sites, news

sites, forums, social media sites, e-commerce sites, and so on. The pages within a
website are usually a mix of text and other media. That said, there are no rules
dictating the form of a website.
A person could create a website of nothing but black and white photos of
roses, or the word "cat" linked to another Web page with the word "mouse."
However, many sites follow a standard pattern of a homepage that links off to other
categories and content within the website.
The homepage (or simply “home”) represents the main page of the site itself.
Frequently, the homepage is a sort of “hub” from which all other pages can be
accessed. An internal web page to which several other pages are linked in a
coherent structure (such as a specific category of topics) is instead called a “parent
page.”
Every page is a single HTML (Hypertext Markup Language) document, and all
of them are connected through hyperlinks (or simply “link”) which can be combined
in a navigation bar for ease of use.
Websites are hosted on servers, and require a web browser such as Chrome,
Firefox, or Internet Explorer to be visited (either on a computer or mobile device).
A website can be accessed directly by entering its URL (Uniform Resource
Locator) address or by searching it on a search engine such as Google.
Originally, websites were categorized by their top-level domains. Some examples
include:
• Government agency websites = .gov
• Educational institutions’ websites = .edu
• Nonprofit organizations’ websites = .org
• Commercial websites = .com
• Information sites = .info
Although these top-level domains extensions still exist, they say little about
a website's actual content. In modern days’ internet, the ".com" extension is by far
the most popular domain, together with many other country-specific extensions
(.it, .de, .co.uk, .fr, etc.).
https://www.techopedia.com/definition/5411/website

8
What are the Different Types of Websites?
1. BLOG WEBSITES

You’ve likely come across blogs in your browsing experience, but for those
who aren’t familiar, they’re online journals or informational pages that are
regularly updated.

Typically managed by an individual or a small group, a blog can cover any

topic – whether it’s travel tips, financial advice, or doughnut reviews. While they’re
often written in an informal or conversational style, professional blogging has gone
on to become an extremely popular method of making money online.

2. E-COMMERCE WEBSITES

An e-commerce website is an online shopping destination where users can

purchase products or services from your company.

A robust e-commerce web page makes it easy to browse products, filter by

categories, highlight special sales and make purchases.

Screenshot www.shopee.com

9
3. PORTFOLIO WEBSITES

A portfolio website allows creative professionals a place for showcasing their

best work. This is perfect for artists, writers, designers, filmmakers, furniture
builders—you name it.

As you build a portfolio, there’s no need to add every single project you’ve ever
worked on. Instead, focus on creating categories of items and highlighting the best
work from each category. A portfolio website is a bit more creative by nature, so
this is the place to try unique layouts and add in interesting features.

Screenshot https://dribbble.com/

4. NEWS OR MAGAZINE WEBSITES

News and magazine websites need little explanation. The primary purpose of
a news website is to keep its readers up to date on current affairs, whereas online
magazines will focus more on entertainment.

Screenshot www.inquirer.com

10
5. SOCIAL MEDIA WEBSITES

We all know Facebook and Twitter, but social media sites can take many other
forms. These sites are usually created to let people share thoughts, images or ideas,
or simply connect with other people in relation to a certain topic. Social media sites
are also increasingly becoming the go-to destination for people to read up on the
news.

Screenshot www.facebook.com

6. TV or VIDEO STREAMING WEBSITES

One of the most popular Internet activities is online web streaming. It allows
you to watch video from across the country or even across the world. Whether you
want to watch news, funny videos, vlogs, tutorials, TV shows, or a product review,
you can find it in any video streaming websites. The most Netflix, along with
YouTube have revolutionized the way the world watches television.

Screenshot www.youtube.com

11
 7. EDUCATIONAL WEBSITES

These websites are designed to display information on certain topics, either

using interactive games or engaging designs such as creative and fun tools to keep
the user hooked.

Screenshot www.funbrain.com

https://www.expertmarket.co.uk/web-design/different-types-of-websites
https://99designs.com/blog/web-digital/types-of-websites/

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. Hyperlinks are often blue and underlined.

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.

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.
https://kinsta.com/blog/website-navigation/

12
What are the Features of a Website Navigation?

1. HOMEPAGE
The home page of a website is the opening page, usually located at your
main website URL. Its goals are usually to:
• Welcome visitors
• Help them realize they’re in the right place
• Immediately make it clear what you do
• Guide visitors further into the website

Home pages can be long or short, containing a lot of information or just a

little, depending on your goals.

Keep in mind that the home page is not always the first page that visitors
land on when they enter your website. So every page on your website should lead
visitors to learn more about you and take action, not just the home page.

2. SLIDER

A slider on a website is a changing content area with different “slides” of

visuals or information. The slides may include a large image and they may also
include text and buttons overlaid on top.

13
3. HEADER

The header of a website is the consistent area at the top of the site that
includes the logo and navigation menu.

Example of a website header on the Naylor Landscape website, highlighted in red

A header might include:

• Logo
• Navigation menu
• Tagline
• Phone number
• Address
• Search box
• Buttons
• Social media icons
• Login or My Account link

4. NAVIGATION MENU

The navigation is part of the header and includes the links that take visitors
to other parts of your website.

5. PRIMARY/SECONDARY NAVIGATION

Note that navigation can include both primary and secondary navigation
menus. Two separate navigation menus are used when there may be a lot of
navigation needed, and you want to be clear which links are most important.

14
 The Vitale-Robinson website includes a primary menu (larger) and a secondary menu (smaller, in a black bar)

The primary menu includes the main, most prominent links. These are links
to high-value pages on the website like the Services and Contact pages.

The secondary menu includes other links that may not be as transactional or
important. This might be links to Login, My Account, or Employment.

6. SIDEBAR

A sidebar is an area of the website used to display information that’s not part
of the page’s main content.

A sidebar can include an opt-in, call to action, links to other parts of the
website, links to popular or recent blog posts, advertisements, social media links,
or a brief “About” paragraph for context.

A website with the sidebar highlighted

Sidebars used to be very trendy places to throw everything you didn’t want a
website visitor to miss. Today, though, there is a lot more talk around the idea
that sidebars just add distracting clutter to a website.

15
 7. CALL TO ACTION

A call to action (sometimes abbreviated CTA) is a word, phrase, button, or

image that asks a website visitor to take a specific action. It is simply a website
element asking your visitors to do something.

Some of those possible next steps that make a great CTA:

• Call us today
• Contact us now
• Schedule a consultation
• Sign up for our webinar
• Register now
• Schedule a tour
• Book a free session

8. FOOTER

The website footer is the consistent content area at the bottom of every page
of your website. Consider it the bottom bun on the website cheeseburger (if the
header is the top bun).

The footer can be anything from a single line of copyright information to a

multi-section area with contact information, a map, links, opt-ins, social icons, a
search box, and much more.

The footer is also where users expect to find Contact information, a My

Account link (if applicable), and legal pages like your Privacy Policy.

https://11web.com/parts-of-a-website/

16
What are the types of Website Navigation?
Navigation is a key element of any website—it’s how the user gets from section
to section, and to specific content. Most website navigation nowadays follows a
handful of specific formats that, because they're familiar, won't leave your site
visitors confused about how to access your content

1. HORIZONTAL TEXT

Horizontal text-based navigation is probably the most common style found

online. This type of navigation consists of a horizontal list of the sections of the
site, generally named in one or two words each. It can either be created with
graphics or straight HTML text, both of which can have rollovers for a bit of user
interaction.

2. VERTICAL SIDEBAR NAVIGATION

Vertical text navigation is also quite common and is often used for sites
requiring a longer list of button bar items, expandable navigation, or for titles of
longer length. Vertical navigation is most commonly found along the left side of the
webpage, though right side navigation can be effective if designed properly or if for
secondary navigation. Vertical navigation is often used for a second button bar,
such as for sub-sections of a major section found in a horizontal bar at the top of
the page.

17
3. DROP-DOWN MENUS

Drop-down menus are often used along with horizontal navigation, and allow
the user to jump not just to the main sections of the site, but also to many of the
key sub-sections. Sites with a lot of content can certainly benefit from drop-downs,
as they eliminate a click to your content.

Screenshot

4. ICONS OR GRAPHICS

Integrating icons or other graphics into your navigation can create an

intuitive interface. The user will associate the icons with the content they
represent, creating an even clearer approach to a button bar. A set of navigation
icons should be created in a consistent style with each other and the site as a
whole, as they should improve the site design rather than create a distraction. It
should also be clear what they represent. Adding icons just to make a design look
better may not serve the best interests of the site.

18
 5. HAMBURGER NAVIGATION MENU

The hamburger menu is most often seen in mobile web design. With this style,
the navigation items are often listed horizontally on larger screen sizes and collapse
behind a hamburger button on smaller screen sizes. When visitors click on this
three-line icon, a vertical drop-down or horizontal pop-out appears with the
navigation links. This type of design is ideal for mobile apps or sites where real
estate is limited.

https://www.nettlestudios.com/

6. FOOTER NAVIGATION MENU

A footer menu is typically paired with — and expands upon — a horizontal

navigation bar. If a visitor doesn’t find the nav link they’re looking for in the header,
they can scroll down to the bottom of the page for more options.

https://www.nytimes.com/

https://www.lifewire.com/types-of-website-navigation-1697495

19
 Let Us Practice

Activity 2: Are you my Type?

DIRECTIONS: Based on the discussion, determine the following websites according

to its type by clicking the links below. Put your answers inside the table. The answers
can be found inside the box.

Blog Website E-commerce Website Social Media Website

Portfolio Website News or Magazine Website

Educational
Website TV or Video Streaming Website

Websites Type of Website

1. www.facebook.com
2. www.shopee.com
3. www.youtube.com
4. www.instagram.com
5. www. journoportfolio.com
6. www.twitter.com
7. www.sunstar.com.ph
8. www.englishgrammar.org
9. www.netflix.com
10. www.amazon.com
11. www.wordpress.org
12. www.lazada.com
13. www.foliolink.com
14. www.zalora.com
15. www.typepad.com

20
 Let Us Practice More

Activity 3: Feature Me!

DIRECTIONS: Observe the website homepage below, identify the features of a

website navigation. Write your answers on the space provided before each number.

_______________1.

_______________2.

_______________3.

_______________4.

_______________5.

_______________6.

www.campholidayresort.com

21
Activity 4: Website Search: Company Information
1
Silvia is from the Philippines. Now, she lives in
Charlottesville, Virginia. In her country, Silvia and her family
owned a small café in the city. She made coffee and pastries in
2
the café. Silvia wants to work in a coffee shop again. Her friend
told her about a nice coffee shop called the Mudhouse. She
wants more information about the café, so she looks on the
Internet.

Direction: Find the Company Information from the website above:

Company Name:
Company Web Address (URL):
Mudhouse Street Address: ______________________________________
Mudhouse Telephone Number: _______________________________________
Mudhouse Hours: Monday: _______ Tuesday: _______ Wednesday: _______
Thursday: _______ Friday: _______ Saturday: _______
Sunday: _______

22
 Silvia found a lot of good information about the
Mudhouse on the Internet. It is close to her house, so
she can take the bus when the weather is bad and walk
when the weather is nice. She is going to call tomorrow
morning to ask about a job. If tomorrow is Friday, what
time can she call?
https://www.apsva.us/wp-content/uploads/2016/07/REEPcurricu_200-250_Navigation-and-Search.pdf

Let Us Remember

Activity 5: Fill me in
Directions: Write the missing word/s on the lines below.

1. Example of web browsers are _______________ and _________________.

2. Websites may use ____________ (picture) to associate a content they represent.
3. _____________ are often blue and are underlined.
4. _____________ come in nearly endless variety such as news, social media, video
streaming, forums, blogs, e-commerce, etc.
5. _____________ is the starting point or the opening page of a website.
6. The most common social media sites are _____________ and _______________.
7. www.shopee.com is a rising _________________ website.
8. URL stands for ___________________________.
9. An educational website ends with ___________.
10. HTML means___________________.

Let Us Assess

DIRECTIONS: Read the following sentences. Choose the letter of the correct
answer.

1. Chrome, Firefox and Internet Explorer are also called _____________.

A. Links
B. URLs
C. Websites
D. Web Browsers

23
2. It is simple a website element that tells the visitor to do something.
A. Slider
B. Header
C. Sidebar
D. Call to action

3. You want to buy a new pair of shoes, but you are afraid to go out because of
the COVID-19 pandemic. You decided to look at the internet and look for a
website for you to buy. What kind of website will you open?
A. Blog websites
B. E-commerce websites
C. Social Media websites
D. TV or Video Streaming websites

4. These sites are usually created to let people share thoughts, images or ideas,
or simply connect with other people.
A. Portfolio Websites
B. E-commerce Websites
C. Social Media Websites
D. TV or Streaming Websites

5. It is the most common type of website navigation consists of a horizontal list

of the sections of the site.
A. Footer Navigation
B. Vertical Navigation
C. Horizontal Navigation
D. Drop-down Navigation

6. A website is hosted on servers. These servers are called ____________.

A. links
B. Toolbars
C. Web browsers
D. Search engines

7. Facebook, Instagram, and Twitter are examples of what type of website?

A. E-commerce websites
B. Social media websites
C. News or magazine websites
D. TV or video streaming websites

8. Where can a visitor find some more information if it is not found in the
prominent features on the website?
A. Slider
B. Footer
C. Header
D. Homepage

24
9. Shopee, Lazada, and Zalora are examples of what type of website?
A. Blog websites
B. Portfolio websites
C. E-commerce websites
D. TV or video streaming websites

10. It is the opening page of a website that welcomes and guides the visitors.
A. Footer
B. Header
C. Homepage
D. Navigation Menu

11. If you see websites that end with .gov, what type of domain are these
websites?
A. Commercial websites
B. Educational websites
C. Government websites
D. Nonprofit organization websites

12. User will associate these with the content they represent, creating an even
clearer approach to a button bar.
A. Logos
B. Pictures
C. Websites
D. Icons or Graphics

13. You bought a brand new phone and you want to read a review about it.
What website would you look into?
A. Blog Website
B. Portfolio Website
C. E-commerce Website
D. Social Media Website

14. It is a type of navigation menu that is often seen in mobile web design.
A. Vertical navigation menu
B. Horizontal navigation menu
C. Hamburger navigation menu
D. Drop-down navigation menu

15. It is a link that leads your web browser to a URL.

A. Website
B. Hyperlink
C. Hypermedia
D. Navigation Menu

25
 Let Us Enhance

Activity 6: Navigate me!

Directions: Using the information you have just learned, navigate a website by
following the instructions below. Answer the questions that are asked.

1. Open the link www. https://www.starbucks.com/

2. What do you see in the Navigation menu?
3. Click MENU.
4. What type of Website Navigation do you see?
5. Is there a Primary and Secondary Navigation? Can you identify them?
6. If you click the icon HOT COFFEES what do you see?
7. Click FEATURED tab.
8. What is the website’s featured menu? (Take a screen shot if you can)
9. You want to visit their store, but you don’t know where to find one. Where
will you go in the website?
10. What do you see in the footer?

Below are the screenshots of the website for those who cannot access the link.

26
27
 Let Us Reflect
Have you learned a lot in this module?
Using the internet is one of the many life skills we should enhance
in today’s digital age. The ability to navigate website is crucial
in your success.

Directions: Write a simple journal or reflection on your journey through this lesson
by completing the blank space below.

I have learned that…

______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________

______________________________________________________

28
 29
ACTIVITY 4: Website Search: Company Information
➢ Company Name:
➢ Company Web Address (URL): www.mudhouse.com/
➢ Mudhouse Street Address: 213 N. Main St. Charlottesville VA
22902
➢ Mudhouse Telephone Number: (434)984-6833
➢ Mudhouse Hours: Mon-Thu: 7am-10pm, Fri-Sat: 7am-
11pm, Sun: 7am-7pm
➢ Between 7am-11pm
Let Us Practice
ACTIVITY 2: Are You
my Type? Let Us Try
1. Social media website 1. C
Let Us Practice 2. E-commerce website 2. C
More 3. TV or video streaming 3. B
website 4. D
ACTIVITY 3: 4. Social media website
Feature me! 5. B
5. Portfolio website 6. C
1. Header 6. Social media website
2. Slider 7. C
7. News or magazine 8. A
3. Navigation Menu website
4. Sidebar 9. C
8. Educational website 10.C
5. Call to action 9. TV or video streaming
6. Footer 11.B
website 12.C
10. E-commerce website 13.
11. Blog website 14.B
12. E-commerce website 15.D
13. Portfolio website
14. E-commerce website
15. Blog website
Answer key to Activities
 30
Let Us Assess: Let Us Remember
1. D Activity 5: Fill Me In
2. D
1. Google Chrome,
3. B
Internet Explorer
4. C
5. C or Mozilla Firefox
6. C 2. Icon
7. B 3. Hyperlink or Link
8. B 4. Website
9. C 5. Hompage
10. C 6. FB, Twitter,
11. C Instagram
12. D 7. E-commerce
13. A 8. Uniform Resource
14. C Locator
15. B 9. .edu
10.Hypertect Markup
Language
 References

Barraclough, D. (2020). What are the Different Types of Websites? | Expert Market (Dec
19). Retrieved from https://www.expertmarket.co.uk/web-design/different-types-of-
websites (Accesses 11 November 2020)

Dunn, S. (2020). Parts of a Website: Web Design Terms Explained. Retrieved from
https://11web.com/parts-of-a-website/ (Accessed 15 November 2020)

Duò, M. (2020). How to Improve Website Navigation (Examples and Why You Should Do
It). Retrieved from https://kinsta.com/blog/website-navigation/ (Accessed 15
November 2020)

Ferguson, N. (2020). Basic Internet Navigation. Retrieved from https://www.apsva.us/wp-

content/uploads/2016/07/REEPcurricu_200-250_Navigation-and-Search.pdf
(Accessed 10 October 2020)

Fitzgerald, A. (2020). The Top-to-Bottom Guide to Website Navigation. Retrieved from

https://blog.hubspot.com/website/main-website-navigation-ht (Accessed 15
November 2020)

Gate 39 Media Staff (2019) UI Design Spotlight: Exploring 7 Types of Navigation Menus -
Financial Marketing and Technology Services. Retrieved from
https://www.gate39media.com/ui-design-spotlight-7-types-of-navigation-menus/
(Accessed 15 November 2020)

Lu, L. (2020). The 8 Types of Websites and How to Design Them. Retrieved from
https://99designs.com/blog/web-digital/types-of-websites/ (Accesses 11 November
2020)

Miller, e. (2020). 5 Practical Types of Website Navigation to Consider. Retrieved from

https://www.lifewire.com/types-of-website-navigation-1697495 (Accessed 15
November 2020)

What is a Website? - Definition from Techopedia. (2020). Retrieved from

https://www.techopedia.com/definition/5411/website (Accesses 10 November 2020)

www.starbucks.com

31
For inquiries or feedback, please write or call:

Department of Education – Region XI

F. Torres St., Davao City

Telefax:

Email Address: [email protected]

32