Schedule

*** The below is subject to change throughout the semester ***

Class 1 — 9/2/2015 — Hello World

Handout and Discuss Syllabus, Resources, and Classroom Policies

Set-up Accounts and Software:

Lecture:

Web Design Landscape

Exercises:

2 Favorite Websites (PiratePad)

Assignments due Next Week:

Reading (Kenneth Goldsmith — If it Doesn’t Exist on the Internet, It Doesn’t Exist) & Response

Web Designer Profile

 

Class 2 — 9/9/2015 — The Internetz

Lecture:

How the Internet Works & How to Stay Organized

Exercises:

File Organization

Path Navigation

Assignments due Next Week:

Reading & Response (Why No One Clicked on the Great Hypertext Story by Steven Johnson)

Codecademy — HTML & CSS Track: Introduction to HTML, HTML Structure: Using Lists

Finish and Submit File Organization and Path Navigation Exercises

Bring in a Feature Article from Newspaper or Magazine.

 

Class 3 — 9/16/2015 — Planning a Website and HTML Part 1

Lecture:

Site Planning & Basic HTML Tags

Exercises:

Re-engineer a Site Map

Label a Newspaper Article

Markup Carl Dair

Assignments due Next Week:

Reading & Response (From Zero to One and From One to Zero by Rob Giampietro and David Reinfurt)

Finish and Submit In-Class Exercises

Codecademy HTML STRUCTURE: TABLES, DIVS, AND SPANS, INTRODUCTION TO CSS, CSS CLASSES AND IDS

Project 1: Style an Interview — Part 1 Planning

 

Class 4 — 9/30/2015 — CSS Part 1

Lecture:

Form and Content II — CSS Part 1

Exercises:

Style Carl Dair

Assignments due Next Week:

Reading & Response: Good Taste Doesn’t Matter

Finish and Submit In-Class Exercise (Style Carl Dair)

Project 1: Part 2—Wireframe, New Goals, Rough Static Mockups

 

Class 5 — 10/7/2015 — Visual Hierarchy in Web Design

Lecture:

Visual Hierarchy and Grids

Exercises:

Re-engineer a Site Grid

Assignments due Next Week:

Reading & Response ( The Observatory “Inside the Lines” Podcast (0:00 – 10:22)  and A Fine Balance )

Finish and Submit Site Grid Exercise

Codecademy—HTML & CSS Track: CSS ELEMENT POSITIONING

Project 1 Production Continue

 

Class 6 — 10/14/2015 — CSS Layout

Lecture:

CSS Basics: Layout

Exercises:

Float Exercises

Positioning Exercises

Assignments due Next Week:

*No Reading and Response this week

Finish and Submit In-Class Exercises

Project 1 Finish

 

Class 7 — 10/21/2015 — Project 1 Critique [Mid-Term]

Project 1 Critique

Hand back Mid-Term Evaluations over the weekend

Assignments due Next Week:

Reading & Response

 

Class 8 — 10/28/2015 — Project 1 Critique [Mid-Term]

Project 1 Critique

Hand back Mid-Term Evaluations over the weekend

Assignments due Next Week:

Reading & Response

 

Class 9 — 11/4/2015 — CSS Part 3

Lecture:

Advanced CSS Part 1: Backgrounds, Gradients, Border-radius, and Transforms

Exercises:

Recreate a Muller Brockmann Poster

Assignments due Next Week:

Reading & Response

Finish Positioning Exercises

Read 30 CSS Selectors You Must Memorize

 

Class 10 — 11/11/2015 — Advanced CSS Motion

Lecture:

Advanced CSS Continued — Motion

Exercise:

Recreate a Muller Brockmann Poster Parts 1 and 2

Assignments due Next Week:

Reading & Response: Captives of the Cloud Part 1—Metahaven

Upload Muller Brockmann Poster Exercise to Github

Final Project: Part 1 (Research, Goals / Purpose, Site Map)

 

Class 11 — 11/18/2015 — Advanced HTML

Lecture:

Advanced HTML: Tables, Video, Audio

Exercises:

Online Restaurant Menu

Assignments due Next Week:

Reading & Response: Metahaven Captives of the Cloud Part II

Finish and Submit In-Class Exercise

Final Project: Part 2 (Wireframes & Mockups)

 

Class 12 — 11/24/2015 — Responsive Web Design

Lecture:

Responsive Web Design

Exercises:

Make a responsive Carl Dair

Assignments due Next Week:

Reading & Response: Metahaven Captives of the Cloud Part III

Finish and Submit In-Class Exercises

Final Project: Begin Production (i.e a good start would be to semantically markup all content)

 

Class 13 — 12/2/2015 — Images and Interaction

Lecture:

Images and Interaction

Exercises:

User Interactions

Assignments for Next Week:

Reading & Response: The Museum Interface

Finish and Submit Exercises

Final Project: Continue Production

 

Class 14 — 12/9/2015 — Troubleshooting, Validation, Accessibility, & Publishing to the Web

Lecture:

Troubleshooting, Validation, & Publishing to the Web

Exercises:

Take a Dev-Tools Tutorial

Assignments due Next Week:

*No Reading or Response this Week

Finish Final Project

Create Final Documentation Package (Download Checklist)

Complete Course Evaluations

 

Class 15 — 12/16/2015 — Final Projects Crit

Final Project 3 Crit

Hand in Class Documentation Package