|
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; 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); |
| 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 |
|