Week One

Jan. 4 Mon.

Introduction to Class + Douglas Rushkoff.

Course Objectives + Policies.

The CSS box model

Grids Are Good, Right? (Mark Bolton +Khoi Vinh)

Examples of sites using The Grid

960x650 grid

→ Read Program Or Be Programmed: Intro - Chpt. 1 for Wednesday.

→ Acquire Domain name and Hosting through Laughing Squid.
→ Post 3 inspirational sites to Canvas by Wednesday

→ Acquire King County Library card


Jan. 6 Wed.

Discuss chapter 1.

View inspirations (one per student)

Discussion/Presentation: Class criteria for good/bad website design.

Design Principles from Dieter Ram.

Dieter Ram for the web

Introduce wire frames and design comps

Change domain name servers.

Configure laughing squid using FTP.

     

Wordpress.com -vs- Wordpress.org.

Matt Mullenweg.

Installing + Working with Wordpress.

Preparing Wordpress for Laughing Squid.(TextEdit preferences for HTML editing).

→ Wire frame & design comp for coffee homepage due Monday



Week Two

Jan. 11 Mon.

*******Critique coffee homepage design #1*******

     

What is Web Design: Lynda.com video.

Introduction to HTML : URL’s, Directories, basic HTML + Links.
→ Watch lynda.com HTML #’s HTML Essential Training, Chptr 3.
→ Wire frame & design comp for musician homepage due next Wednesday 
→ Read Program Or Be Programmed: Chpt. 2 for Wednesday.


Jan. 13 Wed.

Discuss chapter 2.

Web etiquette: HTML HEX colors + RGB colors + color picker, W3C.

Photoshop & Illustrator for web design and flaticon.com

Review HTML and continue

Introduction to Dreamweaver: Interface, FTP

→ Finish up wordpress sites for Monday

→ Read HTML 5 For Designers



Week Three

Jan. 18 Mon.

(NO CLASS: MLK DAY)

*******Critique: wordpress sites *******

→ Read Program Or Be Programmed: Chpt. 3 for Wednesday.


Jan. 20 Wed.

Discuss chapter 3.

*******Critique: musician homepage design #2*******

     

Review HTML

Tables -vs- Cascading Style Sheets.

Brief introduction/overview to CSS

Working with CSS (HTML + CSS handouts + more CSS).

→ Wire frame & design comp for book homepage due next Wednesday 

→ Read Program Or Be Programmed: Chpt. 4 for Monday.

→ Watch lynda.com CSS Fundamentals, chptr. 3.

 

Week Four

Jan. 25 Mon.

Discuss chapter 4

In class exercise: CSS positioning + floats.


Jan. 27 Wed.

*******Critique: book homepage design #3 *******

Review CSS and continue

     

Brickwall positioning exercise.

→ HTML Wire Frame & photoshop grided design comp for portfolio home page due next Wednesday



Week Five

Feb. 1 Mon.

Meet at Top Pot Doughnuts 12:30pm (720 3rd Avenue Suite 100).

1-3pm: Studio Visit to Efelle Creative (719 2nd Avenue #1075)

→ Read Program Or Be Programmed: Chpt. 5 for Wednesday.


Feb. 3 Wed.

Discuss chapter 5

*******Critique: HTML Wire Frame & photoshop grided design comp for home page *******

     

Demo: styling typography.

Demo: lists + menus.

Responsive design: Desktop, tablet, mobile.

→ Review the in-class demo on styling links. Class files

Directions for connecting to dreamweaver at a new computer

→ Mobile and tablet wire frame & design comps due next Wednesday

→ Watch lynda.com HTML Essential Training, chptr 6.

→ Read Program Or Be Programmed: Chpt. 6 for Monday.



Week Six

Feb. 8 Mon.

Discuss chapter 6

Responsive design and the incredible em.

Demo: Translating pixels to ems & %'s.

→ Read Responsive Design


Feb. 10 Wed.

*******Critique: Mobile and tablet wire frame & design comps for home page *******

     

Demo: Working with Media Queries + responsive images.

Considering 3rd party plugins

Demo: Adding FancyBox Image Galleries.

→ Complete portfolio Wireframes + Design Comps due next Wednesday.



Week Seven

Feb. 15 Mon.

(NO CLASS : PRESIDENT’S DAY)
→ Read Program Or Be Programmed: Chpt. 7 for Wednesday.


Feb. 17 Wed.

Discuss chapter 7

Demo: CSS Transitions + Gradients.

Individual meetings with complete portfolio Wireframes + Design Comps.

→ Watch lynda.com CSS:Gradients and CSS: Transitions and Transforms .

→ Read Program Or Be Programmed: Chpt. 8 for Tuesday.



Week Eight

Feb. 22 Mon.

Discuss chapter 8

Studio time: Converting mobile design comp to code

Working with Video and Sound: youTube + Soundcloud.

 


Feb. 24 Wed.

Studio time: Converting mobile design comp to code

→ Read Program Or Be Programmed: Chpt. 9 for Tuesday.



Week Nine

Feb 29 Mon.

Discuss chapter 9.

Studio time: Converting tablet design comp to code.


Mar. 2 Wed.

Studio time: Converting tablet design comp to code.

→ Read Program Or Be Programmed: Chpt. 10 for Monday.



Week Ten

Mar. 7 Mon.

Discuss chapter 10

Studio time: Converting desktop design comp to code.


Mar. 9 Wed.

Studio time: Converting desktop design comp to code.



Week Eleven

Mar. 9 Wed.

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


Top