[main] [misc] [graphics] [page design] [site design] [xhtml] [css] [xml] [xsl] [schema] [javascript] [php] [mysql]

HVCC Home
Blackboard HVCC
Blackboard Manual
Faculty Association

* site design main
1. the web project
2. what is info arch
3. organizing info
4. navigation systems
5. labeling systems
6. search systems
7. project planning
8. project development


print version

Note that all external links will open up in a separate window.

This is a stripped down version of these pages for older browsers. These pages are really meant to be viewed in a standards compliant browser.

Directions for surfing with audio.

Site Design

These tutorials are about general site design principles in Web design.

The first set of tutorials are a brief overview. The rest are a much more detailed look at the same information.

The complete listing of site design tutorials can be found below or you can use the side menu to move section by section.

  1. The Web Project
    Thinking through a Web site using the project development model.
    1. Starting a Project
      Starting a Web design project.
    2. Planning a Web Site
      Planning a Web design project.
    3. Site Structures
      Identifying a structure for your site.
    4. Site Development
      Developing the Web site and its structure.
    5. Implementation and Review
      Project implementation and review.
  2. Information Architectures
    What are information architectures?
    1. Intro to Info Arch
      An introduction to information architecture.
    2. The Information Architect
      The job of the information architect.
    3. The Information Architecture
      What makes for good information architectures.
    4. Design Challenges
      Challenges to good Web site design.
  3. Organizing Information
    Using Information Architectures to organize information.
    1. Information Schemes
      Creating a scheme to define your information.
    2. Information Structures
      Creating a structure to contain your information.
  4. Navigation Systems
    Developing a navigation system for your site.
    1. Site Navigation
      The basic principles of site navigation.
    2. Browser Navigation
      Taking advantage of the navigation features built into the browser.
    3. Global vs. Local
      The differences between global and local navigation systems.
    4. Integral Navigation
      Navigation systems that are integrated into the content pages of the Web site.
    5. Remote Navigation
      Navigation systems external to the content pages.
  5. Labeling Systems
    Developing a labeling system for your site.
    1. Using Labels
      The basic of labels.
    2. Types of Labels
      What sorts of labels do we have to work with?
    3. Good Labels
      Building a good labeling system.
  6. Search Systems
    Developing a search system for your site.
    1. Search Types
      How people search for information.
    2. Good Searching
      How to design a good search system.
  7. Project Planning
    Planning the Development of a Web site.
    1. The Big Picture
      Looking at the big picture.
    2. Setting Goals
      Setting the goals for your project.
    3. Audience
      Identifying your audience.
    4. Content and Function
      Sites should be designed around content and function.
    5. Conceptual Design
  8. Project Development
    Developing a Web site.
    1. Development Tools
      Techniques and deliverables of development.
    2. Production Tools
      Finally, putting the project together.

[top]