Web Site Design

Web Site Design

-Main Page: Setting Up Your Site

Page Index
-Getting Started
-Web Site Development
-Graphic Goals: What are the goals of your site?
-Know and Target Your Viewers
-Understanding Design
-The Design/Plan Stage
-Color
-Graphic Design Basics
-Page layout
-Visual techniques
-Case studies
-Web Accessability
-Adobe CS Suite Tools
-Extra Tools
-Web 2.o
-Other

Getting Started
-Setting Up Your Site
-Firefox Tutorial
-Six Essential Firefox Extensions for Web Designers
-File Management

Site Development
-Good Examples of Web Sites
-Web Design: Rules to Code By
-Web Development Process Overview
-Web Site Development Process
-Digital Design
-Web Style Guide 3rd Ed. This is one of the better free e-books out there on Web design.

Graphic Goals: What are the goals of your site?
-About Goals
-Your Goals
-Your Site's Goals
-User Goals
-Win Win Solutions
-About Personas & Scenarios
-Site Personas and the Dialogue Process

Know and Target Your Viewers
-How People Use Web Pages
-Content -
Don't Decorate...Communicate -Branding
-The Golden Rule
-Conventions
-Factors That Influence the Browsing Experience
-Design Engineering

Understanding Design
-The Anatomy of Web Fonts -Scanning
-Content
-How People Use Web Pages
-People Are Impatient
-Factors That Influence the Browsing Experience
-The Brain's Strengths

The Design/Plan Stage
-Planning Your Web Site
Principles of Copyright
-Planning Your Website
-Ten Steps To A More User Friendly Website
-Web Design: Rules to Code By
-The Golden Rule of Website Building
-The Principles of Beautiful Web Design
-10 Tips on designing a fast loading web site
Web Site Specification PDF
Web Design and Development Process PDF
Site Structure PDF

Color
-Calibrate Your Monitor
-Color: Creating a Palette
-Color Theory & the Color Wheel
-Color Picker Software
The Lagom LCD monitor test pages External link
Real Color Wheel
-Web Safe Colors by Value Order
-Web Safe Colors by Hue Order
-Communicating With Color
-Color Wheels and Gray Scales

Graphic Design Basics
-Graphic Design Basics Index
-Clarity in web page design
-Colour
-Contrast
-Readabilty
-Effective text
-Imagery
-Attention Map

Page Layout
-Layout for web page design
-Containment
-Alignment
-Grouping
-Rhythm and repetition
-Logical order

Visual Techniques
-3D Effects in graphic design for the web
-Logo design
-Key Characteristics of an Effective Logo
-Text-based logos
-Favourite logos
-Add an Icon to Your URL
-Create a Linear Gradient Background

Case Studies
-Case Study: Artorg
-Case study: Business Improvement Network -Case study: Foruse

Web Accessability -Usability for the Blind and Low Vision
-Color Vision Confusion
-The Elderly
-Developing For Low Education/Motivation
-Children On the Internet
-Universal Usability Guidelines for Users with Slow Connections
-Customer Service for Web Developers

The Tools: Adobe CS Tutorials
Note: You will close this page when you access these tutorials.
Photoshop
Fireworks
Dreamweaver
Flash

Extra Tools
-Download YouTube Videos
-Embedding Audio and Video into Dreamweaver Pages
Using Flash and Video in a Website
Videography and Cinematography Basics

Web 2.o
-Web 2.o Software: Best Of
- Web 2.o Definition
-Web 2.o HackerNews Definition
-What Is Web 2.o? Design Patterns and Business Models
-The State of Web 2.o
-MMORPGs and the Virtual Sweatshops of the Digital Empire
-Content Migration between 3D Online Learning Environments
-When Worlds Collide - Exploring the relationship between the actual, the dramatic and the virtual
-Bumping Into Ourselves: Individual and Virtual Worlds
-The Network Really Is the Computer
-Google Aims to Break Open the Closed World of Social Networking

Other
-Web Style Guide 3rd Ed. This is one of the better free e-books out there on Web design.
-Web Design Tutorial Links
-Web Design Links and Tools
-Web Styles Guide