DIVISION OF GEN.

TRIAS CITY
Project ISuLAT – ACTIVITY SHEETS in ENGLISH 7
(Intensified Support to Learning Alternatives Through Activity Sheets)

Name: _______________________________________ Grade & Section: __________________

ACTIVITY SHEET #3: Navigating a Website

GEAR UP
MELC: Navigate a website using essential features, e.g. using headings, link, etc.
After the learners have finished answering this activity sheet, they will be able to:
1. identify the different parts and features of a website;
2. define basic terminologies and concepts of a website; and,
3. design a website indicating all the key concepts of a good website.

ENGAGE
WHAT IS WEBSITE?
• A website is a collection of different types of data, which can be anything like text, graphics,
videos etc. combined together to provide some kind of usual information.
• All the data found on a website is bounded together by code, which can range from simple mark-
up like HTML

TOP FEATURES OF A WEBSITE

 Easy to read  Clear and to the point
 Easy to navigate  Quick to download
 Relevant, authoritative website content  Trendy, intuitive design and user experience
 Comfortably viewed and productive visuals and description

TYPES OF WEBSITES
1. Personal websites 4. Mobile Device Website 7. Blogs
2. Photo Sharing Websites 5. Informal Website 8. E-Commerce Website
3. Community Building Website 6. Online Business Brochure

PARTS OF A WEBSITE
1. Homepage – a webpage that serves as the starting point of website. It is the default webpage that
loads when you visit a web address that only contains a domain name.
2. Navigation Bar – provides links to different sections within the website.
3. Slider – is a term that refers to a slideshow on a website. An example of a slider can be a revolving
carousel that displays products or photos.
4. Website Header – This is at the top part of a website containing the logo and usually (but not always)
the site’s navigation menu. This part likewise includes the taglines, addresses, contact numbers, or
buttons used to sign up and log in.
5. 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.
6. 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.
7. 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.
Sources:
Smith, Alan (n.d.). Sliders in Web Design: To Use or Not to Use? Retrieved from https://usabilitygeek.com/
Shokurova, Kate (2020, February 9). Website Header Design in 2020: Best Practices and Examples. Retrieved December 4, 2020 from
https://uxplanet.org/website-header-design-in-2020-best-practices-and-examples-1992f80ddd69
Brinker, Mark. (2020, 14 October). Parts Of A Website: A Cheat Sheet For Non-Techies. Mark Brinker & Associates. Retrieved December 4, 2020 from
https://www.markbrinker.com/parts-of-a-website

Page 1 of 4
 DIVISION OF GEN. TRIAS CITY
Project ISuLAT – ACTIVITY SHEETS in ENGLISH 7
(Intensified Support to Learning Alternatives Through Activity Sheets)

TEST
Directions: Using the webpage below, identify the parts of the website. Write your answers on the blank.
3

1.
1
2.

3.

2
GOLD Website, General Trias SDO. Retrieved from
https://sites.google.com/deped.gov.ph/depedgentrigold/contextualized-lr?authuser=0

4
4.

5.

Division of Gen. Trias Website. Retrieved from https://depedgentri.com/

REINFORCE
Exercise 1: Check(✓) the statement if it describes a feature of a good website and cross () if not.

_______ 1. A good website should be difficult to navigate.

_______ 2. A good website should contain relevant contents. Good

_______ 3. A good website contains images that add depth and significance to user’s impressions.

_______ 4. A good website have designs that are distracting and irrelevant pictures.

_______ 5. A good website must hide contact information and location to avoid hackers.

Page 2 of 4
 DIVISION OF GEN. TRIAS CITY
Project ISuLAT – ACTIVITY SHEETS in ENGLISH 7
(Intensified Support to Learning Alternatives Through Activity Sheets)

Exercise 2: Read and analyze each question carefully. Write the letter of answer on the blank.

