DETAILED LESSON PLAN (DLP)

DLP Learning Area EMPOWERMENT Grade Level 11 Quarter 1st Duration 60mins
No. 1 TECHNOLOGIES
Learning Use image manipulation techniques on existing Code CS_ICT11-ICTPT-Ic-d-7
Competency images to change or enhance their current state to
communicate a message for a specific purpose
Key Concepts Text, graphics and images to create ICT content
1. Objectives
Knowledge Discuss the basic principles of graphics and layout
Skills Distinguish basic principles of graphics and layout in web pages
Attitude Practice critical thinking
Values Display concern for others when soliciting ideas from the group
2. Content Imaging and Design for the Online Environment
3. Learning Curriculum Guide : page 2 of 11
Resources Learner’s Material : Empowerment Technologies by IT Works Inc. pp. 103 - 105
4. Procedures
Introductory Ask:
Activity Have you ever visited any website?
Were you attracted to these websites? Why?
Will you keep visiting these websites?
Activity Divide class into groups.
Flash screenshots of web pages from different websites.

Notice on the following:

Balance
Emphasis
Movement
Pattern, Repetition, Rhythm
Proportion
Variety
Analysis Ask:
What did you feel upon performing the activity?
Are the objects, texture, colors evenly distributed on the screen
Do these web pages attract your attention?
Is there any pattern or rhythm in the web page?
Do the elements of the web page relate well with one another?
Do the web pages use a variety of design elements?
Do these web pages send messages?
 Abstraction What are the principles of graphics and layout in web pages?
Application When you are going to make your own web pages, why do you have to follow principles of
graphics and layout?
Assessment Distinguish what principle of graphics and layout is shown in each web page.

1) 2)

Assignment List at least 3 websites that promote the principles of graphics and layout.
Concluding
Activity

Name MELOU JANE T. OCA School LURAY II NATIONAL HIGH SCHOOL (DAY)
Position / Designation SST - III Division TOLEDO CITY
Contact Number 09165520473 Email Address melou.taran@deped.gov.ph
INFORMATION SHEET
Basic Principles of Graphics and Layout
1. Balance. The visual weight of objects, texture, colors, and space is evenly distributed on the screen. When
visiting a website, check if one side holds the same amount of weight on the other. The colors should also have a
similar visual weight

2. Emphasis. An area in the design that may appear different in size, texture, shape or color to attract the viewer’s
attention
3. Movement. Visual elements guide the viewer’s eyes around the screen
4. Pattern, Repetition, and Rhythm. These are the repeating visual element on an image or layout to create unity in
the layout or image. Rhythm is achieved when visual elements create a sense of organized movement
5. Proportion. Visual elements create a sense of unity where they relate well with one another
6. Variety. This uses several design elements to draw a viewer’s attention