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 Kolakowski

I'm a youth services librarian currently working at the Lamanda Park Branch Library while Central Library is closed for seismic repairs. I purchase juvenile fiction for grades 2-8, and some foreign languages. I do a lot of programs with school-age kids, including 3 regular book clubs (Windows and Mirrors, Read Around the World, and Lucha Libros), as well as writing workshops and STEAM/science programs. I also Infant/Toddler Storytimes and Preschool Storytimes, and outreach to local area preschools. 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 on creative writing activities for kids.

Leave a Reply

Your email address will not be published.