|
|
Page Design Class
Calendar
Saturday | Weekday
| Online
NOTICE: Please help make grading quicker
and easier. At the beginning of the semester you were asked to make
a file called INDEX.HTM, which lists all exercises you are to turn
in this semester. Please make sure you have this file, and (once
you've finished Ch. 9) that all your exercises are linked to it.
Please send
me the complete URL for the page. Please use "ASSIGNMENTS"
as the email subject.
The class calendar lists all activities for each class day. I recommend
tackling the assignments in the order listed. I'll periodically
move days to the bottom of the calendar, so won't
have to scroll as much.
This calendar is written for my on-campus classes, so it shows
two weekdaks -- Monday and Wednesday. Online students ARE NOT expected
to complete work on a weekday schedule. Online students should finish
the week's work by the end of the week. Saturday students are expected
to finish a week's work each week.
Abbreviations & Icons
- type = type of assignment
- Quizzes and Exercises are mandatory, graded assignments.
- Activities are ungraded assignments that generally support
later assignments.
- References are 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.
- Overviews help put each day in perspective, and sometimes
contain last-minute pointers and notes.
- Admin refers to administrative items needed to make the
class run more smoothly.
- Details = Assignment descriptions
and hyperlinks
= Content posted after I wrote the Daily Overview. - HOT
= Hands-On Training (our textbook)
- Acrobat = Adobe Acrobat File, plugin
needed
- RealPlayer = A RealPlayer file, plugin
needed
|
Online Calendar
All weeks run Monday - Sunday.
| Week of September 4 - 10 |
| Type |
Details |
| Reading |
Chapter 3: Defining a Site. |
| Reading |
Linking Handout
- You'll need this to understand Ch. 20. Don't worry about every detail
(especially the code). Just try to get the gist of it. This will make
more sense after Ch. 5. |
| Reading |
Chapter 20: Managing Your Web Site -- pay attention
to get and put, the rest of the chapter is a little
beyond us right now. |
| Quiz |
Chapter 3 & 20: Managing Your Web
Site |
| Activity |
Getting Web Space
from GeoCities |
| Reading |
Defining
Your Site: GeoCities Information |
| Exercise |
Your
First Page Part B |
| NOTE |
The followng entries are references. References
are purely optional. If you're feeling overloaded please ignore them.
|
| Reference |
HTML
Basics - This is from WebMonkey. I like WebMonkey's style,
but rarely readings from their site as they tend to use highly idiomatic
language, which can be difficult for International students. However,
this article makes HTML sound easy. Since HTML is easy,
I really like this approach. So we'll give the article a try. |
| Reference |
A
Beginner's Guide to HTML - Just a reminder, this long document
this is a reference, not a must-read. |
| Reference |
Sharon's Favorite
HTML "Nutshell" Guide |
| Week of September 18 - 24 |
| Type |
Details |
| Reading |
Instructions
for Writing Critiques |
| Reading |
Color
Theory 101 from WebVoodoo - A good color scheme makes all
the difference in a web page. This article describes some classic
color schemes you can use on your site. This is a three-part series,
please read all articles. |
| Quiz |
Color Theory |
| Quiz |
Chapter 6 |
| Reading |
Chapter 6: Paragraphs and Layout |
| Exercise |
Paragraphs |
| Exercise |
PaletteMan
- PaletteMan is the best online tool for selecting Browser-Safe colors.
This short activity will help you develop a color scheme. |
| Exercise |
Critique #1 due. Remember, critiques MUST be e-mailed. |
| Reference |
The
Beauty of the Nonbreaking Space - this gem of an article from
C|Net helps explain nonbreaking spaces, and gave me my favorite HTML
tip ever -- how to get leading (line spacing) between list items. |
| Reference |
Check out
typo.com. Crystal Waters' small site uses line
breaks, teletype, keyboard, code, and other text/paragraph tags throughout
to great effect. To view the code, right-click on the page and choose
"View Source." |
| Reference |
ASCII
Art: Joan Starek's Gallery seems to be the
best source out there. Hansol Lee's Collection,
and the ASCII Zoo
are great for inspiration. When I started researching ASCII Art I
thought I would find two or three web sites, instead I found a healthy
ASCII
Art WebRing. |
| Reference |
download.com
has a few Mac and PC ASCII art programs you can play with. |
| Reference |
ASCII
Character Chart from WebMonkey |
| |
Greeking
Text file |
| Week of September 25 - October
1 |
| Type |
Details |
| Note |
Catch-Up Week |
| Exercise |
Critique #2 Due. Remember, critiques MUST
be e-mailed. |
| Week of October 2 - 8 |
| Type |
Details |
| Reading |
Chapter 9: Hyperlinks |
| Reading |
What Is INDEX.HTM? |
| Quiz |
Chapter 9: Hyperlinks |
| Exercise |
Hyperlinks |
| Admin |
Now that you know how to link, please make
sure all your assignments are uploaded and linked to the assignments.htm
file we created in Day One. |
| Reference |
This short
page from WebMonkey has some nice tips on linking strategies |
| Week of October 9 - 15 |
| Type |
Details |
| Reading |
Chapter 8 |
| Quiz |
Chapter 8 |
| Overview |
Working
With Images |
| Note |
Image Maps: The textbook mentions
an online appendix which teaches image map creation, but it's for
a previous version of Dreamweaver, and isn't useful. Instead, look
at Dreamweaver's Help File. Start Dreamweaver, and press the F1 key
to bring up Help. On the left side you'll see a table of contents.
Click Images. Under Images, click Creating Image Maps. |
| Exercise |
Using Images |
| Exercise |
Critique #3 Due |
| Reference |
Gallery
- Using Images on Web Pages |
| Reference
|
Locating
Images on the Net - If you like, use sources at the bottom
of this document to find images to work with for the next assignment.
When saving the images, use the same file name restrictions covered
in the assignments -- no spaces, no puncuation, etc. Feel free to
use your own images as well. |
| Week of October 16 - 22 |
| Type |
Details |
| Reading |
Chapter 10: Tables |
| Quiz |
Chapter 10 |
| Overview |
Daily
Overview |
| Exercise |
Using Tables |
| Exercise |
Critique #3 Due |
| Reference |
The
Single
Pixel GIF Trick (from webreview.com) can help manage white
space and tame your tables. This is aimed at HTML coders, but once
you grasp the basic idea it's easy to adapt to Dreamweaver. |
| Reference |
Download
your own single pixel GIF
here -- and remember, it's transparent. If you click the link you
won't see anything! Netscape users, SHIFT+click the link to save,
IE users right-click the link nad choose Save Target As. |
| Reference |
Table
Tricks and Truths is a document aimed at HTML coders who are
having trouble with tables. |
| Reference |
Table
Gallery |
| Week of October 30 - November
5 |
| Type |
Details |
| |
Catch-Up Week |
| Exercise |
Critique #4 Due |
| Exercise |
Critique #5 Due |
| Week of November 6 - 12 |
| Type |
Details |
| Overview |
Daily Overview - The largest DW-related
problem students have is selecting layers -- see pg. 294 for help
with this. CSS is unpredictable. If possible check your pages in more
than one browser. |
| Reading |
Chapter 13: Stylin' With Style Sheets |
| Reading |
Chapter 14: Layers and Positioning |
| Quiz |
Chapter 13 |
| Quiz |
Chapter 14 |
| Exercise |
Style
Sheets |
| Exercise |
Using Layers |
| Reference |
Little
Shop of CSS Horrors -- CSS is generally a good thing, but
when it isn't working ... This article includes a fix to the "buttons
hovering over the text" issue on my site -- if anyone sees the
problem after 6/20 please let
me know. |
| Reference
|
When Style
Sheets Fail - two very high-profile web designers have
layer-related CSS problems. If it happens to them . . . . |
| Week of November 27 - December
3 |
| Type |
Details |
| Exercise |
Critique #8 Due |
| Reading |
Chapter 16: Drawing Timelines |
| Exercise |
Timelines |
| Week of December 4 - 10 |
| Type |
Details |
| |
Catch Up |
| Week of December 11 - 17 --
FINALS WEEK |
| Type |
Details |
| |
ALL WORK DUE
by 7:00 AM on Tuesday, December 12th. |
|
