Links to Online Resources - Designers
Listed below are the links which are intended to supplement
the course notes. If you discover that a link is not working
please send me a note. In addition if you discover another
resource which would be useful to the students drop me an
email. Thanks in advance for your help.
SCHEDULE LINKS
Class Meeting Schedule
Client
Calendar
Chart of Milestone
Achievement
Class Attendance Records
return to top
CLIENT RELATIONS LINKS
Client and team information
List
of Potential Clients
Client Information Sheet
Team Assignments
Meet Your Teammates
Teamwork Guidelines
Guidelines for meeting with clients
Tips for the First Meeting from Linda
Client Checklist
from Kathy Thornely (instructor in Principles of Screen Design)
General Articles on Client Relations Designing for Clients - Made Easy
How to handle a client
with poor design judgement
Examples of first meeting questions
Client Introductory Questions
TLT: PM Jeri Hastava
DAAC: PM Cathy Clary
Petaluma Arts Council: PM Linda Drexler
Hospital Chaplaincy
Services: PM
Kristi Anderson
RESBDC: PM Lani
Hink
RESIF : PM Irina
Runneals
Heritage Homes :
PM Steve Fontaine
return to top
MISCELLANEOUS LINKS
Designer Lecture
Designer Responsibilities Checklist
Designer Pitfalls -
this list of previous problems may save you time and aggravation
return to top
DESIGNER SAMPLER LINKS
Designing for Clients - Made Easy
How to handle a client
with poor design judgement
return to top
CLIENT MANANGEMENT Designing for Clients - Made Easy
How to handle a client
with poor design judgement
return to top
FREE PHOTO SITES
nertia Stock Exchange 003 -
Source of free photos
Freefoto.com
stock.xchng
This site is a cooperative for photographers. Each user must register, which
is free. You get access to thousands of images, some of which are fantastic,
some which are really bad. Some photographers specify that you need to credit
them somehow if you are using the photos for commercial purposes.
iStock
Photo
is a great source of quality images, which are cheap (not free). You purchase
25 credits for $10, and one credit gets you a web-quality royalty-free photo
(2 gets medium res, 3 gets hi-res). For web use it ends up being $0.40 per
photo.
return to top
DESIGN PRINCIPLES LINKS
Design Basics Links
Non-Designers Web Design Book's Do's and Don't's
Unforgettable Web Design - A must read
for all designers
What people do
when they visit an informational Web site!
Color coordinating site
Menus with Beauty
and Brains - by Wendy Peck
Design
and Impressions
Web Page Design for Designers
Imagine.com
Web
Ugly
Site Planning Principles Links
Site
planning basics: What you should know before you design
a site
This
Site, From Scratch
Web
Sense - Web site design doesn't start with "how
it looks," it starts with "how it works."
Creating
a High- Impact, Single Graphic Web Site
25
Steps Toward Reader- Friendly Web Sites
Success
Starts With Scenarios
Designing the User Interface Links
The
Basics of Navigation
Site
Design that works for users
25
Steps Toward Reader- Friendly Web Sites
Designing
Web Navigation
Designing
Site Navigation: Learning from good and bad examples
of navigation panel design
Being Creative
by Example: A survey of professional design sites
The
World of Color: What every designer should know
about the use of colors
Geometric
Primitives in Web Design: A treatise on the use,of
simple geometric forms in web graphics and page layout
Putting
It All Together: a Case Design Project
return to top
MOCK UP LINKS
Sign
up for Comps meeting with Linda you can wait a few
week to do this
Schedule
of meetings with Linda examples of former student's mock ups
It is a good idea to give the
client a choice in design options. Creating 2-3 variations on the theme
can sometimes make it easier for them to find a look they like. Presenting
them with 5-7 options may prove confusing and overwhelming.
Weights
& Measures Comps these comps
created by Doyle Woodruff
offered the client a few similar looks which were refined
to a final design.
BATO
Comps Sometimes the designer creates one layout
and varies the color scheme. In the case of BATO by Linda
McBee she created 3 looks which were very similar and had
different color schemems
Puente
Comps - is another
example of a single layout with color variations. Bonnie
Chun did an outstanding job of using color to create a sophisticated
and attractive site.
Theatre Arts Comps.In
some cases the designer creates 3 very different and unique
looks which are not variations on a common theme. This was
the case in the the Theatre arts department design. Each
of the comps had a unique layout, photos and color. This
is more work for the designer and is not required for the
class. Having said that, some designers feel they achieve
a better product as they move from one layout to the next.
In the case of Theatre Arts the comp was the one
chosen by the client.
return to top
CREATIVE BRIEF LINKS
Guidelines for the Creative
Brief
HCA example
SRJC
Culinary Academy
ArtQuest
return to top
WEB PROPOSAL TIPS
Instructor Tips for the
Web Proposal
return to top
TEMPLATE EXPLANATION
Guidelines for creating a template
explanation
Template
Explanation - created
by Linda Hemenway as a sample
examples of former student's template explanations
Joy Olsons Template - HTML, CSS and images
Template
Explanation
Sally Archambault - Template
- HTML, CSS, images, videos
Template Explanation (Word file)
Vickie Garwachki - Betty BioDiesel HTML. CSS, images
Template Explanation (PDF)
return to top
Dreamweaver
Dreamweaver Basics
Pop out menus in Dreamweaver
i iboost journal's
Dreamweaver Tutorial
site builder's Dreamweavers
tutorials
cbt
training - Dreamweaver tutoriall
return to top
Navigation
CSS
menu maker - help in designing navigation
bars
return to top
CASCADING STYLE SHEETS LINKS
Notes from instructor's CSS lecture
Web Reference Tutorial
for Cascading Style Sheets
Mulders
Style Sheet Tutorial
Cascading
Style Sheets - the Definitive Guide Ch. 1 - from O'Reilly
HTML Goodies CSS
Tutorial
Style
Sheet Dependence - making sure your page works on older
browsers
Additional resources contributed by Shenoa Lawrence
O'Reilly's "Top
10 CSS Authoring Tips"
CSS Properties
W3C's CSS
Validation Service
CSS
Property Index
return to top
SERVER SIDE INCLUDE LINKS
Notes from instructor's SSI lecture
Ada's Introduction to SSI
SSI Tutorial
BigNoseBird's Definitive SSI Guide
Sonic's
SSI reference
List
of SSI references
Matt's
Random Image Generator CGI script (as demonstrated on
video)
return to top
CLIENT TESTING
examples of former students Client Test Reports
Routes for Youth
additional testing resources
Sizing
up Browsers
Web Page
Backward Compatibility Viewer
Web
Monkey Browser Chart - compares what browser supports
what tag
Compendium
of Web Design - what tags are supported by what browsers.
Resolution
Tester This allows you to view
your page in a variety of sizes and resolutions.
Simulate
a 56K modem download
Web TV
Development Guide
return to top
508 COMPLIANCE LINKS
Conducting
and Using Usability Tests
Trace Research
and Information Center
Bobby web-based
public service offered by CAST that analyzes web pages
for their accessibility to people with disabilities.
Getting
Started: Making a Web Site Accessible
WAI Quick Tips Reference
Card
Fact
Sheet for "Web Content Accessibility Guidelines 1.0"
return to top
MARKETING LINKS
Content for these teaching materials were developed by Linda Hemenway.
If you have questions or comments on the material I can be contacted through
lhemenway@santarosa.edu
(707) 527-4855
Web site design by Jessica Hirsch - jessicahirsch@email.msn.com
Funding for these notes provided by Project FIVE and Project
PICTS supervised by Doug Garrison - Dean of the Petaluma Center.
This course is a core requirement for several Web Development Certificates.
Learn more at the Web Certification
site.
The CIS Department offers courses in the following areas: computer basics,
applications, graphics, web development, productivity, networking and programming.
Visit the CIS Web site.
|