Assignments

Nine Weeks Test - In preparation for our first unit test, I have created a puzzle and a worksheet on web standards. The resources listed below can help you if you have problems. Make sure you know how to properly format a CSS declaration for an external/internat style sheet as well as an inline style.

Resources

Lesson 1
Dreamweaver 2004 MX tutorial
http://www.learnthat.com/courses/computer/dreamweaver/dw2.asp
Lesson 2
Developing Web Standards
http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards

An old web page to validate
http://thechampagnes.org/kim/SocialStudies/index.htm
Lesson 3
Defining a Site
http://www.cbtcafe.com/dreamweaver/definesite/definesite.html

CNS Online Help Documentation
http://www.uwec.edu/help/dw04.htm
 
Lesson 4
A list of color web sites we used in class
Lesson 5
CSS Basics:
CSS Syntax
Relative vs. Absolute sizes
 
Lesson 6
CSS from the Ground Up
CNS Online Help Documentation from the University of Wisconsin-Eau Clarie. Scroll down to “Cascading Style Sheets” and you will find seven brief tutorials on creating a style sheet in Dreamweaver MX.
CSS and Text by Ross Shannon
CSS Terms and Properties for most of the CSS terms.
Use http://www.devx.com/projectcool/Article/19850 for a discussion of absolute and relative values.
Lesson 7
Max Design Listutorial: Tutorial 4 - Horizontal Lists
Max Design Listutorial: Tutorial 3 – Nested Lists
Selectutorials: The Document Tree - It’s a Family Thing”
Lesson 8

- Create Triangles (from CBT Cafe)
http://www.cbtcafe.com/fireworks/triangle/triangle.html

- Half-Circles in Fireworks
http://www.cbtcafe.com/fireworks/semicircle/halfcircle.html

- Rounded Rectangles
http://www.cbtcafe.com/fireworks/roundedrectangles/roundedrectangles.html

- Faded and Tapering Lines
http://www.cbtcafe.com/fireworks/fadedlines/fadedlines.html

- Plastic Button
http://www.cbtcafe.com/fireworks/plasticbutton/index.html

- Curved Navigation Graphic
http://www.joycejevans.com/tutorials/Fireworks/FWMX/curvednav/curvednav.htm

- Slice, Optimize, Export
http://www.joycejevans.com/tutorials/Fireworks/FWMX/Export%20nav/exportnav.htm

- Making a Stretchy Table
http://www.joycejevans.com/tutorials/DWtutorials/stretch_tbl/stretch.htm

- Create filler text to test out your web site (so the image repeats along the y axis) by going to Lorem Ipsum generator-

Image replacement techniques from Mezzoblue

Lesson 9
Fireworks Image Effects tutorials
Lesson 11
CSS Positionining Tutorial

http://css.maxdesign.com.au/floatutorial/tutorial0801.htm (uses floats to create a two column layout)

http://www.dynamicdrive.com/style/layouts/ You can choose between a liquid or fixed layout. Liquid means you use percentages to determine the size of columns, whereas with fixed you use a precise number of pixels.

http://layouts.ironmyers.com/100_percent_Layouts/index.html (for those of you that desire a %100 design that fills the entire browser window)

Lesson 12
How to make printer friendly style sheets: without a button, with a button using JavaScript, Advice about printer style sheets
Flash
While you are waiting for the others, check out this web site to get a little taste of what we will be doing next week: Entheos Web (Flash)
Fading an Object - http://www.pinoy7.com/flash/fade.shtml
Tweening (an egg) - http://www.pinoy7.com/flash/moving.shtml
Using motion guides (Guide Tweening) - http://www.w3schools.com/flash/flash_guidetween.asp
Creating a Shape Tween - http://www.w3schools.com/flash/flash_shapetween.asp
Morphing a Shape - http://www.pinoy7.com/flash/morph.shtml
Creating a slide show - http://www.layersmagazine.com/flash-slideshow-image-gallery.html

Contact

My email is kchampagne@aacps.org. My office is SS-5 at South River.