Name of Learner:
Grade Level & Section:
Barangay:
____________________________________________________
____________________________________________________
____________________________________________________
Week No.:
Date:
________________ 3
Teacher: ________________
ENGLISH 7 QUARTER 2
LESSON 3: FEATURES OF A WEBSITE
DISCUSSION
Exploring pages on the Internet to find specific details and information about certain topics can be
tiring, especially if you are not used or accustomed to how these pages actually work. This lesson focuses
on exploring the different parts and features of a website to help you be familiarized with matters essential
to every web experience.
You are expected to understand basic terminologies and concepts that will help you navigate a
website using essential features like headings and links, among others.
FEATURES OF A WEBSITE
In an era where almost every information can be searched through the Internet, it is essential for one to know how basic aspects
of the web actually work. As cited in the previous lesson, searching for something in the web can be a tedious job especially if you are
not used to how the system works. That is why it is essential to understand the different parts and features of a website, the aspect
which presents different resources about almost everything.
A website refers to a collection of web pages usually grouped and connected together in a number of different ways. It may
also be written as “web site” or simply, a “site.” Every website is composed of different parts. Each part plays certain roles as to how the
entire repertoire of web pages actually works. Below are the different parts of a website that you need to understand in order to fully
navigate one.
A. The home page (pictured below) is the opening page which does the job of welcoming the website visitors; makes them feel they are
in the right place; and immediately explains what the website does or is made for.
B. The header is the content area at
the top of the website which bears
the logo, as well as the navigation
menu. This part likewise includes
the taglines, addresses, contact
numbers, or buttons used to sign
up and log in.
C
B
E
D
C. The navigation menu is the part of the header
which bears the links that take or direct visitors to
other parts of the website. This part is sometimes
called tabs, links or pages. Some websites use a
secondary navigation menu in cases where a lot
of navigation is needed and the most important
links should be highlighted.
D. Sliders refer to the changing content area that
presents ‘slides’ of visual information including
large images, texts, announcements, updates and
promotions.
E. The sidebar is the area of the website which
displays information that is not part of the page’s
main content like a call to action or links to recent
blog posts or social media accounts.
A “call to action” (CTA) is considered one of
the most essential parts of a website as it incites
visitors to take action by guiding them on what the
visitors really want them to do.
F. Finally, a footer refers to the content area at the
bottom of every page that consists a website. This
usually bears the contact details, maps and links
to social media accounts among others.
F
Once you are familiar with the different parts of a website, it is now important to learn about the features that make navigating a
website easy. A website must at all times:
1. be easy to navigate;
2. be easy to read;
3. present relevant and up-to-date content;
4. use relevant design (themes, colors and visuals);
5. include a well-presented call to action (CTA);
6. manifest credibility;
7. be clear, simple and can be viewed comfortably; and
8. be mobile-friendly.
All these features work together so that visitors of any website may be engaged in exploring every part and every content
presented and available.
Pa g e 1|2
Name of Learner:
Grade Level & Section:
Barangay:
____________________________________________________
____________________________________________________
____________________________________________________
Week No.:
Date:
________________ 3
Teacher: ________________
ENGLISH 7 QUARTER 2
LESSON 3: FEATURES OF A WEBSITE
ACTIVITY SHEET
Write your answers on a
separate sheet of paper.
Have you seen a website before? Let us examine the sample website below. Using the picture, can you tell the different
features of a website? You may write over the picture to indicate the parts.
Learning Task 1: Identify the part/feature of a website being described in each
statement. Choose from the list provided below.
header
sidebar
navigation menu
slider
footer
homepage
1. It refers to the content area at the bottom of every page that consists a website.
2. This is the part of the header which bears the links that take or direct visitors to
other parts of the website.
3. This is the opening page which does the job of welcoming the website visitors.
4. This is the content area at the top of the website which bears the logo as well as
the navigation menu.
5. This refers to the changing content area that presents ‘slides’ of visual information
including large images and texts.
6. This area of the website displays information that is not part of the page’s main
content like a call to action or links to recent blog posts or social media accounts.
Learning Task 2: Examine the
items presented below. Decide
which among the listed features
help in navigating a website
properly and easily. Copy the
table; then, circle your answers.
good
design
credible
easy to
navigate
has too
many
links
easy to
read
distracting
colors
irrelevant relevant
design
content
mobility
Learning Task 3: Evaluate the following statements as valid or not. In your notebook, write FACT if the statement is true
and acceptable and BLUFF if it says otherwise.
______________ 1. A website is just another term for a webpage.
______________ 2. Websites need to have reliable and up-to-date content.
______________ 3. The footer is always placed at the topmost part of a website.
______________ 4. It is essential for a website to look clean and simple.
______________ 5. One of the most essential parts of a website is the “call to action”.
______________ 6. The use of proper colors and photos matter s in a website.
______________ 7. A website must, first and foremost, be easy to navigate.
______________ 8. Loud and intense colors should be used when designing a website.
______________ 9. Font size and font style do not matter when designing a website.
______________ 10. A website must present a clear direction and impression to visitors.
Learning Task 4: Imagine that you are to come up with a
website for your school project. It may be about an English
lesson, a collection of short stories or any educational topic
that you want. On a bond paper, draw or illustrate how you
visualize the appearance and parts of your website. Do not
forget to provide a 5-sentence discussion or explanation of
your work.
Criteria
The website is artistically presented.
The illustration/drawing clearly shows the
features of a website.
The overall look of the output is appealing.
The work submitted is neat and presentable.
Score
Rating
In your paper, come up with a graphic
organizer (Ex: concept map like the one
below) that presents the key features a
good website should manifest.
website
(Criteria:Organization, Content,
Relationship among Concepts)
Pa g e 2|2