| Assignment | Due Date |
| Monday 8/23 | |
IMPORTANT: If you are receiving Financial Aid grants or loans and are enrolled in a Distance Learning class, you must show participation in this class prior to the certification date (the 12th day after the start date of the class) by e-mailing/contacting the instructor. Students taking open enrollment classes that do not have traditional semester start dates should make note of the start date of their class. Do not drop or stop attending any class without consulting the Financial Aid Office. Changes in your enrollment level and failing grades may require that you repay financial aid funds. In this class, a completed SCAVENGER HUNT will count as your first contact. |
--- |
| This is a getting-started week -- several small tasks, only one meaty assignment. | --- |
| READING: Syllabus, Lab Policies, Open Lab Information | --- |
| Be sure to fill out the Student Profile. This gives your instructor contact information, and tells the webmaster to set up your webspace. You need to fill this out once each semester, even if you're taking multiple NLC web design classes. | --- |
| ASSIGNMENT: Scavenger Hunt | 8/30 |
| Join Yahoo Group IMED-2415 | 8/30 |
First Contact - REQUIRED for all online students -- You must, this week, prove you are capable of contacting your instructor through a medium other than email!!! You must reach me by telephone, by Instant Messaging, or in person. See syllabus for contact information. |
8/30 |
Resources
|
8/30 |
| Reading: Holzschlag Ch. 1 | 8/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! | --- |
| Exercise: XHTML Unit A | 8/30 |
| Activity: Download Mozilla. You only THOUGHT Internet Explorer was the best browser! Its CSS support isn't anywhere near as good as Mozilla'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 Mozilla 1.6. | 8/30 |
| OPTIONAL: We have several borwsers installed in our classroom to allow us to see just how compliant our pages are. If you would like to do this at home we have a list of the browsers, and places you can retrieve them. Wouldn't recommend this to people on dial-up. | --- |
| 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. | --- |
| Monday 8/30 | |
| Exercise: XHTML Unit B | 9/13 |
| Exercise: XHTML Unit C | 9/13 |
| Monday 9/6 | |
| Reading: Holzschlag Ch. 2 | 9/13 |
| Lecture Notes: Structural Markup (video available) | --- |
| Lecture Notes: Selectors (video available) | --- |
| Exercise: CSS Selectors | 9/13 |
| Holzschlag Ch. 3 - Remember, you can download Holzschlag's code! Work through the chapter, and upload the finished results to a folder named CH3. | 9/13 |
| Errata for Holzschlag on the Sybex site. This may clear up some confusion. I recommend making the corrections in your book, in ink! | --- |
| Monday 9/13 | |
| CSS Declarations | 9/20 |
| Project: Resume Makeover | 10/4 |
| Holzschlag Ch. 4 NOTE: The author makes changes to the CSS that require changes to the HTML code as well! For example, if you are asked to use a class named .right to align things to the right you will need to amend the HTML so you have a paragraph that actually uses the .right class! She also ditches all her styles on occasion, without warning, and starts fresh. |
9/20 |
| Monday 9/20 | |
| Holzschlag Ch. 5 -- This is catch-up week! | --- |
| Monday 9/27 | |
| Holzschlag Ch. 6 | 10/4 |
| Monday 10/4 | |
| Project Two: WYOM Radio | 10/25 |
| Monday 10/11 | |
| Lab: WYOM Radio | |
| Monday 10/18 | |
| Lab: WYOM Radio | |
| Monday 10/18 | |
| Lab: WYOM Radio | |
| Monday 10/25 | |
| Project: eCommerce -- this handout is for Page Design I. You have to have SEVEN pages -- a home page, two category pages, and one set of four detail pages. Use linked CSS. I don't care about the technical objectives for PDI. Must be multi-column using FLOAT or other non-table technique. | |
| Reading: Horizontal Dropdowns | |
| Reading: Faux Columns | |
| Liquid Layouts for Negative Margins (Some of this should be familiar after the Float Tutorial, but a little reinforcement won't kill us!) | |
| CSS Sprites: Image Slicing's Kiss of Death | |
| Monday 11/1 | |
| Holzschlag Ch 7 & 8 (read Ch 8) | |
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. |
|
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. |
|
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! |
|
CSS
Problem-Solving and CSS
Crib Sheet -- how to diagnose CSS priblems. |
|
| Power to the People: Relative Font Sizes | |
| Monday 11/8 | |
| Lab | |
| Monday 11/15 | |
| Check out the PowerPoint file on parenting and absolute positioning. Comments wanted -- is it clear? Where do you get confused? | |
Project: Skinning
NLEcommerce1 |
|
| Monday 11/22 | |
| Lab Day | |
| Monday 11/29 | |
| Lab Day | |
| Monday 12/6 | |
| Lab Day | |
- Bookwork = Chapters in text. You should work through each chapter, performing all exercises. Bookwork chapters are required assignments, checked off as completed and uploaded to the NL server, but not graded.
- Readings = Articles for reading--not graded.
- Topics = Short graded papers or projects. These assignments may be uploaded to the NL server or sent to your instructor as attachments to email messages.
- Quizzes = Online multiple-choice quizzes over the copyright guidelines and chapters in your text. Submitted as attachments to email messages.
- Exercises = Ungraded assignments that expand on material in the textbook.
- Projects = Graded assignments. Projects take from the equivalent of two class sessions to an entire semester. Uploaded to the NL server.
- References = Documents provided for additional information. You will never be tested on a reference document. If you're falling behind, 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.
- Dreamweaver HOT = Dreamweaver Hands-On Training, your textbook
| This Color | Class Dates |
| This Color | Homework Alert -- all homework due on date shown unless noted. |
| Gray | Old material -- Sessions may be grayed out after week ends. |
= 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 not reflect 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