BANTAYAN NHS-BARAS Grade

DAILY School: DIUTAY EXTENSION Level: 11

LESSON DARYL SHAREN MAE D. Learning EMPOWERMENT
PLAN (DLP) Teacher: SAUSE Area: TECHNOLOGIES
Date/ September 3, 2024 / 9:45
Time: – 10:45 Quarter: FIRST QUARTER

I. OBJECTIVES The learner can apply web design principles and elements using online creation tools, platforms,
and applications to communicate a message for a specific purpose in specific professional tracks.
II. SUBJECT
MATTER
A. TOPICS Online platforms as tools for ICT content development
B. REFERENCES Empowerment Technologies Module 9
C. CODE CS_ICT11/12-ICTPT-Ig-h-10
D. VALUES

III. PROCEDURES
A. Reviewing Previous
Lesson or Presenting
the New Lesson
1. Establishing a Purpose  Objective: Students will apply web design principles and elements using online creation
for the Lesson tools, platforms, and applications to communicate a message for a specific purpose
within their chosen professional tracks.
 Purpose: In a rural setting, students may not have access to advanced technology or
resources but can still benefit from learning how to create effective websites. This lesson
aims to equip students with the skills to design functional and aesthetically pleasing
websites that can serve various professional purposes, such as promoting local
businesses, creating community awareness, or showcasing personal portfolios.
2. Presenting  Example 1: A website for a local farm showcasing products, services, and contact
Examples/Instances of information.
the Lesson  Example 2: A portfolio site for a rural artist or craftsperson to display their work.
 Example 3: A community resource site providing information about local events, services,
and organizations.
 Discussion: Analyze these examples to identify key web design elements such as layout,
color schemes, typography, and navigation. Discuss how these elements contribute to
the website's effectiveness in communicating its message.
3. Discussing New  New Concepts:
Concepts and Practicing  Web Design Principles: Balance, contrast, alignment, proximity, repetition.
New Skills #1  Elements: Layout, color, typography, imagery, navigation.
 Skills Practice:
 Introduction to Online Tools: Demonstrate how to use online website creation tools like
Wix, WordPress, or Google Sites.
 Creating a Mockup: Students will sketch a rough layout of their website idea,
incorporating the discussed design principles.
 Activity: Each student will choose a purpose (e.g., promoting a local business, creating a
personal portfolio) and create a basic website layout using an online tool.
4. Developing Mastery  Activity:
(Leads to Formative  Design and Build: Students will develop their websites based on their mockups. They will
Assessment 3) use online creation tools to implement design principles such as consistency in color
schemes and typography, effective use of imagery, and intuitive navigation.
 Peer Review: Students will present their websites to classmates for feedback. They will
provide constructive criticism and suggestions for improvement based on the principles
learned.
5. Finding Practical  Discussion:
Applications of  Community Projects: How can students use these web design skills to help local
Concepts and Skills in businesses, organizations, or community groups?
Daily Living  Personal Use: How might students apply these skills to create a professional online
presence, such as a portfolio or a personal blog?
 Activity:
 Real-World Application: Students will brainstorm potential projects or services in their
community that could benefit from a website. They will outline a plan for creating a
website for one of these projects.
6. Making Generalizations  Discussion:
and Abstractions about  Transfer of Skills: How do the web design principles and tools learned today apply to
the Lesson other digital media or communication methods?
 Design Thinking: How can the principles of design be applied to various forms of media
and communication beyond web design?
 Activity:
 Reflection: Students will write a short reflection on how the skills and principles learned in
this lesson can be applied to other areas of their academic or professional lives.
IV. EVALUATION Instruction: Choose the letter of the correct answer.

1. Which principle focuses on the visual balance of elements on a page?

A) Contrast B) Balance C) Alignment
D) Repetition E) Proximity

2. What is the primary purpose of using consistent color schemes on a website?

A) To make the website look colorful B) To create visual harmony
C) To confuse the viewer D) To add more content
E) To increase website loading time

3. Which tool is commonly used for creating websites?

A) Photoshop B) Excel C) Wix D) PowerPoint E) Word

4. What does 'navigation' refer to in web design?

A) The choice of images B) The layout of the text
C) How users move between pages D) The choice of fonts
E) The color scheme

5. What is the purpose of a website mockup?

A) To write the website content B) To plan the layout and design before actual creation
C) To choose a domain name D) To code the website
E) To publish the website online
A. No. of learners
who earned 75%
in the evaluation.
(ML)
B. INSTRUCTIONAL
DECISION (ID)
3. ENRICHMENT  Extension Activities:
 Advanced Tools: Explore more advanced web design tools or coding languages like
HTML and CSS for students interested in deepening their skills.
 Resource: Provide students with online tutorials or courses for further exploration of web
design and development.
PREPARED BY:

DARYL SHAREN MAE D. SAUSE

MATHEMATICS TEACHER

CHECKED BY:

LEA S. ANTONIEGO
HEAD TEACHER I
DATE: ___________________