Introduction to Class + Douglas Rushkoff.
What is Web Design: Lynda.com video.
→ Read Program Or Be Programmed: Intro - Chpt. 1 for Thursday.
Discuss chapter 1.
Change domain name servers.
Configure laughing squid using FTP.
Preparing Wordpress for Laughing Squid.
→ Read Program Or Be Programmed: Chpt. 2 for Tuesday.
→ Design newsletter in Photoshop/Illustrator for Thursday 15 Jan.
Discuss chapter 2.
Installing + Working with Wordpress.
Due: Newsletter designs.
Introduction to Dreamweaver: Interface, FTP, + Tables.
Working with tables + inserting images.
→ Read Program Or Be Programmed: Chpt. 3 for Tuesday.
Discuss chapter 3.
→ Convert your newsletter to HTML for class Thursday.
Demo: working with mailchimp + WP shopping cart.
Example: Finished Newsletter Mark Up
Finished Newsletter Mark Up
→ Test HTML newsletter w.shopping cart online + send mailchimp email by Teusday 27 Jan.
→ Read Program Or Be Programmed: Chpt. 4 for Tuesday.
→ Read HTML 5 For Designers
Discuss chapter 4
******* HTML newsletter due in email *******
******* Wordpress Critique *******
Demo: Tables -vs- Cascading Style Sheets.
In class exercise: CSS Positioning.
→ Watch lynda.com CSS Fundamentals, chptr. 3.
In class exercise: CSS Floats.
Converting color tables to CSS.
→ Read Program Or Be Programmed: Chpt. 5 for Tuesday.
→ Convert HTML newsletter to CSS for Tuesday.
Discuss chapter 5
Brickwall positioning exercise.
Demo: Styling Typography.
Demo: lists + menus.
→ Watch lynda.com HTML Essential Training ,chptr 6.
Demo: Designing with grids and translating pixels to ems + %'s.
Introduce Project 2: Responsive Website.
Create groups for Tuesday's class.
→ Design Comps + Wireframes due next Thursday 12 February (instructions).
→ Read Program Or Be Programmed: Chpt. 6 for Thursday.
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.
Discuss chapter 6
Demo: Working with Media Queries + responsive images.
→ Read Program Or Be Programmed: Chpt. 7 for Tuesday.
Style Guides, Wireframes + Design Comps due
Discuss chapter 7
Discussion/Presentation: Class criteria for good/bad website design.
Demo: further with menus.
→ Work on responsive site home page for critique Tuesday 24 Feb.
Individual meetings over project 2 Style Guides, Wireframes + Design Comps.
Studio / Troubleshooting
→ Read Program Or Be Programmed: Chpt. 8 for Tuesday.
Discuss chapter 8
Working with Video and Sound: youTube + Soundcloud.
Studio time / Troubleshooting.
Critique responsive site home pages.
Demo: Adding FancyBox Image Galleries.
Studio time / Individual meetings re: building out sites.
→ Read Program Or Be Programmed: Chpt. 9 for Tuesday.
Discuss chapter 9.
Studio time / Troubleshooting.
Pre-critique complete responsive sites.
→ Read Program Or Be Programmed: Chpt. 10 for Tuesday.
Meet at Top Pot Doughnuts 9:30am (720 3rd Avenue Suite 100).
10-11am: Studio Visit to Efelle Creative (719 2nd Avenue #1075)
Discuss chapter 10
******* Final Critique *******