The resources below are part of my “Website Development” unit for my Intro to Computer Science course. The unit does not contain HTML or CSS, but rather goes deeper into website design. I’ve learned over the years that more students are engaged on website development if I keep coding away from it at the beginning of introduction. Once students have the fundamentals of website design (how to design a home page, how to create a site map, color schemes, etc.) we dive deeper into html and css. To build excitement amongst students in web design, I make all projects student centric. I allow them to choose whatever website concept they want. I give them specific constraints and requirements, but they are allowed to create their own ideas.
I do follow a very specific project route in this unit:
- Create an ugly website
- Create a professional home page
- Finish home page website
- Final project
This gives students three or four websites to actually work on before they see if website design is something they enjoy. Below are different websites created by students and the lesson plans that I use during this unit.