CIT 230 - Web Design Index Page

Assignments
PowerPoints
Design Rules
Building Helps
Readings
Tools
General
Legal Issues

Class Resources:

Assignments and Assignment Helps

Design Presentations Dates
Web text Sample | Web text Assignment (Both are Word documents)
Example Site Planning Sheet
Midterm Exam Study Guide
Podcasting Tutorials (voices.com)
Personal Web Site Criteria
Personal Web Site Evaluation Form
Personal Web Site Feedback
- Fireworks Tutorials - All are required
- Introducing Fireworks
- Rapid Prototyping
- Build a web mockup
- Build a web presentation
- Build a wireframe
- Photoshop Tutorials - All are required
- Adding borders to photos
- All of the items below are found in the CS3 Video Workshop
- You should download the follow along files and complete the tasks demonstrated in the videos
- Photoshop Layers
- Defining edges and masks
- Using Smart Filters
- Using Photoshop images in Fireworks
Back to the top

PowerPoint Presentations

Web Standards
Internet Basics
Web Site Planning
Page Design Principles
XHTML Essentials
Web Text
Bandwidth Overview
Copyright Essentials
Flash Movie in a Web Page (Stanley Black)
Back to the top

Four Rules of Web Design

Know Your Audience - Usage Centered vs.Traditional Web Design
Less Is More - Web Design: Less is More| Ideologies of Web Design
Just Because You Can Doesn't Mean You Should - Do´s and Don'ts | Things to consider
People Spend Most of Their Time on Other Sites - The need for web design standards
Back to the top

Building XHTML Documents

Basic Web Development Guidelines for CIT 230
Essential Elements
Basic XHTML page Syntax @ W3schools.com
XHTML Elements (tags) @W3schools.com
Browser Safe Colors (with codes and extended names) © Blaine P. Robertson
CSS Online Reference @ Sitepoint.com
Cascading Style Sheets (CSS) - Web Design Group Reference Page
CSS: Tips, Tricks and Hacks - McKay Library Resource
CSS Syntax @ W3Schools.com
CSS How to... @W3Schools.com
CSS Properties @ W3Schools.com
- CSS Background
- CSS Text
- CSS Font
- CSS Border
- CSS Margin
- CSS Padding
- CSS Lists
CSS Measurement Units @ W3Schools.com
CSS2 References and Browser Support @ W3Schools.com
Color Matters - The importance of color in daily life
Creating and Linking PDF files
Deprecated Elements and Attributes
Font-families (with font-face examples) © Blaine P. Robertson
Naming Rules for web objects © Blaine P. Robertson
Special Character Codes
Web Design (covers all aspects)
Back to the top

Web Design Readings (by Topic)

Web Standards
Groking Web Standards
Page Text
Be Succinct! Writing for the Web
Inverted Pyramids in Cyberspace
How Users Read on the Web
Users and Usability
Usability Heuristics for the Web
Changes in Web Usability Since 1994
The Increased Conservatism of Web Users
Trust or Bust: Communicating Trustworthiness in Web Design
Web Usability - An Interview with Jakob Nielsen
Web Design
Top Ten Mistakes in Web Design (1997)
Top Ten New Mistakes of Web Design (1999)
Top Ten Web Design Mistakes in 2003
Top Ten Mistakes Revisited 3 years Later (1999)
End of Web Design (2000)
Differences Between Print Design and Web Design
Ten Most Violated Homepage Rules (2003)
Ten Good Deeds in Web Design
When Bad Design Elements Become the Standard
The Web Usage Paradox: Why do People Use Something This Bad?
Nielsen’s Law of Internet Bandwidth
Stuck With Old Browsers Until 2003
Why Frames Suck (Most of the Time)
Navigation Considerations
Is Navigation Useful?
Reset and Cancel Buttons
Search the Web - ©Big Planet Online Tutorial
Back to the top

Tools

Favicon maker — Create your own Favicon at Chami.com
Photoshop Express — Free online photoshop tool and 2GB storage space
Back to the top

General Interest Materials

Website Promotion Tutorial - Promotion Guide.com
Search Engine Optimization - Promotion Guide.com
Webopedia - Online Terms Dictionary
Back to the top

Ethical Issues

Be Right with Copyright © Blaine P. Robertson
Copyright Legal Issues
Back to the top