_____ 1. What is a collection of different types of data, which can be anything like text, graphics, videos etc.
combined together to provide some kind of usual information?
A. Website B. Link C. HTML D. search engine
_____ 2. When you visit a web address, what is the first thing that will appear and will tell you that you are in
the right place?
A. side bar B. homepage C. call to action D. website
_____ 3. Which part of the website will show the user the logo, the tagline, and buttons for sign in or log in?
A. Website B. Slider C. Footer D Heading
_____ 4. Which part of the website provides links to other information that are not part of the page’s main
content?
A. Navigation Bar B. Heading C. sidebar D. Footer
_____ 5. Which of the following is NOT found in a footer?
A. contact details C. social media account
B. location map D. call to action

INTEGRATE
Directions: Design your very own website about health protocols or anything that is related to the
pandemic or COVID19. Draw/Illustrate the appearance of your website. Remember to include the different
parts of the website discussed. You may use the box below for your website or use another sheet of
paper. Be guided by the rubrics below.

Rubrics:
Score Design / Format Content Parts of a Website
Content is presented in a clear
Design is simple, easy to Website shows 5 or more parts of
5 manner and very relevant to the
understand and navigate. the website discussed.
given topic.
Design is a bit cluttered. Some Content is somewhat presented
Website shows only 3 to 4 parts of
3 unnecessary elements were satisfactorily and have some
a website discussed.
added. relevance to the given topic.
Excessive use of the design that Need improvement on the
1 makes the website confusing to presentation and relevance of Website shows 0 – 2 parts only.
navigate. content.

References:
Brinker, Mark. (14 October 2020). Parts of A Website: A Cheat Sheet For Non-Techies. Mark Brinker & Associates. Retrieved December 4, 2020 from https://www.markbrinker.com/parts-
of-a-website
GOLD Website, General Trias SDO. Retrieved December 4, 2020 from https://sites.google.com/deped.gov.ph/depedgentrigold/contextualized-lr?authuser=0
Shokurova, Kate (February 9, 2020). Website Header Design in 2020: Best Practices and Examples. Retrieved December 4, 2020 from https://uxplanet.org/website-header-design-in-
2020-best-practices-and-examples-1992f80ddd69
Smith, Alan. Sliders in Web Design: To Use or Not to Use? Retrieved December 4, 2020 from https://usabilitygeek.com/sliders-web-design-
use/?fbclid=IwAR2cN5GiQiiHEHeuBuFGCozMCfozV_OHQqcA--9r_Vi4MlPN-
AhyrkLXbl0#:~:text=A%20slider%20is%20a%20term,content%20or%20showcase%20professional%20portfolios
Strategy. Website. Enter the market. Optimize. ROI (March 5, 2020). 27 Eye-Opening Website Statistics: Is Your Website Costing You Clients? Retrieved December 4, 2020 from
https://www.sweor.com/firstimpressions
SDO Gen. Trias City Website. Retrieved from https://depedgentri.com/

Page 3 of 4
 DIVISION OF GEN. TRIAS CITY
Project ISuLAT – ACTIVITY SHEETS in ENGLISH 7
(Intensified Support to Learning Alternatives Through Activity Sheets)
Website Pioneer Middle School (2020) Retrieved December 4, 2020 from http://www.hunter.cuny.edu/academicassessment/repository/files/sample-
tools/Sample%20Pioneer%20Middle%20School.pdf
Web Search Engines (2020). Science Direct Journals & Books. Elsevier B.V. Retrieved December 4, 2020 from https://www.sciencedirect.com/topics/computer-science/web-search-
engine
Villalobos, John Lerry F. (2020). PIVOT 4A Learner’s Module Quarter 2 pp.14-17

ANSWERS FOR THE LEARNING TASKS IN MODULES

TEACHER’S FEEDBACK

SELF-MONITORING
Name of Learner: Week:
Grade & Section: Subject:
For Learners (Please complete the statements.)
The part of the activity sheet that I found
very difficult to answer …
The part of the activity sheet that I found
very easy to answer …

I still need help on …

For Parents / Guardians (Please check one in each column.)

My son / daughter was able to do all the exercises in
My son / daughter …
the activity sheets
on his / her own without any help was able to answer all exercises
was not able to finish answering some of the
with a little help from parent / guardian
exercises
was not able to answer all the exercises the
with a lot of help from parent / guardian
activity sheet

Page 4 of 4