Web Design should be a key component of Computer Science Education. Obviously the web is pervasive but more and more Smart Phone apps are also built on top of a web design framework. This page will share my introductory web design assignments.
Web design is the one introductory area of my courses where I have dabbled in using online resources instead of direct teaching. The two resources I have used most for online learning are Codecademy and Khan Academy. I used to use Codecademy with my classes as it is text based where as Khan Academy is video based. Recently Codecademy made some changes to the work flow that have steered me away from using it but for some it is still better than video based tutorials which tend to be slower.
All this said, I have gone back to my direct teaching style as I find I can take the kids further in a shorter period of time. My recent lesson plan docs reflect this. I use Adobe Brackets or Notepad++ for my web design software but I have PCs with a network space for my students to save. Some colleagues have also had success with a Chrome App called Editey which saves to Google Docs.
For Complete Lesson Plans that include my web design unit: Go to the Lesson Plans Tab... Computer Science 10
Intro to Web Design (Alberta CTS Credit: CSE1210 Client Side Scripting 1)
Introductory web design focuses mostly on 2 key concepts: HTML and CSS which I largely teach together. I also give my students a lesson or two introduction to Javascript which is essentially the basis for the second Alberta credit of web design (Client Side Scripting 2) which I do not generally teach.