Resources

We'll be collecting resources throughout the quarter: please share the ones you come across.


Week Eleven

Required Reading
Please review our textbook's section on validating forms with Spry, pages 388 - 392 in Chapter 14.

Recommended Reading
David McFarland's excellent book Dreamweaver CS5: The Missing Manual has 23 pages of detailed instructions on using Spry form validation. This resource is available free online with a Seattle Public Library card.

The same information is in the CS3 and CS4 versions of the Missing Manual.

If you are going to be designing forms that go beyond the basic contact form, McFarland's information about the details of all the validation options is extremely useful.


Week Ten

On Wednesday we'll get started on the Spry form validation handout.

For Monday's class, you'll need formhandler.zip and the formhandler handout.

Want to make your forms more cool? Of course you do! Here's a page that demonstrates how to use JavaScript to clear the textarea's default text on focus. It also shows how to style the textarea's default text.


Week Nine

For Wednesday's class, please download formhandler.zip and formhandler.doc.

For Monday's class on creating forms, please download the forms handout.


Week Eight

To better understand what DW Behaviors are and how they work, take a quick tour of Adobe's Spry Demos:
http://labs.adobe.com/technologies/spry/demos/

For Monday's demo, please download effects.zip and the behaviors handout.

For Wednesday, you'll need:


Week Seven

For Monday's demo of Spry Widgets, download widgets.zip. There are handouts with step-by-step widget instructions inside the menu_bar and tabs folders.


Week Six

For Monday's in-class exercise, please download and unzip tables.zip. You might also want a copy of the tables tutorial.

Mysterious Gaps
If you are using a Strict doctype for your Tables assignment, you'll likely find an unexpected gap between your images and the bottom of your table cells. Here's an article on why it happens, and several solutions.


Week Five

Here's a handout on how to do layout/positioning with floated columns.

Here are some resources from my Web 120 class, which may be useful for review:


Week Four

For Wednesday's in-class demo on editing code, please copy the source code from hamlet.html.

In Monday's in-class demo, we'll be picking up where we left off with the quinault site.

Fonts
Here's a great resource to help beginning designers make good font choices.

This is my favorite site for browsing and buying fonts.

Recommended Book
Want a ridiculous amount of detail on how to use Dreamweaver's Find and Replace feature … and a whole lot more? Seattle Public Library offers online access to David McFarland's Dreamweaver CS5: The Missing Manual, free with a library card.


Week Three

Wednesday
Here are my files from Monday's in-class demo.

Monday
Here are my files for the in-class demo from last week. We'll continue this in Monday's class.

This floats and clears tutorial may be a useful review.


Week Two

Here's a handout on how to do layout/positioning with floated columns.

For this week's in-class exercise, please download quinault_starter.zip.


Week One

Textbook
Seattle Public Library offers free online access to our textbook with a library card. I love libraries!

Online Tutorials
Check the Tutorials link in the sidebar for tutorials for this class.

If you are using Dreamweaver CS3 or CS4 at home, you may find Mike Sinkula's Dreamweaver tutorial helpful:

http://www.sccc.premiumdw.com/web200/managing-your-websites-with-dreamweaver/

Mike also has some excellent tutorials on using Illustrator for common web design tasks:

http://www.sccc.premiumdw.com/web200/creating-tints-shades-in-illustrator/

http://www.sccc.premiumdw.com/web200/creating-a-website-wireframe-in-illustrator/


Incorporating CSS3 into Your Site:
http://www.webdesignerwall.com/trends/css3-examples-and-best-practices/


Web Hosting
While school server space is available to everyone who is currently registered, I'd like to strongly encourage you to get your own (non-school) hosting account.

http://www.cheap-domainregistration.com/ is my favorite web hosting company. They have a wide range of services, are reliable, and have great customer service. Their basic web hosting package is only $3 a month.

Dreamhost doesn't always play well with Dreamweaver's file management tools.

Do NOT use a free hosting site. Free sites generally don't offer support, and often have major problems during finals week.

Do NOT use any hosting account that won't give you FTP access to your files (i.e. don't use one that has you upload files through a browser interface), and don't use one that places pop-up ads on your pages.


Have other good resources to recommend? Email me and I'll add them to the list.