Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 4

179 F. Blumentritt St.

, San Juan City

BASIC EDUCATION DEPARTMENT


A DOMINICAN LEARNER’S STUDY GUIDE
SY 2021-2022

Teacher In-Charge: Mrs. Cynthia S. Tejada Time Frame: Fourth Quarter/Week 2/ (November 15-19, 2021)
Subject: Computer 8 Chapter Title: HORIZONTAL HYPERLINKS
LEARNING GOALS CONTACT PERIOD 1 CONTACT PERIOD 2
A. FORMATION STANDARD: PART 1 PART I
SUBJECT MATTER:
Dominicans prove one’s creativity in his/her Lesson 1: Horizontal Hyperlinks 1. Summative Assessment 2
chosen field. Image as Hyperlinks (The students will answer a 25-item quiz)
I. Daily Routine 2. Checking & Processing of Results
B. OBJECTIVES:
II. Lesson Proper:
1. Differentiate vertical and horizontal PART II
hyperlinks. A. Motivation: Content of the document will come from World Book
2. Create an html document using Students will share their min-task 1. Online.
horizontal hyperlinks. Guide Questions: Mini Task Making (CREATING HORIZONTAL HYPERLINKS)
3. Add image as hyperlinks. 1. What is the output of your mini-task 1?
4. Value the importance of hyperlink in 2. What have you learned from your mini-task 1? Mini Task Making
improving and developing web pages. 3. Do you think you can still improve it? 1. Prepare an HTML document with HORIZONTAL
hyperlinks and using images as hyperlinks.
2. Save your HTML document as:
SURNAME_4thQTR_MT2.HTML

IN DCAN, WE CAN!
B. Teacher’s Input:
The teacher will present slides showing what is vertical and Rubrics:
C. ENDURING UNDERSTANDING: horizontal hyperlinks and adding image as hyperlinks.
Links enhances document.  -Proper Usage of hyperlinks
FOR INDEPENDENT LEARNING STUDENTS: and images as links. - 10
Please access this website:  -Promptness in Submission: 5
ESSENTIAL QUESTION: https://www.w3schools.com/css/  -Neatness and Creativity: 5
How do links enhance document? css_navbar_horizontal.asp Total 20pts

https://www.w3schools.com/css/css_navbar.asp
References:
Guide Questions:
Techno Biz by: Technokids 1. What is the difference between vertical and
pages 41-42 horizontal hyperlink? What are the uses of it?
2. How to use images as hyperlink?
3. What tags make hyperlinks in HTML?
4. What is the importance of having hyperlinks in an
html document?

C. Discussion:
1. What is the difference between vertical and horizontal
hyperlink? What are the uses of it?
2. How to use images as hyperlink?
3. What tags make hyperlinks in HTML?
4. What is the importance of having hyperlinks in an html
document?

IN DCAN, WE CAN!
PART II
D. Individual Activity
 Let the students open their Notepad.
 Have them create an HTML document using the
horizontal hyperlinks and images as links.
 Save the HTML document as
SURNAME_IMAGESLINKS.HTML

FOR INDEPENDENT LEARNING STUDENTS:


Please work on exercises on creating HTML document
(Part II of the Learning Guides)
 Let the students open their Notepad.
 Have them create an HTML document using the
horizontal hyperlinks and IMAGES AS LINKS
 Save the HTML document as
SURNAME_IMAGESLINKS.HTML

E. Generalization:
1. Showing their web page with horizontal hyperlinks and
images as links will serve as their exit pass.

IN DCAN, WE CAN!
Checked by:

11/14/21
Ms. Chona C. Arenas
Head- Computer, Technology and Business

IN DCAN, WE CAN!

You might also like