CIT 230 - Web Design Index Page
Class Resources:
- 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
-
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
- 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 | Research says...
- 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 Image swaps - Similar to javascript
- CSS Image rollovers - A different approach
- CSS Properties @ W3Schools.com
- 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