Website Development

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.

Lesson Plans

Student Websites
ALT Hour
Shoes Show
Mexican Food/Snacks/

Arley Trujillo is a first generation college graduate, Hispanic, and born and raised in Miami, Florida. Arley graduated from Boston University in 2018 with a Bachelor of Science in computer engineering. He is a member of Teach for America’s 2018 cohort, joining the team at John Marshall School of Information Technology immediately after the program, where he has remained for five years. Arley has taught introduction to computer science, computer hardware, AP computer science, and cybersecurity. In his classes, students are able to learn about topics such as robotics, video game design, website design, topical programming languages such as Python and Java, and how to take apart and build computers. His students assist in an IT help desk to help teachers and students with their IT problems. Arley’s main goal in the classroom is to give students an opportunity to find what they enjoy in the IT field, and hopefully put them in a position to be creative and successful in their field. Outside of the classroom, Arley coaches Esports and FIRST Robotics. Arley and another colleague helped launch the district’s Esports initiative, which is now at 12 other schools. FIRST Robotics is also expanding across the district, and Arley’s students have the opportunity to build a robot in nine weeks and compete against other schools throughout the region. Arley’s robotics students learn multiple skills such as electrical wiring, drilling and cutting metal, machining, programming, fundraising, team management, competition stress management, data vision analysis, and many other soft and hard skills. Similar to his goals in the classroom, Arley’s goals for the afterschool programs are to create an environment where students feel like they’re part of something larger than themselves and have an opportunity to succeed in difficult subjects they enjoy, such as robots and competitive video games.