CIT 230 - Web Design Index Page

Class Resources:

• Course Evaluation
• Current Syllabus - Spring 2010
• Student Web Sites - A list of student sites
• Basic xhtml page - A well-formed, valid xhtml template
• Browser Bookmarks - Recommended for CIT 230

Guiding Web Principles

1. Know Your Audience - Usage Centered vs.Traditional Web Design
2. Less Is More - Web Design: Less is More| Ideologies of Web Design
3. Just Because You Can Doesn't Mean You Should - Do´s and Don'ts | Research says...
4. People Spend Their Time on Other Sites - Web design standards | Everybody Else Does, Should You?

Tutorials

• Basic XHTML Tutorial - Sitepoint.com tutorial
• Setting up Filezilla (FTP client) to work with a Remote Hosted Site
• Setting up a new NetBeans project
• Podcasts and Videos specific to CIT 230 - Web Design
• How to sign up for hosting at Dreamhost.com
• How to sign up for hosting at JustHost.com
• How to sign up for hosting at Hostmonster.com

• Photoshop Tutorials

• Download the follow-along files and complete the tasks demonstrated in the videos when available
• Introduction to Photoshop CS4
• Resize and Crop Images
• Photoshop Layers - (Click this link then use the navigation bar on the left to explore layer options)
• Web Graphics - Explore all topics about web graphics listed on the destination page
• Adobe Education Channel - Videos for Learning

Assignment Documents

• Web Site Planning Worksheet — Word Format | PDF Format. An example is also available to look at.
• Midterm Exam Study Guide
• Personal Web Site Criteria
• Personal Web Site Evaluation Form
• Personal Web Site Feedback
• Tools 4 Noobs - Tools for converting video code to xhtml
• Embedding Movie files in an XHTML page
• Flash SWF file in a Web Page (Stanley Black)
• Web text Sample (Word document)

RefCardz Downloadables

All cards provided below identified as RefCardz are from RefCardz.com - membership is free! The Photoshop book is from SitePoint.com, visit their site for a huge selection of web design and development materials.

• Core HTML — RefCardz
• Core CSS 1 — RefCardz
• Core CSS 2 — RefCardz
• Core CSS 3 — RefCardz
• Findability Cheatsheet — Aaron Walters
• Photoshop Anthology — SitePoint.com

PowerPoint Presentations

• Web Standards
• Internet Basics
• Web Site Planning
• Page Design Principles
• XHTML Essentials
• Web Text
• Bandwidth Overview
• Copyright Essentials
• Search Engine Optimization 101 — Kelly Horner

XHTML & CSS Document Helps

• 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 Image swaps - Similar to javascript
• CSS Image rollovers - A different approach
• 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
• Deprecated Elements and Attributes
• Font-families (with font-face examples) © Blaine P. Robertson
• Naming Rules for web objects © Blaine P. Robertson
• Special Character Codes (Entities)
• Web Design (covers all aspects)

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)
• Design Rap - YouTube

• Navigation Considerations

• Is Navigation Useful?
• Reset and Cancel Buttons

Useful Tools

• Aviary.com— A collection of web based photo and illustration tools
• Favicon maker — Create your own Favicon at Chami.com
• Filezilla FTP client— File Transfer Protocol (FTP) client
• Mockingbird— A wireframe and mockup creation tool
• NetBeans IDE— Web site development tool
• Photoshop.com — Free online photoshop tool and 2GB storage space
• Tools 4 Noobs— Tools for converting video code to xhtml

Search Engine Optimization

• Website Promotion Tutorial - Promotion Guide.com
• Search Engine Optimization - Promotion Guide.com
• Webopedia - Online Terms Dictionary
• Search Engine Optimization 101 — Kelly Horner (A presentation given at BYU-Idaho)

Legal Issues

• Be Right with Copyright © Blaine P. Robertson
• Copyright Legal Issues
• Copyright Tutorial - Brighman Young University