logoBack to home page

Class schedule (subject to change)
Aug. 30, Sep. 1 Introductions; knowledge survey, design principles review, design a la Zen Garden; site analysis assignment. Intro to Web standards (read Zeldman Preface, Before you begin, Chapters 1, 2, 3 and 4). Browsers, Firefox extensions: Firebug, Firebug Lite, Web Developer Toolbar, Rainbow;
Sep. 6, 8 Present site analysis; CSS video; intro/review of CSS; Good complete CSS tutorial; Read Zeldman Chapters 8, 9 and this Peachpit article; CSS text, CSS boxes;
Sep. 13, 15 Cascade, inheritance; Zeldman Chapter 10; Intro notes on CSS positioning, demo, zindex, and a :relative drop shadow; Adobe 2-column positioning; HTML Dog; Digital Web (and see Example near the end); simple floats;
Sep. 20, 22

Redesigning: (Look for site to redesign for final project); XHTML revisited; Zeldman Chapters 5, 6, 11;
Positioning: Absolute in relative from stopdesign and from Minz Meyer

Finish positioning lab; Gillenwater Intro, Chapter 1; Boston.com;

Sep. 27, 29

Look at redesign candidates; Web typography, Zeldman Chapter 13; Extra CSS links; Look—Zeldman blogged about Boston.com (lead developer being his co-author Ethan Marcotte)

Resume project; media:print or :screen basic ; media: print or :screen2 (and what that used to look like) alistapart: print tutorial; Purdue OWL example. Advanced CSS selectors—CSS2.1 and CSS3 practice;

Oct. 4, 6

(JB at Edward Tufte seminar) Work on resumes; Andy Clarke CD (we'll come back to Clarke for his 320 and up project); Extra resume notes1; About.com undo.css file; the ultimate reset-reload undo file (Eric Meyer); Top-10 CSS3 from Webcredible (server is buggy); Zeldman Chapter 12 (and PIE); Extra resume notes2: CSS3 notes);

 

Oct. 11, 13

Redesigns based on logo (see Tutorials 1/2, 10, 19). Redesign process part 2 , read Zeldman Chapter 16; Adobe Edge; Mozilla (MDN) CSS

Resume critiques;

Oct. 18, 20 Fall break
CSS3: Gillenwater chapters 2-5;
Oct. 25, 27

Test 1 (Tues.); Part 1 is on paper and part 2 is here.

Test review; work on Gillenwater CSS3 Part 1. And here's some inspiration for your redesign: minimalist websites from Sitepoint's Design View. Don't forget you need to present your site-in-progress Nov. 10.

Nov. 1, 3

Continue on Gillenwater Part 1 (now due Nov. 3); Demos of DHTML / JS ; basic event handlers; Code from Webbedenvironments. JavaScript PowerPoint, onClick script from PowerPoint; Zeldman Chapter 15; DHTML 1 2 and 3,

Nathan Smith on the issue of grids/templates/CSS3 etc. Gillenwater Part 2: redesigns for large, small screens, mobile (media queries). Compare to Andy Clarke's 320 and up (and his CD on media queries)

Nov. 8, 10

Zeldman Chapter 17; Zeldman Chapter 7) Try to repair this file; Here's another;

Redesign critiques

Nov. 15, 17 jQuery crash course; DHTML menus ;
AJAX video; Spry widgets simulations tool tips, validation (Adobe TV);
Nov. 22, 24

HTML5: demo (view with webkit only), browser support for HTML5 (moz or webkit; mouse over the rainbow); Apple (a lot of that is CSS3) and <canvas> with demos 1, 2, 3 (with notes) (all Webkit); (Here's my solution to adding a colored rectangle with alpha to <canvas> example 2);
Thanksgiving:

Nov. 29, Dec. 1

jQuery, jQueryUI (cont.); Review Gillenwater2, HTML5 demos above

XML from the W3Schools; XML crash course, XSLT;

Dec. 6, 8

PHP crash course I; Other: RSS intro, the page that results from that, and intro 2; See instructions for secure FTP to DArt (csc-srv1.lasalle.edu) here.

PHP crash II; CFML database/SQL lecture, WML, SVG demo, SMIL all here; AIR; Augmented Reality tutorial; Favicon tutorial (also IconForge).

CORRECTION: Second test Tuesday Dec. 13, 10 a.m. Computer parts are here: and

Back to home page