The Design Process: Establishing Our Development Technique

 

 

Introduction and Overview

First: Here's the two page overview of our course. For the more extended explanation see the full "Course Outline" link above.

Here's the handout for our initial diagnostic assignment, and the problem solving assignment that we'll begin with.

  1. Lets begin our exploration of the web design process we will establish the basic idea behind:
  • How HTML (Hyper Text Markup Language...the language that is used to make web pages)
  • How we will solve desgn problems using a clearly structured development process

Here is a link the introductory slides used to describe our initial group project, as well as the design process that we will use to complete this project. These slides describe the process used. They also lay out the requirements of the first introductory project/group exercise.

Content Input: Relative and Absolute References

When developing web sites one of the most important ideas that we need to learn is the difference between absolute and relative references. The following two links provide an explanation of the difference between these two concepts. They explains why it is important to understand the way that folders are set up in any web. Understanding these ideas helps make sure that links to images and other pages work.

Absolute and Relative Reference Lab Assignment

After we have worked through the presentation material you need to complete the following "Lab and Letter Assignment." Before you do so though you should learn a bit about how to create your web pages in DreamWeaver. To do so you should:

  1. Complete the 2 following tutorials contained in DreamWeaver MX help menu:
  • Using Tables To Design A Page Layout, and
  • Image Alignment and Image Maps Tutorial

Files needed for these and all other tutorials may be found on school computers in the CALC Folder, under Pickup(the pickup folder)== >TGJ Jones.

  1. Having completed these two tutorials go on to complete the Relative Referencing Lab and Assignment (to download the assignment to print it at home right mouse button click and select "Save As")

 

Getting Started

First: Here's the two page overview of our course. For the more extended explanation see the full "Course Outline" link above.

  1. Lets begin our exploration of the web design process we will establish the basic idea behind:

.More…

Cycle 1

In the first design cycle, we will work as a team to learn the basics of how Dreamweaver works, and how to develop a site using our development process. More…

Cycle 2

In the second design development cycle students begin to work more independantly as they develop a site addressing an interest or need of their own.
More…

Cycle 3

In the third design development cycle you will be given an opportunity to "show your stuff as you develop, from scratch, a site that responds to a client's particular needs.
More…

Resources

In developing our sites all members of the class will find useful resources on the net that will help others, in our class. As students e-mail these to me, I will post them in this resources section of our site.

Templates, Classroom Resources

CSS Template Sites