Calendar, ITSC 1413.7700 - Summer 2005

by Sharon Huston

Assignment	due date
Monday June 6
About This Week: This week is XHTML boot camp. We're going to move very quickly this week so we can get past the dull stuff. There are three large-ish assignments this week, and it could be challenging to complete them all, so I suggest starting as soon as possible.	---
READING: Syllabus, Lab Policies, Open Lab Information	ic
Fill out the Student Profile.	ic
Note: This week we'll take a quick run through XHTML and its goals. Please focus on creating SEMATICALLY CORRECT pages -- a list of ingredients, for example, should be formatted as a list. The pages are supposed to look plain-vanilla boring. Don't worry about appearance -- worry about validation instead!	---
OPTIONAL At-Home Activity: Download Firefox 1.0. You only THOUGHT Internet Explorer was the best browser! Its CSS support isn't anywhere near as good as Firefox's. Some of the things I'm asking you to do this week don't even show up in IE. Please save frustration and download & install Firefox.	N/A
This is the list of the browsers we have in the classroom, in case you want to duplicate the experience at home.	---
VERY OPTIONAL: For the very-computer-savvy -- instructions on how to get multiple versions of IE installed on your PC. I found the link at the bottom of the list more helpful than this article, but your milage may vary.	---
EXTRA CREDIT: For extra credit, contact me via any Instant Messenger program. Once completed successfully you will receive +5 points on your lowest assignment of the semester.	6/30
Exercise: XHTML Unit A	6/8
Exercise: XHTML Unit B	6/8
Wed. June 8th
Exercise: XHTML Unit C	6/13
Resources NCDesign Guides -- my favorite "at a click" HTML and CSS guides. W3C Markup Validator -- This should be an integral part of your design process!	---
Lecture: Structural Markup (I have a horrible video lecture in case you miss the live one. I don't think I've ever looked worse in my life. Watch the Flash version mentioned in the UPDATE.)	ic
Lecture Notes for Video: Structural Markup	---
Monday June 13th
Exercise: XHTML Unit D	ic
Lecture on Box Model (at 8:00)	ic
Project: Resume Makeover	6/20
Wednesday June 15th
Notes: Broken Boxes	ic
Box Model Hack -- download, modify as instructed, and upload to your site.	ic
Exercise: Media Types: Screen, Projection, and Print	6/20
Reading: What Is Image Replacement?	6/20
Reading: The Web Is Ruined And I Ruined It	6/20
Reading: Facts and Opinion About Fahrner Image Replacement	6/20
Reading: In Defense of Fahrner Image Replacement	6/20
Reading: Revised Image Replacement	6/20
Monday June 20
Reading: Holzschlag Ch. 4 & 5	7/14
Opera to MS: Get real about interoperability, Mr Gates -- whoa-ho! Tell 'em, Mr. Lee!!!!	6/22
Horizontal Centering -- Horizontal centering can be a real problem. Try this: Make a simple page, replacing a H1 tag with a graphic using your favorite image replacement technique. Now center the image. Make sure it works in the latest browsers and in either IE4, IE5, or IE5.5. HELP!
Float Tutorial -- the best way to work with this tutorials is to read the first "unit", then try to do the additional units without looking at the code. Only look at the code when you get stuck.	6/22
Reading: Holzschlag Ch. 5 & 6	6/22
Project Two: Two-Column Liquid Layout	7/6
NOTE: Ch. 4 in the Zen CSS book deals with Image Replacement -- well worth the read!!!	optional
Wednesday June 22
Listutorial - the best way to work with this tutorials is to read the first "unit", then try to do the additional units without looking at the code. Only look at the code when you get stuck. UNGRADED -- NO NEED TO UPLOAD!!!
OPTIONAL -- Nice $1 tutorial on the Box Model Hack, and other common hacks.	optional
Wednesday June 29 - Tuesday July 5th (a summary of what we've done!)
Lecture, Absolute vs. Relative Positioning
Lecture, Sprites: Image Slicing's Kiss of Death
Presentations DUE MONDAY
Advanced Selectors
Lecture Notes: Selectors (video available)
Exercise: CSS Selectors
mezzoblue CSS Crib Sheet
June 6
Project 3: Presentations Due Monday June 18 Lorena -- Faux Columns Kamal -- Custom Underlines Curtis -- Super Ragged Floats	7/18
Lecture: Suckerfish Dropdowns	ic
GUEST LECTURER: Curtis -- Firefox CSS Panel	ic
Lecture: Sliding Doors	ic
Best Practices List	august
Start Project 4	7-20
Start Project 5	due in August
Readings: RegExpressions pt 1 & 2 on WebMonkey.com, and anything on AListApart about CSS & font sizes.
August 1
Lecture: Doctype Modes CSS Quirks Mode vs Standard Mode and Eric Meyer's Picking a Rendering Mode This document has a killer chart on modes
Project: Skinning NLEcommerce1
EXERCISE: Forms, CSS, and Accessibility. Create a page featuring a complicated form that uses multiple text boxes check boxes radio buttons a list a menu Make sure the form validates (Transitional OK) Next run your form through Watchfire's WebXACT. Be sure to click on the Accessibility link at the top of the screen. Fix your page so it meets the W3C Web Content Accessibility Guidelines, using WebXACT's links as references. Style your form using CSS. For assistance, see CSS Table-less Forms -- the basic technique Creating Funky Forms with CSS (Basic stuff you could probably figure out on your own) CSS-only forms that don't suck (Check out the flapping bee's wing!!) Lots more links on the CSS-Discuss Wiki
Misc Readings: CSS Conditional Comments IE 7 Beta is out. Dare we try? Zoom Layout Starter Kit -- is this worth the effort? Running with Sprites
August 3
Lecture / Class Exercise: Using CSS Hacks in DWMX -- Developing a Class Set of Snippets -- Doing something concrete with our Best Practices







~~ here be dragons ~~
calendar below is NOT ready for consumption!!!
Wednesday June 15

ACCESS KEYS via ZELDMAN
Week 10: April 4
Presentations: Matt -- Night of the Image Map Jonathan -- Custom Corners and Borders Sharon --
CSS-Discuss Wiki

Key

Terms, Abbreviations & Icons

Readings = articles or chapters that should be completed BEFORE the class session
Topics = short graded papers or projects
Quizzes = short multiple-choice quiz on designated material
Activities = ungraded assignments done in class that expand on material on the textbook or from lecture.
Exercises = graded practices covering specific objectives. Exercises generally will be completed in one class session.
Projects = graded assignments. Projects take from two class sessions to an entire semester.
References = documents provided for additional information. You will never be tested on a reference document. If you're falling behind in class, the reference documents should be ignored.
Admin = administrative items needed to make the class run more smoothly.
Notes = tips on how to handle particular assignments.
= Content posted after we've covered associated material in class.
= Gallery of web sites serving as examples of techniques or concepts discussed in class
= Viewlet (short movie) demonstrating a software technique. Hoover over the icon to see the show's title. Please remember that a Viewlet's content does notreflect all the material in a chapter.
= Link to a web site used in lecture. Hoover over the icon to see the site's name or URL.
= Supplemental reading

Web Design @ North Lake College

Student Login

Calendar, ITSC 1413.7700 - Summer 2005