Web Design Basics

  • PSAM 1028 — CRN 7914 — Spring 2016
    Monday, 7:00pm–9:40pm
    Parsons The New School for Design
    L106, Academic Entrance 63 Fifth Ave
    Instructor: Minkyoung Kim, kimm3@newschool.edu
  • Week 1 — 01/25/2016 — Hello World
    ●   Handout and Discuss Syllabus, Resources, and Classroom Policies
    ●   Set-up Accounts and Software
    WordPress
    Sublime
    Chrome, Firefox
    PiratePad
    ●   Lecture
    Web Design Landscape
    ●   Exercises
    2 Favorite Websites (PiratePad)
    ●   Assignments due Next Week

  • Reading Response: If it Doesn’t Exist on the Internet, It Doesn’t Exist
    Web Designer Profile
  • Week 2 — 02/01/2016 — The Internets

    ●   PiratePad
    ●   Lecture
    How the Internet Works & How to Stay Organized
    ●   Set-up
    B Hosting
    FileZilla
    ●   Exercise
    File Organization
    Path Navigation
    ●   Assignments due Next Week
    Reading Response: Why No One Clicked on the Great Hypertext Story
    Finish and Submit In-Class Exercises
    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.

    Week 3 — 02/08/2016 — Site Planning & HTML: Basics
    ●   Lecture
    Site Planning & Basic HTML Tags
    ●   Exercises
    Re-engineer a Site Map
    Label a Newspaper Article
    Markup Carl Dair: Download text here
    ●   Assignments due Next Class
    Reading Response: From Zero to One & From One to Zero)
    Finish and Submit In-Class Exercises
    Codecademy (HTML & CSS Track)
    ○   HTML Structure: Tables, Divs, and Spans
    ○   Instructions to CSS
    ○   CSS Classes and IDS
    Project 1: Style an Interview — Part 1 Planning

    Week 4 — 02/15/2016 — No Class (Presidents Day)
    Presidents Day! No class this week.

    Week 5 — 02/22/2016 — CSS: Form and Content
    ●   Lecture
    Form and Content
    ●   Exercises
    Style Carl Dair
    ●   Set-up Student Homepage
    ●   Assignments due Next Week
    Reading Response: Good Taste Doesn”t Matter
    Finish and Submit In-Class Exercise (Style Carl Dair and B Hosting homepage)
    Project 1: Part 2—Wireframe, New Goals, Rough Static Mockups

    Week 6 — 02/29/2016 — Visual Hierarchy & Grids

  • Grid System on Web
  •  
    ●   Lecture
    Visual Hierarchy and Grids
    ●   Exercises
    Re-engineer a Site Grid
    ●   Small Group Crit
    Time Table
    ●   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

    Week 7 — 03/07/2016 — CSS: Layout

  • Rafaël Rozendaal, Abstract Browsing
  •  

    ●   Lecture
    CSS: Layout

    ●   Exercises
    Float Exercises
    Positioning Exercises
    ●   Small Group Crit
    Time Table
    ●   Assignments due Next Week
    Reading & Response: Fuck Content
    Finish and Submit In-Class Exercises
    Project 1 Continue

    Week 8 — 03/14/2016 — CSS: Transforms

    ●   Lecture
    CSS: Transforms

    ●   Exercises
    CSS Letterforms: Part 1
    ●   Small Group Crit
    Time Table
    ●   Assignment due Next Class (03/28)
    No Reading and Response this week
    Finish and Submit In-Class Exercises
    Project 1: Finish and Publish on your Parsons B Hosting
    Project 2: Brainstorming

    Week 9 — 03/21/2016 — No Class (Spring Break)
    Spring Break! No class this week.

    Week 10 — 03/28/2016 — Mid-Term: Project 1 Crit
    ●   Project 1 Crit
    Pirate Pad
    ●   Assignments due Next Week
    No Codecademy this week
    Reading & Response: Vernacular Web 2
    Project 2: Part 1 — Proposal, Goals & Audience, Site-map

    Week 11 — 04/04/2016 — CSS: Motion

    ●   Lecture
    CSS: Motion

    ●   Exercises
    CSS Letterforms: Part 2
    ●   Individual Meeting
    Time Table
    ●   Assignment due Next Week
    No Codecademy this week
    Reading & Response: Change over Time
    Finish and Submit In-Class Exercise on Class Google Drive
    Publish In-Class Exercise on your Parsons Hosting
    Submit Project 2: Wireframe on Class Google Drive

    Week 12 — 04/11/2016 — HTML: Structure and Navigation
    ●   Lecture
    HTML: Structure and Navigation
    ●   Exercises
    Online Restaurant Menu
    ●   Individual Meeting
    Time Table
    ●   Assignment due Next Week
    No Codecademy this week
    Reading & Response: The Artist as Archivist in the Internet Age (4–20p on the pdf)
    Finish and Submit In-Class Exercise on Class Google Drive
    Publish In-Class Exercise on your Parsons Hosting
    Submit Project 2: Visual Mockups on Class Google Drive

    Week 13 — 04/18/2016 — Responsive Web Design

  • Marcus Blättermann, Responsive Pixel Art
  •  
    ●   Lecture
    Responsive Web Design
    ●   Exercises
    Responsive Carl Dair
    ●   Individual Meeting
    Time Table
    ●   Assignment due Next Week
    No Codecademy this week
    Reading & Response: The Museum Interface
    Finish and Submit In-Class Exercise on Class Google Drive
    Publish In-Class Exercise on your Parsons Hosting
    Project 2 Continue

    Week 14 — 04/25/2016 — Image, Type, and Interaction

    earth.png

    earth.gif

    earth.jpg

    earth.svg

    ●   Lecture
    Image, Type, and Interaction
    ●   Exercises
    User Interaction
    ●   Small Group Crit
    Time Table
    ●   Assignment due Next Week
    No Codecademy this week
    Reading & Response: Compression by Abstraction: A Conversation About Vectors
    Finish and Submit In-Class Exercise on Class Google Drive
    Project 2 Continue

    Week 15 — 05/02/2016 — Javascript: Object and Instruction

    ●   Lecture
    Javascript: Introduction
    ●   Exercises
    Sentence Generator
    Age Calculator
    Codecademy—Javascript Track: Introduction to Javascript
    ●   Small Group Crit
    Time Table
    ●   Assignment due Next Week
    Codecademy—Javascript Track: Functions
    Reading & Response: What is Code
    *This is a very long article. You should read the chapter 1–3 at least.
    Finish and Submit In-Class Exercise on Class Google Drive
    Project 2 Continue

    Week 16 — 05/09/2016 — Troubleshooting, Validation, Accessibility, & Publishing to the Web
    ●   Lecture
    Troubleshooting, Validation, Accessibility, & Publishing to the Web
    ●   Exercise
    Take a Dev-Tools Tutorial
    ●   Individual Meeting
    Time Table
    ●   Assignment due Next Week
    No Codecademy this week
    No Reading Response this week
    Project 2 Finish
    Create Final Documentation Package (Checklist)
    Complete Course Evaluations

    Week 17 — 05/16/2016 — Final: Project 2 Crit

    ●   Project 2 Crit
    Pirate Pad
    ●   Assignment due Today
    Upload Final Documentation Package on Class Google Drive (Checklist)

     
    *Thanks to Ojus Doshi who taught Web Design Basics in 2015 Fall.