Republic of the Philippines

Department of Education
STA. TERESITA NATIONAL HIGH SCHOOL
Sta. Teresita, Cagayan
DETAILED LESSON LOG
DAILY School Sta. Teresita National High School
LESSON
Learning Area: EMPOWERMENT Grade Level AFA 12, HE 12
LOG
TECHNOLOGY
Date January 24, 2019 Quarter & 3rd
Week
Day Monday Time 9:40-11:40, 1:00-3:00
Learning Evaluate existing online creation tools, platforms Code: CS_ICT11/12-
Competencies: and application in developing ICT content for ICTPT-ig-h-10
specific tracks
Apply web design principles and elements using
online creation tools, platforms and application to
communicate a message
Key Concept/ Manipulate text, graphics, and images to create ICT content intended
Understanding to for an online environment.
be developed
1. Objectives
Knowledge At the end of the period, the students are expected to:
Independently apply the principles and techniques of design using online
creation tools, platforms, and application to create original or derivative
Skills Apply the different elements and trends in designing web.
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 Powerpoint presentation, LCD Projector, Laptop
4. Procedures
4.1 1. Checking of attendance.
Introductory Activity 2. Ask:
Have you ever visited any website?
Were you attracted to these websites?
Why? Will you keep visiting these
websites?
4.3 Activity Divide class into groups.
Flash screenshots of web pages from different websites.

Notice on the following Elements:

Lay out, color, graphics, fonts
 Notice on the following trends:
Fixed Header, typography, Flat design, Info graphics, Parallax
4.3. Analysis Ask:
What did you feel upon performing the activity?
Are the elements of the web evenly distributed on the screen
Do these web pages attract your attention?
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?

4.4. Abstraction What are the different elements and trends in creating in web?

4.5. Application
When you are going to make your own web pages, why do you have to
follow elements and trends?
4.6. Assessment Distinguish what elements and trend is shown in each web page.
4.7. Assignment Search 1 web that contain more than one elements. Print on a one sheet of bond
paper.
4.8. Concluding
Activity:
4.9. Remarks:
Reflections:

ELMER C. ESTUISTA,T2 FRANCISCO G. CABANG,MT1 VIOLETA T. IBERA, MST

Subject Teacher SHS Coordinator School Principal III