This document outlines a detailed lesson plan that evaluates existing websites based on principles of layout, graphics, and visual message design. The plan has the following key points:
1. The lesson objectives are to discuss basic principles of graphics and layout, distinguish these principles in web pages, and practice critical thinking.
2. Students will analyze sample web pages to notice principles like balance, emphasis, movement, pattern, repetition, and proportion.
3. The lesson teaches the importance of following principles of graphics and layout when creating web pages and emphasizes designing web pages that effectively communicate messages.
This document outlines a detailed lesson plan that evaluates existing websites based on principles of layout, graphics, and visual message design. The plan has the following key points:
1. The lesson objectives are to discuss basic principles of graphics and layout, distinguish these principles in web pages, and practice critical thinking.
2. Students will analyze sample web pages to notice principles like balance, emphasis, movement, pattern, repetition, and proportion.
3. The lesson teaches the importance of following principles of graphics and layout when creating web pages and emphasizes designing web pages that effectively communicate messages.
This document outlines a detailed lesson plan that evaluates existing websites based on principles of layout, graphics, and visual message design. The plan has the following key points:
1. The lesson objectives are to discuss basic principles of graphics and layout, distinguish these principles in web pages, and practice critical thinking.
2. Students will analyze sample web pages to notice principles like balance, emphasis, movement, pattern, repetition, and proportion.
3. The lesson teaches the importance of following principles of graphics and layout when creating web pages and emphasizes designing web pages that effectively communicate messages.
This document outlines a detailed lesson plan that evaluates existing websites based on principles of layout, graphics, and visual message design. The plan has the following key points:
1. The lesson objectives are to discuss basic principles of graphics and layout, distinguish these principles in web pages, and practice critical thinking.
2. Students will analyze sample web pages to notice principles like balance, emphasis, movement, pattern, repetition, and proportion.
3. The lesson teaches the importance of following principles of graphics and layout when creating web pages and emphasizes designing web pages that effectively communicate messages.
Download as DOCX, PDF, TXT or read online from Scribd
Download as docx, pdf, or txt
You are on page 1/ 7
DETAILED LESSON PLAN (DLP)
DLP Learning Area EMPOWERMENT TECHNOLOGIES Grade Level 11 Quarter 1st Duration 60mins No. 3 Learning Evaluate existing websites and online resources based on Code CS_ICT11/12-ICTPT-Ie-f-6 Competency the principles of layout, graphic, and visual message design. Key Concepts Manipulate text, graphics, and images to create ICT content intended for an online environment 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 Pattern, Repetition, Rhythm Emphasis Variety Movement Proportion 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. Assignment List at least 3 websites that promote the principles of graphics and layout. Concluding Activity
Name Darlina G. Ephan School ARGAO NATIONAL HIGH SCHOOL
Position / Designation SST - 1 Division CEBU PROVINCE Contact Number 09432265153 Email Address [email protected] DETAILED LESSON PLAN (DLP)
DLP Learning Area EMPOWERMENT TECHNOLOGIES Grade Level 11 Quarter 1st Duration: 120mins No. 1 Learning Creates an original or derivative ICT content to Code CS_ICT11/12-ICTPT-Ic-d-5 Competency effectively communicate or present data or information related to specific professional tracks. Key Concepts use of advanced tools and techniques found in common productivity/software applications in developing ICT content 1. Objectives Knowledge Compare traditional mail from computerized mail. Skills Produce merge document using mail merging feature of Microsoft word Attitude Perform the task diligently Values Perform honestly. 2. Content Mail merge and label generation 3. Learning CG, Personal Computer, PowerPoint Presentation, Activity Sheets, LCD Projector Resources 4. Procedures Introductory Show Pictures of traditional mail and computerized mail through PowerPoint Presentation. Solicit Activity ideas from students through comparison. Short Discussion and Presentation of the topic. (25 minutes) Activity Demonstration Teaching Student Return Demo Merging Document using Microsoft Word feature. (Hands-on Activities) Students are groups into three (90 minutes) Analysis What do you feel about the task given to you? Was it hard? Easy? What is mail merging then? What is the software used in your mail merging activity? What are the steps in merging your documents? What are the advantages of Mail Merging? What are the uses of mail merging? (10 minutes) Abstraction What is the importance of mail merging? What is the impact of mail merging in sending communication? (10 minutes) Application Students are grouped into 5. Each group is given sample certificate. They are going to identify the field to be merged. (3 minutes) Assessment Product of the Activity/Task is rated based on the following criteria: Skills Correctness Efficiency Teamwork/Individual Assignment 1. Describe Microsoft PowerPoint? 2. What are the menu tabs found in the PowerPoint Screen? 3. What tab is used to apply animations? 4. What are the three types of movements we can apply to customize our text and graphics. Concluding Reminders of the Aftercare (3 minutes) Activity
Name Darlina G. Ephan School ARGAO NATIONAL HIGH SCHOOL
Position / Designation SST - 1 Division CEBU PROVINCE Contact Number 09432265153 Email Address [email protected] DETAILED LESSON PLAN (DLP) DLP No. Learning Area EMPOWERMENT TECHNOLOGIES Grade Level Quarter 1st Duration: 120mins 2 11 Learning Creates an original or derivative ICT content to effectively Code CS_ICT11/12-ICTPT-Ic-d-6 Competency communicate or present data or information related to specific professional tracks. Key Concepts use of advanced tools and techniques found in common productivity/software applications in developing ICT content 1. Objectives Knowledge Explain the importance of linked documents. Skills Produce a linked documents using Microsoft PowerPoint. Attitude Perform the task diligently Values Perform honestly. 2. Content Hyperlinking in presentations 3. Learning CG, Personal Computer, PowerPoint Presentation, Activity Sheets, LCD Projector Resources 4. Procedures Introductory Show a sample PowerPoint Presentation with links. Let them observe until they come up with Activitythe word link. Activity Demonstration Teaching Student Return Demo Merging Document using Microsoft Word feature. (Hands-on Activities) Students are groups into three (90 minutes) Analysis What do you feel about the task given to you? Was it hard? Easy? Do you think it is of use to you? What is meant by hyperlink? What are the steps in creating link to your presentation? (10 minutes) Abstraction What is the importance of applying hyperlinks? (5 minutes) Application What are you going to do given the following situations: 1. A separate word document must be used as part of the topic. 2. A video must be inserted in the presentation. 3. A slide is to be linked to another slide. Assessment Product of the Activity/Task is rated based on the following criteria: Skills Correctness Efficiency Teamwork/Individual Assignment 1. Describe Microsoft Excel. 2. What is a cell? 3. What is the difference between a column and a row? Concluding Activity
Name Darlina G. Ephan School ARGAO NATIONAL HIGH SCHOOL
Position / Designation SST - 1 Division CEBU PROVINCE Contact Number 09432265153 Email Address [email protected] DETAILED LESSON PLAN (DLP)
DLP No. Learning Area EMPOWERMENT TECHNOLOGIES Grade Level Quarter 1st Duration: 120mins 4 11 Learning Creates an original or derivative ICT content to Code CS_ICT11/12-ICTPT-Ic-d-6 Competency effectively communicate or present data or information related to specific professional tracks. Key Concepts use of advanced tools and techniques found in common productivity/software applications in developing ICT content 1. Objectives Knowledge Differentiate formula and function Skills Produce a spreadsheet using the most common functions, advanced functions and formula Attitude Perform the task diligently Values Perform honestly. 2. Content Advanced and complex formulas and computations 3. Learning CG, Personal Computer, PowerPoint Presentation, Activity Sheet Resources Empowerment Technology LM pp. 67 – 77, LCD Projector 4. Procedures Introductory Show students a sample worksheet: Let them observe and pick up terms which they are not Activity familiar with until they come up with the most common functions of Microsoft Excel and a formula. Flash on the screen the essential terminologies related to the topic of the day. Short effective discussion follows.
Activity Demonstration Teaching
Student Return Demo Creating a Spreadsheet using formula and functions. (Hands-on Activities) Students are groups into three (90 minutes) Analysis What do you feel about the task given to you? Was it hard? Easy? Do you think it is of use to you? What is the difference between a formula and a function? What is the first step in creating s formula? (10 minutes) Abstraction What is the importance of using formula and functions in a spreadsheet? (5 minutes) Application What functions are you going to use given the following: 1. Total score in your science activities. 2. Average grade in English. 3. Getting the percentage of your classmates belonging to the top 10. 4. Getting the number of students who got the passing score in exam. 5. Getting the remarks of passed or failed in your project in Math. Assessment Product of the Activity/Task is rated based on the following criteria: Skills Correctness Efficiency Teamwork/Individual Assignment 1. What are the basic principles of graphics and layout? Concluding Activity
Name Darlina G. Ephan School ARGAO NATIONAL HIGH SCHOOL
Position / Designation SST - 1 Division CEBU PROVINCE Contact Number 09432265153 Email Address [email protected] DETAILED LESSON PLAN (DLP) DLP No. 2 Learning Area EMPOWERMENT TECHNOLOGIES Grade Level 11 Quarter 1st Duration 60mins Learning Competency Use image manipulation techniques on existing images Code CS_ICT11-ICTPT-Ic-d-7 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 Explain the meaning and principles of visual message design of infographic Skills Create infographic using Piktochart Attitude Practice creativity in creating an appealing infographic Values Display oneness in coming up with ideas 2. Content Imaging and Design for the Online Environment 3. Learning Resources Curriculum Guide : page 2 of 11 Learning Material : Empowerment Technologies by IT Works Inc. pp. 105 - 108 4. Procedures Introductory Show a sample infographic. Ask if anybody has an Activity experience making an infographic. Demonstrate to the class how to create an infographic using Piktochart following some steps.
Activity Divide class into groups. Let each group create an infographics following the written instructions on the task card. Assign each group a theme. Group 1 – Color Emotion Guide (psychology) Group 2 – The Anatomy of a Great Teacher (education) Group 3 – Reasons to become a Police Officer (criminology) Group 4 – How our Laws are Made (political science) Group 5 – Exploring Cebu (tourism) Analysis What did you feel upon creating your infographics? Was it enjoyable? When you read your theme, what came first into your mind? Were you able to follow the instructions? Which part of the creation was difficult for you? Why did you use such graphics? What was the first step you executed? What do you think are considered when creating infographics? What is meant by infographics? Abstraction What are the principles when creating an infographics? What are the steps in creating an infographics? How did you create your infographics? Application Flash some infographics. Determine whether the given infographics follow basic principles or not. Mark (/) if it follows, (x) if not.
1. 2.
3. 4. Assessment Arrange the steps in creating an infographics by numbering them from 1-6. _____ 1. Fill up the information on the Sign Up page _____ 2. Create a Piktochart account _____ 3. Save your work _____ 4. Edit the block and use the various tools on the left side of the page _____ 5. Select the blocks and input the information _____ 6. Select a template for your infographics
Assignment Research on Online Image file formats.
Concluding Activity
Name DARLINA G. EPHAN School ARGAO NATIONAL HIGH SCHOOL
shared from MELOU JANE T. OCA Position / Designation SST - 1 Division CEBU PROVINCE Contact Number 09432265153 Email Address [email protected]
EMPOWERMENT TECHNOLOGIES, Innovative Training Works, Inc.
INFOGRAPHICS Information Graphics are used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer’s attention. Infographics make complex data become more visually appealing to an average user.
STEPS IN CREATING INFOGRAPHICS USING PIKTOCHART
1. Create a Piktochart account by going to www.piktochart.com and click Sign Up on the upper right corner of the page. 2. Fill up the information on the Sign Up page 3. Once you have created an account and logged in, select a template for your infographic 4. Select the blocks and input the information 5. Edit the block and use the various tools on the left side of the page RUBRICS FOR THE ACTIVITY
4 3 2 1 Efficiency The group was The group was The group was The group used able to finish the able to finish the able to complete the least efficient task in the most task in the the task but used method in effective way projected amount methods that finishing task without wasting of time consumed more time and effort time or resource Creativity Innovative Very original Some original Basic thought presentation Appeal Fascinating to Somewhat Somewhat Boring viewers interesting irrelevant Skills
