Calendar for IMED 2415 Page Design II / Fall 2004
| Assignment | due date |
| Week One: Jan. 24 -- XHTML Boot Camp | |
| Hello, Class! I can't be with you today as I'm attending a funeral and reception. Please work with each other to help everyone in the room get a good start on the XHTML homework. If you have trouble with the homewirk please email me via Yahoo! Groups so everyone in the class can see your question & my answer. I'm sorry I can't be in class, but look forward to seeing all of you next week. | --- |
| 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 |
| Exercise: FERPA | |
If you do not want an alias fill out the Student Profile. If you DO want an alias contact me via email. You need to fill this out once each semester, even if you're taking multiple NLC web design classes. |
ic |
| ASSIGNMENT: Scavenger Hunt | ic |
| Visit Yahoo! Groups and join IMED-2415. If you have a question please send it to the group so everyone can see the question and my answer. | ic |
| Reading: Holzschlag Ch. 1 | 1/30 |
| 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. | 1/30 |
| Exercise: XHTML Unit A | 1/30 |
| Exercise: XHTML Unit B | 1/30 |
| Exercise: XHTML Unit C | 1/30 |
Resources
|
--- |
| Week Two: Jan. 31 | |
| Discussion Groups Formed, Pages Assigned. | --- |
Reading: Holzschlag Ch. 2 & 3 |
2/7 |
| 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 | --- |
| Exercise: XHTML Unit D | 2/7 |
| Project: Resume Makeover -- you can start this week, but you'll want to use next week's skills to complete it. | 2/14 |
| Week Three: Feb. 7 | |
| Note: This week we will explore the box model, but not the BROKEN box model. That's next week. | |
QUIZ! |
ic |
| Lecture on Box Model | ic |
| Reading: Holzschlag Ch. 4 & 5 | 7/14 |
| Finish your resume this week. I expect to see proof that you can manipulate the box model. | 7/14 |
| Week 4: Feb. 14 | |
| Opera to MS: Get real about interoperability, Mr Gates -- whoa-ho! Tell 'em, Mr. Lee!!!! | 2/28 |
Reading: Holzschlag Ch. 5 & 6 |
2/28 |
| Notes: Broken Boxes | ic |
| Box Model Hack -- download, modify as instructed, and upload to your site. | ic |
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. |
2/21 |
| OPTIONAL -- Nice $1 tutorial on the Box Model Hack, and other common hacks. | --- |
| Project Two: Two-Column Liquid Layout | 3/7 |
| Week 5: Feb. 21 | |
| Reading: What Is Image Replacement? | 2/28 |
| Reading: The Web Is Ruined And I Ruined It | 2/28 |
2/28 |
|
| Reading: In Defense of Fahrner Image Replacement | 2/28 |
| Reading: Revised Image Replacement | 2/28 |
| Week 6: Feb. 28 | |
| Lab to work on Project Two | --- |
| Week 7: March 7 | |
3/21 |
|
| March 14 - 20 -- SPRING BREAK!! | |
| Week 8: March 21 | |
| 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!!! | |
| 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! | |
| Week 9: March 28 -- Absolute Positioning | |
| Project Three: Free Choice | |
Presentations:
|
|
| Week 10: April 4 | |
Presentations:
|
|
| Week 11: | |
| Lecture Notes: Selectors (video available) | |
| Exercise: CSS Selectors | |
| Week 12: | |
| Liquid Layouts for Negative Margins (Some of this should be familiar after the Float Tutorial, but a little reinforcement won't kill us!) | |
| Week 13: | |
| Absolute Positioning | |
| Check out the PowerPoint file on parenting and absolute positioning. Comments wanted -- is it clear? Where do you get confused? | |
| Project: Skinning NLEcommerce1 | |
Week 14: |
|
How to Solve Problems!! |
|
| CSS-Discuss Wiki | |
| Week 15: | |
Lab |
|
| Week 16: | |
| Lab | |
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