Web Design with HTML and CSS: Kids’ Coding Club

On Thursday, March 15, kids came to the Studio on 4th at Pasadena Central Library to learn about HTML and CSS, and build a website that would be an interactive birthday card or greeting for a friend. We used the WebLab at Code.org which allows you to see your webpage appear simultaneously in a side viewer. It’s a great tool for teaching kids how to code! We got a long way through the presentation we had prepared, and completed all our work with HTML. But we didn’t get through much of the CSS in the hour time we had allotted. So we had a file loaded onto our library laptops to give the kids a basic CSS stylesheet to plug into their webpage.

Here is what a few of the kids came up with! Click the images to see the webpages they created. (They are best viewed in Internet Explorer, because other browsers change the font.)

Here are the slides I made, so that you can go through and learn the CSS stuff that we didn’t have time to finish:

And here is the handout I made:

AnnMarie Hurtado

I'm a youth services librarian working in the Children's Room at the Pasadena Central Library. I purchase juvenile nonfiction books for all sites, juvenile Spanish books for all sites, and juvenile DVDs for the Central Library. I do a lot of programs with school-age kids, including Lucha Libros, writing workshops, STEAM Careers in Pasadena, and other STEAM/science programs. I teach 1-2 sessions of Infant/Toddler Storytime each year. I love what I do, working with kids of all ages to inspire them to learn and use their curiosity and imaginations. Outside of my work at the library, I am also the author of a book, 36 Workshops to Get Kids Writing: From Aliens to Zebras.

Leave a Reply

Your email address will not be published. Required fields are marked *