Syllabus

Resource Links

Writing for the Web

A research project about how users read on the Web and how authors should write their Web pages. The studies were done in the SunSoft Science Office by John Morkes and Jakob Nielsen.

Some Fireworks Tutorials

ultraweaver.com. A nice set of FW tutorials.

One-Day Fireworks Tutorial

Tutorial #1 Creating a new Fireworks document. In this introductory tutorial to the Fireworks interface you'll learn how to create a new document, set canvas size and color, and open existing documents. A quick overview of many of the fundamentals you'll need to know to begin working with Fireworks.

Tutorial #2 Using bitmap selection tools. You've got a great picture that you want to modify with Fireworks, but before you do you'll need to understand how bitmaps can be selected and modified in the Fireworks environment. Learn creative tricks for turning an ordinary picture into a work of art by using the great bitmap selection and modification tools found in Fireworks.

Tutorial #3 Beginner's Guide to Fireworks Animations. In addition to the many ways that Fireworks can be used for editing and optimizing graphics for the web, it is also the premier tool for creating animated GIFs. Learn the basics of how animations are created using frame-by-frame techniques as well as some of the ways that creating animations can be automated.

Tutorial #4 Creating a Transparency Mask. One of the most requested techniques at the Fireworks newsgroup. Masking allows you to to create an effect that fades an image from opaque to transparent. Easy and fun!

Tutorial # 5 Disjoint Rollovers. With the tools provided by Fireworks you can create some fabulous effects through the magic of disjoint rollovers. Learn how to create an effect where rolling over one object on the page causes another object to appear.

Beginner's Guide to Pop-Up Menus. Pop-up menus are all the rage, and a great new feature found in Fireworks 4. But if they're so wonderful, why do so many people have problems with them? Learn the essential steps you need to take to insure that your pop-ups work every time—from properly structuring your site to creating, exporting, and employing these great site navigation objects.

Trial Version of Dreamweaver

Download a free 30-day trial of Dreamweaver today.

Dreamweaver Support

Lots of help here for Dreamweaver, including tech articles and tutorials.

Or try these links:

Using layers to design a web page
Why does a table inside a layer expand to the width of the browser window?
Why does text in a layer shift when viewed in Netscape?
Layer locations are displaced when the Netscape 4.x Browser Window is resized

The entire Tech Note Index at Macromedia DW

Yale Style Guide

One of the very best! Basic design principles for creating web sites. We will be using this site a lot. You should read through it all. Or buy the book.

A List Apart, Past Issues.

DESIGN, CODE, CONTENT. Each week, ALA brings you a new feature story on the art of webmaking—from pixels to prose, coding to content. Miss a week? Not to worry. You can grab previous issues right here.

Fear of Style Sheets

CASCADING STYLE SHEETS (CSS) save bandwidth, vastly reducing the size of your files when compared to old-style <FONT FACE> markup. With Styles, your sites load faster. You work faster, too. Styles shave grueling hours of grunt-work off your design workload: one brief CSS document can style an entire domain; and when it's time to redesign, you can execute site-wide changes in minutes instead of days.

C-Net Builder.com

This is a large site devoted to all aspects of web design, beginner and advanced.

Web Tips from Project Cool

A set of design tips for your web pages. These are simple, basic tips that will greatly improve your web site.

A Short Course in Web Design from WebMonkey

WebMonkey is an elaborate site with a great deal of content.

Project Cool

This is a large archive for site developers. It is well organized and contains all kinds of information for beginners and advanced developers. It includes information about copyright.

CSS (Cascading Style Sheets) pointers

This page will link you up with a great deal of information about CSS.

More CSS links

Links to some of the best articles, tips, tutorials, editors, and templates on cascading style sheets (CSS).

Paint Shop Pro Home Page

Robin's Paint Shop Resources

Many good tutorials for beginners and advanced users.

PSP Tutorials

 

 

Project Overview

Project I

Project II

Project III

Project IV

Project V

Short Assignments
Notes for today !
Reading Schedule
Class Web Pages
Resources
Course Projects