CIT 230 - Web Design Index Page

Class Resources:

• Course Evaluation
• Current Syllabus - Winter 2010
• Student Web Sites
• Download Browser Bookmarks
• Podcasts
• Setting up Filezilla (FTP client) to work with a Remote Hosted Site
• Setting up a new NetBeans project
• Activating a hosting account at GoDaddy.com
• Basic XHTML Tutorial - Sitepoint.com tutorial
• Basic xhtml page

Video Helps

• Modularization [Part 1] - Flash Video
• Modularization [Part 2] - Flash Video
• Inner Div Technique - Flash Video
• Transition content into a wireframe - Flash Video
• Create a Banner Image for a header background
• Implement a background image into a header div
• How to sign up for hosting at Dreamhost.com
• How to sign up for hosting at GoDaddy.com
• How to sign up for hosting at Hostmonster.com

Assignments and Assignment Helps

• Presentations Dates
• Web text Sample | Web text Assignment (Both are Word documents)
• Web Site Planning Worksheet — Word Format | PDF Format. An example is also available to look at.
• Midterm Exam Study Guide
• Podcasting Tutorials (voices.com)
• Personal Web Site Criteria
• Personal Web Site Evaluation Form
• Personal Web Site Feedback
• Embedding Movie files in an XHTML page
• Flash SWF file in a Web Page (Stanley Black)
• Web Design Report (WDR) Grading Matrix

• • Flash Tutorials

  • Using Flash for the first time (part 1 of 3)
  • Using Flash for the first time (part 2 of 3)
  • Using Flash for the first time (part 3 of 3)
  • Create Flash Symbols
  • Using video with Flash

• • Photoshop Tutorials

  • You should 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 - (Use the navigation bar on the left to further explore layer options after clicking this link)
  • Web Graphics - Explore all topics about web graphics listed on the destination page
  • Adobe Education Channel - Videos for Learning
•  
• Back to the top

Reference 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
• Back to the top

Four 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 Most of Their Time on Other Sites - The need for web design standards
5.  
6. 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 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
• 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)
• Design Rap - YouTube

• Navigation Considerations

• Is Navigation Useful?
• Reset and Cancel Buttons
•  
• 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
• Copyright Tutorial - Brighman Young University
•  
• Back to the top