Introduction to Web Design
This course is an introduction to web design, HTML+CSS, and user-centered design. Emphasis is placed on user experience (UX), best practices for web, and user testing and iterative prototyping.
Project 1: Calendar Site
The students are tasked with creating a calendar page for an event that spans multiple days. The calendars must be mainly text-based with few images, if any.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/b98e29c0-2f0e-405e-bb94-e67bb4dd8022_rw_1920.jpg?h=978d6c6c2cf7fab52a78d09df0d5c185)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/fea6a695-2710-4d73-8eb4-78790eba1b3d_rw_1920.jpg?h=978316d9d3e0eb96b2e9eec21221acdb)
Project 2: Editorial Site
The students must take existing editorial content and create a multipage site for it. The content can be an existing website that they redesign, or printed material they adapt to the web. In some classes, the students must also plan the designs for adapting the website for mobile.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/63aa7514-2a81-40b9-b09b-92de48589f81_rw_3840.jpg?h=856a53c4354f3188b81e24ec409a5df1)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/75a7d80c-a07c-4bcb-aea3-91d7ac40abd6_rw_3840.jpg?h=9744cceb1391b31b6049a7337905a725)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/5a1d4081-3e63-470f-abd3-6df05441ffdd_rw_3840.jpg?h=175b7929fbdc0436cedf1fc078dd458e)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/ea462536-ee1a-4538-9217-021e0c61c864_rw_3840.jpg?h=04e5dbd24d823ab69a9c4caa5e2f1597)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f2dcac14d2ac08a1ad3457457fc097f5/d2aaa262-d3dc-4fb7-bc06-f62949ff42cd_rw_3840.jpg?h=e13b1be35fb1ff4220f1bd4069ffe0d6)
Credits:
Cole Dube | Web Design: Schedule | Fall 2016
Colin Butler | Web Design: Schedule | Spring 2017
Alexander Alicea-Arroyo | Web Design: Editorial | Spring 2017
GlennJunior Sampayan | Web Design: Editorial | Spring 2017