|Design for the Web I
Course: ART 39540 1EF
Instructor: Andy Deck
Time: Monday 2:00 - 4:50pm
January 27, 2014 - May 19, 2014
This course focuses on the development of HTML documents and website designs. Topics include interface design, technical practices, information structuring, and interactivity for the World Wide Web. Sites will be examined from the perspective of design, utility and interactivity.
This class will start with the basics of HTML coding, and how to use cascading style sheets, both for font style and layout. We will look at basic programming and site building procedures.
We're going to address a variety of other issues, like content management systems, site architecture, templates, responsive design, etc. By the end of the class you should be able to build and maintain a website that uses HTML5, CSS3, and targets a wide array of media platforms, from laptop computers to phones.
We will be looking at sites that are creative and inspirational as we develop ideas for projects. Students are encouraged to share discoveries both in class and online through the forum. In-class demonstrations will explore abstract and whimsical ideas, in addition to addressing efficiency and pragmatic design.
This class will not make you an instant expert on Web programming and design — it serves an introduction to the basic issues and elements. It will prepare you to continue towards mastery.Required Text
HTML and CSS: Design and Build Websites
Grading will be based on in-class participation, in-class presentations, and homework assignments. Specifically:
1st assignment - 10%
Website visualization for Phone/Tablet/Desktop
2nd assignment - 10%
My First Webpage. Getting it online is the goal. Retro fun examples include superbad.com and jimpunk.com for inspiration. Don't sweat the code, but GET IT ONLINE.
3rd assignment - 10%
Using a grid system for layout, compose a website design revision for the greenwashing.us website. Prepare for this with an in-class exercise related to grid systems.
4th mid-term assignment - 25%
Group project. Topic and details to be negotiated in class. Possible inspiration: Jessica Hagy's 'Indexed' project at indexed.blogspot.com
5th assignment - 10%
Portfolio assignment. Using techniques of your choice, present your designwork (photography? art?) for view online. Must be online for credit. Layout exercises discussed in class are Portfolio skeleton and Transitions and DOM.
6th assignment - 5%
Final project proposal
7th assignment - 15%
Final project. NOT A PORTFOLIO. You will present this to the class in the final class session. This presentation will be a critique, so the work should be aesthetically developed (concept, design decisions, etc.) and not simply a technical exercise.
Class participation - 10%
Presentation - 5%