St.

Joseph’s College of Rodrig

Inc.
498 M.H. del Pilar Street, San Rafael, Rodriguez, Rizal
BASIC EDUCATION DEPARTMENT
A. Y. 2021-2022

MODULE IN ICT9
(Feb. 21 & 25, 2022)
Name of Teacher: Ms. Dhanica Keith P. Mauhay Grade Level: IX
SUBJECT MATTER: ADJUSTING THE LAYOUT
REFERENCES: Computers for Digital Learners
https://www.youtube.com/watch?v=GqCj_sHxzGE
https://www.youtube.com/watch?v=I3zAKyLRciU
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction

INSTRUCTIONAL AUDIO-VISUAL MATERIALS: PowerPoint Presentation & computer/ laptop with installed
Notepad++

ESTABLISHING GOALS

CONTENT STANDARD PERFORMANCE STANDARD JOSEPHINE’S GOALS

 Analyze how to adjust the
layout using inline-block and
align. Being a Josephian, we manifest the
 Apply consistently the Perform center inside in an element core values truth by being consistent in
techniques in CSS. and center in two directions. doing center inside in an element and
 Explain the importance of center in two directions
practicing adjusting the
layout.

MEANING MAKING GOALS

ENDURING
ESSENTIAL QUESTIONS TRANSFER GOALS
UNDERSTANDING
As a Josephian why do we need to be
 How do we adjust the layout consistent in doing center inside in an
using inline-block and align? element and center in two directions?
Using their notepad++ the students will
 How do we consistently apply
perform center inside in an element
the techniques in CSS? Being a Josephian, we manifest the
and center in two directions.
 Why it is important to practice core values truth by being consistent in
adjusting the layout? doing center inside in an element and
center in two directions
I. Preliminary Routines
 Prayer
 Greetings
 Checking of attendance

II. Review (Volunteering)

 The students will share their screen doing the last lesson about controlling the layout.

III. Performance Tasks

A. Motivation (Video Clip)

https://www.youtube.com/watch?v=GqCj_sHxzGE
https://www.youtube.com/watch?v=I3zAKyLRciU
 What is the message of the video?
 Do you think t is important? Why?
 What do you think will be our topic for today?

B. Presentation/ Discussion (PowerPoint Presentation and Notepad++)

 How do we adjust the layout using inline-block and align?
 How do we consistently apply the techniques in CSS?
 Why it is important to practice adjusting the layout?

C. Enrichment Activities/ Skill Development (INDIVIDUAL ACTIVITY)

 Using their notepad++ the students will perform center inside in an element and center in two directions.

D. Generalization
 What are the component of adjusting the layout and their uses?
- Inline-block creates a grid of boxes that fill the browser's width when the browser is resized. Margin: auto
horizontally centers a block element and prevents an element from stretching out to the edges of the
container. Center aligning has no effect if the width property is not set. Position: absolute; aligns
elements to the right. Padding and text-align: center move elements vertically and horizontally.
(VALUES INTEGRATION-REFLECTION)
 As a Josephian why do we need to be consistent in doing center inside in an element and center in two
directions?
 Being a Josephian, we manifest the core values truth by being consistent in doing center inside in an element
and center in two directions

E. Closure (ACTIVITY)
 On your ICT book answer page 172.