SENIORS MULTIMEDIA

September October November December January February March April May

Week 5 October 1	Repetition - Where are you? Give the visitor a clue as to what page they are currently on. I.e. Dimming out the page you are currently on. i.e. Showing file structure of what path the user took to get there. Use a graphic icons to create a visual clue in the graphic Remove links on current pages. The site decides the navigation style
Week 5 October 1	NOTEBOOK COLLECTION FIVE WEEK REPORTS
10/2/03	Index / Site Maps Useful in large / Complex sites. GLOSSARY TERMS - Index- alphabetical listing of key words that link to the appropriate pages Site Map - graphic representation of the site, a diagram that show the site organization and the structure of the page links.
	Beware of overusing the link option. Users become wary. Check your links often to make sure they're still working Make a link worth jumping to. Avoid giving the reader a link just for the sake of giving a link Stay away from things like "Click Here!"
	ACTIVITY - Create a site map of Mr. DeMerles Computer Technology Page

10/3/03	Good vs. Bad Design HANDOUT - Not-So Good Design Worksheet
	ACTIVITY - Create a web page listing all of the common bad mistakes listed on the Not-So Good Design Worksheet (Both sides) Oh yeah, and change any of the web sites you've already done this year that include any of them!
	EXTRA READING - TOP TEN WEB - DESIGN MISTAKES OF 2002 http://www.useit.com/alertbox/20021223.html
Week 6 10/6/03	Good vs. Bad Design HANDOUT - So - Much Better Worksheet
Week 6 10/6/03	ACTIVITY - Create a web page listing all of the common good design features listed on So Much Better worksheet..
10/7/03	Graphic Definitions GIFs - indexed color, maximum of 256 color, 8-bit graphic, lossless (no quality loss), good for text, interlacing (layered images), animation JPEG - compressed (lossy, losses data), 16.7 million colors, 24-bit, compression is set by user Anti-aliasing - apparent smoothness of the edge of a graphic GLOSSARY TERMS - 1) bitmapped (raster), 2) object-oriented (vector)
	ACTIVITY - Create a web page describing all of the differences between GIF and JPEG. Include one image, saved in each format. Underneath the images, type in the file size of each.

10/8/03	Always Alternate Labels on Images Thumbnails
	GLOSSARY TERMS - Alternate Labels for Images, Thumbnails
	ACTIVITY - Create a web site of six images (hopefully with some relationships between them). Every image on the page should have a Alternate Label! Each image on the page should be 125 x 125, when clicked, the user should be taken to a page showing only the image (in it's original size). Remember, your thumbnails need to be saved with a lower resolution to decrease load time.
	QUIZ - Graphics
10/9/03	TYPOGRAPHY Readability vs. legibility How easy it is to read ALOT of text vs. how easy it is to recognize short bursts of text (headlines) In printed pages - serif face in most readable (Times New Roman) On screen - sans serif is most readable (Arial)
	GLOSSARY TERMS - 1) Readability, 2) Legibility
	Guidelines for your Electronic Portfolio
10/10/03	Work Day
Week 7 10/13/03	Columbus Day - NO SCHOOL
10/14/03	Default fonts and sizes You can set the text in the "Paragraph" or "Normal style", however it will still appear on someone else's computer in their browser's default size and font. You can apply a "Heading", size 1 through 6. Each heading will still appear in the browser's default font. The heading size will appear on a web page in relation to the default browser size. You can select certain characters and apply something like +1. The selected text will display several points larger (or smaller) than the default browser point size. Bottom line: Total control is an illusion. Best Fonts: Arial, Arial Black, Comic Sanc, Courier, New, Impact, Times New Roman, Verdana, Webdings. The variables The browser's default font The browser's default font size The resolution of the monitor In Windows, the custom font size setting is in "Display" The font specified in the HTML file can be set by the web designer. The font size can be set by the web designer. Other things to know about Typography Proportional vs. monospaced type - variable-width vs. fixed-width. Logical vs. physical styles - all browsers interpret physical styles the same way. Special characters. The curse of the underline - In print, it is against the law to underline text. Big no-no! Underline is a proofreader's mark that tells the typesetter to set the underlined words in italic; underlining italic text is truly redundant. HOWEVER, it's different on the web. ALWAYS underline links....never anything else..
10/14/03	Glossary Terms - Proportional type, Monospaced type, logical style, physical style, paragraph format.
10/15/03	TYPOGRAPHY QUIZ
10/15/03	PAPER - DUE NOVEMBER 3, 2003!! Pick one excellent site and one atrocious site. Using Williams' Design Principles tell me what is good/bad about 'em. 800 words, Cover Sheet, no bibliography required.
10/16/03	FIREWORKS POP-UP MENU




10/17/03	WEBSITE DUE DATE: Turn it your URL!
10/17/03
Week 8 10/20/03	CSS PowerPoint #1
Week 8 10/20/03	http://www.w3schools.com/css/demo_default.htm
10/21/03	CSS PowerPoint #2
	http://www.w3schools.com/css/showit.asp?filename=ex1 http://www.w3schools.com/css/showit.asp?filename=ex2

10/22/03	Dark Fortress Project
10/23/03
10/24/03
Week 9 10/27/03
10/28/03
10/29/03
10/30/03
10/31/03	Halloween Party / Work Day

SENIORS MULTIMEDIA

Default fonts and sizes

The variables