Learning Projects for the Webpagemaker

Make Me Pretty

Remember how ugly the Web used to be? We’re in the process of developing some learning content that uses that sad fact to teach basic web design concepts and help people level up on their HTML/CSS. We’ve thought up a slick way to deliver the curriculum using comments and will be using the method across the board. All the Make Me Pretty Projects have cool ASCII images in the code and ask a learner to “Make Me Pretty”. Learners tinker with the CSS and content to make each page their own. Here’s the first 3 ideas:

Stuck in the 90’s – We need a new name (“Stuck in the 90s” is kind of boring)

Sans Comic

Color Collapse

You can take a look at the curriculum here. And we’d love any feedback you have!

Popcorn DIYs

For Popcorn, we’re creating Do-It-Yourself templates that guide learners step-by-step through the process of making a Popcornified video. We’ve started with a single DIY that asks learners to pull an old commercial from the Prelinger Archive and add their own voice using popups. Kate Hudson is creating special templates for these DIYs, and we’ll be offering them through the Webpagemaker as well as other avenues (eg through mozillapopcorn.org, in the context of the Summer Story Camp, etc).