Griffin | Web Design
Resume Table of Contents  

Web Design

Your Index Page
1. Save Sample
Duration: moments

Open and save the sample default.htm into your My Documents folder (i.e. My Documents\default.htm) This file may not be in any other folder.

  1. Create a portfolio page similar to the sample. (It may be different.)
    (Any pictures used must be within your class folder. i.e. WEB1 or WEB 2 folders.)
  2. Type out project descriptions.
  3. Save your default.htm into your My Document folder (i.e. My Documents\default.htm)
  4. Link assignment files. (Highlight text, choose file.)
  5. Preview your work to make sure files link correctly.

If you need to move your default.htm file:

  1. Open Default.htm in Dreamweaver
  2. Choose File/Save As.and save it as a new default.htm in the desired folder.
  3. Click 'Yes' to update links.
  4. Verify you have the new Default.htm in the correct folder.
  5. Delete the old Default.htm in the old folder.

If you need to move pictures from My Pictures to your WEB1 folder:

  1. Move the pictures from My Pictures to WEB1
  2. Open Default.htm in Dreamweaver
  3. Relink you pictures


Portfolio Grading: Keep in mind that the portfolio should:

    • be easy for me to grade. (Usually newest first)
    • follow design principles
      • have a central focus (Contrast)
      • uses similar colors and shapes (Repetition)
      • horizontal and vertical flow (Alignment)
      • related items together (Proximity)
      • no text on an edge
      • all san serif fonts
      • avoid big pictures that do not add content
Sketch Grading:
1. professional (would be handed in for $$$) 10/10
2. neat, but high school level 8/10
3. Sloppy or need explaination 6/10
4. Sloppy and little info 4/10
5. Little attempt 2/10
6. does not work NHI
Total ___ 10 points 



Transferring/Posting Files
Duration: a few more moments

  1. Get the login and password from the teacher.
  2. Go to


    To view this FTP site in Windows Explorer, click Page, and then click Open FTP Site in Windows Explorer.

  3. Transfer the default.htm and associated folders and files. (You can just transfer your WEB1 folder.)
  4. Check your site to make sure everything works the way it should, especially pictues and links.)

    FHS Student Site

  5. Let me know you are ready to have your files transfered and are ready for grading..
Portfolio Grading:
1. be easy for me to grade. (Usually newest first)
2. have a central focus (Contrast)
3. uses similar colors and shapes (Repetition)
4. horizontal and vertical flow (Alignment)
5. related items together (Proximity)
6. no text on an edge
7. all san serif fonts, text small
8. avoid big pictures that do not add content
9. working links
10. HTML Title
Total ___ 10 points 


Extra Stuff for the Picture
1. Flash Movie Tutorial: Tutorial that shows you how to create the movie below.
2. Other Flash Tutorials