Curated and Reviewed by
Lesson Planet
This Encoding Color Images lesson plan also includes:
- CSP: Tips and Tricks - Encoding Images
- Images, Pixels and RGB
- Activity Guide - Encoding Color Images (PDF)
- Activity Guide - Encoding Color Images (Doc)
- Activity Guide - Encoding Hexadecimal Numbers (PDF)
- Activity Guide - Encoding Hexadecimal Numbers (Doc)
- Activity Guide - Personal Favicon Project (PDF)
- Activity Guide - Personal Favicon Project (Doc)
- Personal Favicon Project (PDF)
- Personal Favicon Project (Doc)
- Video Guide for “A Little Bit about Pixels” (PDF)
- Video Guide for “A Little Bit about Pixels” (Doc)
- Join to access all included materials
Color me green. The fourth lesson in a unit of 15 introduces the class to color images and how to encode color images using binary code and hexadecimal numbers — and they will quickly notice that it is easier to code the color for each pixel. After learning how to use the tools, each individual creates a personal favicon to use throughout the rest of these computer science lessons.
24 Views
20 Downloads
Concepts
Instructional Ideas
- Have pupils design their favicon on graph paper and then encode it using the Pixelation Widget
- Use the optional hexadecimal numbers activity so the class better understands hexadecimals prior to trying to coding their favicon
Classroom Considerations
- Get familiar with the pixelation tool in order to present it in an interactive way
Pros
- The lesson plan contains links to tutorial videos on how to use the widget
- The rubric comes with reflection questions about the project
- Contains a content corner that makes the distinction between mixing paint and mixing RGB lights to make colors
Cons
- None