Print the Solution Sheet for the main activity: http://bit.ly/superhero-profiles-solution
Review “HTML Basics” slides: http://bit.ly/html-basics-slides
Take a look at the example project: https://shaq-profile.glitch.me/
You will need computers and access to the internet for this session
First, we need to do some research! Have learners collect information about their chosen book character, historical figure, etc. For example:
Review the basic elements of a webpage using the slides “HTML Basics” http://bit.ly/html-basics-slides
Activity
Show students the example project: https://shaq-profile.glitch.me/ (Created about Shaquille O’Neal, based off of his autobiography “Shaq Uncut”)
Have learners go to the superhero profiles starter project: https://superhero-profiles.glitch.me/
Use the Solution Sheet to guide learners through the following steps:
Learning Outcomes
I can ‘hack’ websites by editing HTML tags
I can change the text on websites by editing headings and paragraphs
I can replace images using image tags
I can have the power to change my experience on the web
Assessment Ideas
Have learners present their websites to the class, or have a Gallery Walk where half of your learners walk around to see other projects, while the other half stay with their computer + website to explain it to others. Switch half way through.
Guide learners through editing and revising their work using the CUPS strategy (Capitalization, Usage, Punctuation, Spelling) - before submitting their final version.
Introduce HTML through play! Before this lesson, plan time for learners to play eraseallkittens.com (“Play Demo”). You may want to create a (free) account for your class which all students can use to sign in, or have them sign up using their individual emails.
Go through a KWL chart with the class (Know, Want to know, Learned). Ask them what they think they know about websites, and what they want to know. After the lesson, regroup and complete the ‘learned’ column as well.
Writing, gathering and organizing ideas, heritage and identity, media literacy.
“POW” image by Andrew Martin from Pixabay under CC0 Creative Commons licensing. https://pixabay.com/en/pow-comic-comic-book-fight-1601674/
Teach lessons that are tied to your existing curriculum! https://bit.ly/CLClessons
Although learning how to build digital projects is a key part of Computer Science education, students should also learn a wider set of skills and competencies that will help them to harness the power of digital technologies as both creators and consumers. A comprehensive approach to K-12 Computer Science education includes learning about the following five focus areas:
View Framework ➝By the end of high school, students should be able to create a simple computer program.
By the end of high school, students should understand and be able to use the tools and devices commonly used to build digital projects.
By the end of high school, students should be able to explain how we use computers to create, store, organize, and analyze data.
By the end of high school, students should be able to explore the ways in which technology and society have mutually shaped each other.
By the end of high school, students should be able to apply design principles to the digital projects they create.