Schedule

**Week 1 - Jan 4**
//in class// toc //at home//
 * course introduction
 * discussion of wiki and participation
 * introduce Project 1
 * html basics | [|lecture] | in-class assignment: basic html page
 * preparing images for the web | lecture | demo | in-class assignment: my name is...
 * HTML 5 Starter File (right-click > save linked file as...)
 * design and prepare your six grids (steps 1-5 of project 1A) - software of choice
 * save the results and back up your files
 * due: __beginning__ of next class (Jan 11)

**Week 2 - Jan 11**
//in class// //at home//
 * class discussion - news and examples
 * uploading files to the digital locker
 * CSS basics | lecture | [|positioning]
 * listing of [|CSS properties]
 * review 1A - critique
 * rollover Images | @slide | swap
 * complete 1A in class (steps 6-7 project 1A)
 * introduce 1B
 * design and prepare your four grids (steps 1-5 of project 1B)
 * due: __beginning__ of next class (Jan 18)
 * bring magazine, ruler and x-acto knife to next class

**Week 3 - Jan 18**
//in class// //at home//
 * class discussion - news and examples
 * more CSS | typography | box model | examples
 * listing of [|CSS properties]
 * review 1A- class critique
 * complete 1B in class
 * introduce 1C
 * CSS Template (right-click > save linked file as...)
 * cut and prep squares: scan and design your 4 layouts (steps 1-4 of project 1C)
 * due: __beginning__ of next class (Jan 25)

**Week 4 - Jan 25**
//in class// //at home//
 * class discussion - news and examples
 * more CSS | positioning
 * review 1B - class critique
 * complete 1C
 * Use of Class and ID
 * introduce 1D
 * design and prepare your 5 layouts for 1D
 * due: __beginning__ of next class (Feb 1)
 * complete peer feedback

**Week 5 - Feb 1**
//in class//
 * class discussion - news and examples
 * review 1D layouts - class critique
 * Visual Interface Design: Colour
 * complete 1D
 * Logo Design assignment

**Week 6 - Feb 8**
//in class// //at home//
 * **project 1 due**
 * class discussion - news and examples
 * processing | introduction
 * processing: [|point] [|line][|coordinates]; shapes [|rectangle][|ellipse][|triangle][|size][|fill,][|stroke]
 * complete 2A in class
 * introduce 2B
 * sketch sequence ideas in storyboard format for Project 2C (steps 1-2) - have ready for next class
 * read - [|When a Good Idea Works] by John Maeda

**Week 7 - Feb 15**
//in class// //at home//
 * class discussion - news and examples
 * processing | beyond basics | motion
 * processing | [|setup], [|draw] [|variables][|loops]
 * complete 2B in class
 * review 2C storyboards
 * complete 2C - due at the beginning of next class
 * start your peer feedback for project 2 - due by week 10

**Week 9 - Feb 29**
//in class// //at home//
 * class discussion - news and examples
 * processing | behaviours | examples
 * processing | [|conditionals]
 * introduce Project 2D
 * introduce Project 3
 * complete 2D - due at the beginning of next class
 * complete your peer feedback for project 2 - due next class
 * complete Content List and Organizational Theme for Project 3 - due next week for review

**Week 10 - Mar 7**
//in class// //at home//
 * class discussion - news and examples
 * review 2D projects
 * lecture[| website planning] | [|website design]
 * review Project 3 content plans, organizational themes
 * create sitemap, collect materials for moodboard
 * complete mood boards, information architecture (sitemap), wireframes - due next week for review

**Week 11 - Mar 14**
//in class// //at home//
 * interaction design, navigation
 * mobile phone exercise
 * visual interface design
 * create visual comps - 3 or 4 depending on project
 * integrate visual comps and wireframes to create 3 or 4 screens - functioning prototype
 * start your peer feedback for project 2 - due week 12

**Week 12 - Mar 21**
//in class// //at home//
 * review functioning prototypes for class critique
 * in class production and consultation
 * finalize project 3

**Week 13 - Mar 28**
//in class// >
 * **Project 3 due for mandatory in-class presentation**