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.

General Planning Production Testing
Schedule
Client Relations
Miscellaneous
Designer Sampler
Client Relations
Free Photo Sites
Design Princples
Mockup
Creative Brief
Web Propsal Tips
Template Explanation
Dreamweaver
Navigation
CSS or SSI

Client Testing
508 compliance
Marketing
Your role in Handoff


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.
 
lessons | homework | syllabus | grades | links | examples | home

    1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18