Gr Des 66

WEB DESIGN 2

SECTION 2471 | TUESDAY | 2:00 – 5:05PM
SECTION 4255 | TUESDAY | 6:30 – 9:35PM

This computer-based course is focused on the successful design and implementation of web sites and builds on the concepts and fundamental techniques covered in Graphic Design 65. Students will learn different approaches and technologies in delivering online content. Topics include: Dynamic HTML, web hosts and servers, search engines, web graphics, web animation, and web authoring tools. Design issues such as effective communication, technical constraints, typography, navigation interface, and information architecture will be addressed. Students will design and create a multi-page web site utilizing advanced features of a web authoring software.

If I need to contact you, I will email you using your SMC email address so be sure to check your SMC email frequently!


Schedule

DATE
LECTURE + DEMO
ASSIGNMENTS + DUE DATES
Sept. 1 Course Introduction + Syllabus
Class Skills Survey
WordPress Blogs (due 9/8)
Sept. 8 File Naming + OrganizationFTP
HTML5 Structure
What is Responsive Web Design? (RWD)
Assignment 1: Research (due 9/15)
Midterm Project: (due 10/20)
Sept. 15 Design Process:
Target Audience + Sitemaps
Two-Column Layout
Assignment 2: Sitemap (due 9/22)
Sept. 22 CSS Examples:
Margin + Padding + Styling
Mobile First + RWD
Style Tiles
Two-Column Layout
Assignment 3: Style Tiles (due 9/29)
Sept. 29 Wireframes
Two Column Flexible Layout
Two Column: Make it Responsive
Start working on Wireframes for Midterm Project.
Oct. 6 Responsive Design Patterns
Navigation
Prototyping/InVision
Responsive Prototype
Assignment 4: Design Comps
Oct. 13 Critiques Print out and bring your design comp to class on Oct. 13.
Design Revisions
Oct. 20 Midterm Presentations Midterm Project
Oct. 27 Web Typography
Demo: Web Typography
Image Optimization
*no more “save for web” in PSD
Final Project
(due 12/15)
Nov. 3 JavaScript/jQuery
Responsive Navigation
Assignment 5: Revised Design Comps (due 11/10)
Questions for Whitney Hess (afternoon class)
Nov. 10 Embedded Media
Whitney Hess 2:30pm -3:30pm
 Revised Design Comps
Nov. 17 Slideshow  Final Design Comps due
Nov. 24 Responsive Form
Dec. 1 Critiques
Dec. 8 In-class labtime
Design Technology Student Survey: Fall 2015
All Grades (except final) posted to Gradebook. Email me if I missed anything.
Dec. 15 Final Project Presentations:
student must present final project last day of class to receive grade.
Final Project

*This schedule is subject to change.

Please note: Instructor is not responsible for going over missed class material with a student who misses a class. Please be sure to attend all classes.


Course Documents

Syllabus
Class Skills Survey

LECTURE MATERIALS

The Art of Web Design [Video]

 

PROJECTS / RESOURCES

Midterm Project
Better Restaurant Websites
Final Project

 

FINAL PROJECT STUDENT EXAMPLES
(“A” Level Work)

Kate Nesterov
Emmelie Eliasson
Connor Gustus
Danny Izarraras

STUDENT BLOGS

Please post your WP blog URL in comments at bottom of page, thanks!

Students will post assignments and detail the process of their midterm and final projects on their WP Process blog:

Student Process Blogs (Section 2471)
Student Process Blogs (Section 4255)


Resources


Course Info

DETAILS

GR DES 66
Section 2417 / Tuesday / 2:00-5:05pm
Section 4255 / Tuesday / 6:30-9:35pm
AIR 133

Prerequisites: GR DES 61, 64 + 65

grdes.jamiecavanaugh.com/grdes66

INSTRUCTOR

Jamie Cavanaugh
cavanaugh_jamie@smc.edu
jamiecavanaugh.com
Office Hours:
Tuesday 5-6pm / AIR 102
Thursday 5-6pm / AIR 102
Please email me to schedule an appointment to see me during office hours.

Design Technology Department:
smcdesigntech.org
IxD Bachelor’s Degree:
smcixd.org


Leave a Reply

Your email address will not be published. Required fields are marked *