The summer course, Introduction to Web Design, ended yesterday with students presenting their final project. The websites, in which they came up with the concept, designed, and coded, turned out well given that all six of them had no prior knowledge of web design.
My goal for the course, which was compacted into into eight weeks, was to train students the foundation of HTML and CSS. In the first three weeks, I covered all the chapters in Jon Duckett’s HTML & CSS: Design and Build Websites. In each chapter, I selected the practical features that they would use the most in real-world projects. In addition to two exams, I created five exercises based on the code demo covered in class.
In parallel to learning HTML and CSS, students had to come up with the concept for their own site. They had to write a proposal, gather content, and create a sitemap, wireframes and mockups. The final website must be hand-coded, functional, and responsive.
Once we were done with with the book, they began to create the mockups and code their final site. The most challenging part of the course was coding; therefore, I only gave them one project to do and plenty of time to code. They struggled a bit, but everyone pulled through. I am happy with what they turned in. I hope that I had given them enough basic knowledge so that they will continue to improve their HTML and CSS skills after the intro course.
Here are a few mockups the students have created.