Week One

Jan. 6

Introduction to Class + Douglas Rushkoff.
Course Schedule and Objectives + Policies .
What is Web Design: Lynda.com video.
→ Read Program Or Be Programmed: Intro - Chpt. 1 for Thursday.
→ Acquire Domain name and Hosting through Laughing Squid.


Jan. 8

Discuss chapter 1.
Change domain name servers.
Configure laughing squid using FTP.
Introduce Project 1: HTML Newsletter + Wordpress site

Newsletter examples.
Wordpress.com -vs- Wordpress.org.
Preparing Wordpress for Laughing Squid.
(TextEdit preferences for HTML editing).
→ Read Program Or Be Programmed: Chpt. 2 for Tuesday.
→ Design newsletter in Photoshop/Illustrator for Thursday 15 Jan.



Week Two

Jan. 13

Discuss chapter 2.

Matt Mullenweg.

Installing + Working with Wordpress.

     
Introduction to HTML : URL’s, Directories, basic HTML + Links.
→ Watch lynda.com HTML #’s HTML Essential Training, Chptr 3.


Jan. 15

Due: Newsletter designs.
HTML HEX colors + RGB colors + color picker, W3C.
Introduction to Dreamweaver: Interface, FTP, + Tables.
Working with tables + inserting images.

Instructions for in-class exercise on tables.
→ Read Program Or Be Programmed: Chpt. 3 for Tuesday.



Week Three

Jan. 20

Discuss chapter 3.

Instructions for in-class exercise on building an html newsletter..
→ Convert your newsletter to HTML for class Tuesday.

Jan. 22

Demo: working with mailchimp - MailChimp Info.
Finished Newsletter Mark Up
→ Test HTML newsletter w.shopping cart online + email by Teusday 22 Jan.


******* Wordpress Critique *******
→ Read Program Or Be Programmed: Chpt. 4 for Tuesday.
→ Read HTML 5 For Designers



Week Four

Jan. 27

Discuss chapter 4

******* HTML newsletter due in email *******
Demo: Tables -vs- Cascading Style Sheets (newsletter docs).
Introduction to CSS (HTML + CSS handouts + more CSS).
In class exercise: Controlling Layout with CSS (lorem ipsum).
Converting color tables to CSS
→ Watch lynda.com CSS Fundamentals, chptr. 3.


Jan. 29

Brickwall positioning exercise (brickwall with working navigation).
Converting HTML newsletter to CSS.
Demo: Styling Typography.
Demo: Working with responsive CSS: Media Queries.
→ Read Program Or Be Programmed: Chpt. 5 for Tuesday.



Week Five

Feb. 3

Discuss chapter 5
Demo: responsive images.
Demo: CSS Gradients.
→ Watch lynda.com CSS:Gradients.


Feb. 5

Demo: lists + menus.
Demo: CSS Transitions.
Introduce Project 2: Responsive Website.
Create groups for Tuesday's class.
→ Watch lynda.com HTML Essential Training ,chptr 6.
→ Watch lynda.com CSS: Transitions and Transforms .
→ Design Comps + Wireframes due next Thursday 12 February (instructions).
→ Read Program Or Be Programmed: Chpt. 6 for Thursday.



Week Six

Feb. 10

1. Discuss as groups the criteria for good/bad website design.
→ Come up with 5 positive and 5 negative qualities.
→ Bookmark 4 websites, 2 good/2 bad for short presentation Thursday.
2. Read first 6 chapters of The Shallows for discussion Thursday 19 February.


Feb. 12

Design Comps + Wireframes due
Discuss chapter 6
Individual meetings over project 2 wireframes + design comps.
Work on home page for responsive site for pre-critique Tuesday.
→ Read Program Or Be Programmed: Chpt. 7 for Tuesday.


Week Seven

Feb. 17

Discuss chapter 7
Discussion/Presentation: Class criteria for good/bad website design.
Design Principles from Dieter Ram.
Pre-critique of Home page for responsive site.
→ Pre-critique complete responsive site Tuesday 3 March.


Feb. 19

Discuss The Shallows p.1
Demo: Adding Slide Shows.
In class exercise: simple menus and working with slide shows:
EasyRotator and Lightbox and fancybox.
→ Read final chapters of The Shallows for discussion Thursday 5 March.
→ Read Program Or Be Programmed: Chpt. 8 for Tuesday.



Week Eight

Feb. 24

Discuss chapter 8
Working with Video and Sound: youTube + Soundcloud.
→ Read Does the Brain Like e-books? link for Thursday.


Feb. 26

Discussion: Does the Brian Like e-books?
Studio time.
→ Read Program Or Be Programmed: Chpt. 9 for Tuesday.



Week Nine

Mar. 3

Discuss chapter 9.
Pre-critique complete responsive site.


Mar. 5

Discuss The Shallows p.1.
Individual meetings over pre-critiqued responsive sites.
Studio time.
→ Read Program Or Be Programmed: Chpt. 10 for Tuesday.



Week Ten

Mar. 10

Discuss chapter 10
Studio Visit


Mar. 12

******* Final Critique *******





Top