Web Site Design - "Assignments and Activities"

 

  1. CHS Internet Training Powerpoint and Worksheets
  2. Web Site Do's and Don'ts
  3. Web Site Evaluation Checklist
  4. Web Sites that Suck... Site Evaluation Activitiy
  5. Web Design Grading Rubric
  6. Dreamweaver

1st Semester


Site Design Assignments

..- Blog Directory Example

..- Blog Search Engines/Directories
..- Google Blog Search
..- Blog Catalog
..- Best of Web
..- Eaton Web

..- Blog Templates 1 2 3 4 5

Optional Site Topics

Skill Assignments
  1. Graphic Banner or Header 480 x 60 pixels (FIreworks)
  2. Graphic Button(s) (Fireworks)
  3. Rollover Button and Image (Dreamweaver)
  4. Graphic Optimization (Fireworks)
  5. Image Map (Dreamweaver)
  6. Batch Processing and Creating Thumbnail Images (Fireworks)
  7. Graphic Generators (Web 2.0 On-line)
    .....- Cool Text (2)
    .....- Cool Archive (2 Logos)
    .....- Create 3D Text (2)
    .....- More 3D Text (2)
    .....- Body Switcher (2)
    .....- ImageGenerator.org (Select 3 Sites)
    .....- Backgrounds (2)
    .....- Lines (2)
    .....- Bullets (2)
    .....- Buttons (2)
    .....- Navigation Menu Generators (Graphic Nav Bar, Drop Down Menus)
    .....Additional Graphic Generator Resource Sites
    ..........- FlashVortex.com - Menu, Banner, Text, Button
    ..........-     Flash Nav Bars, Menus, Intros, and more...
  8. Using Web Page Templates (Site List Below)

  9. Drop Down Navagation Pop Menus (Dreamweaver)
  10. Pop Messages (Dreamweaver)
  11. Animated GIFs (4) Using Fireworks - Tutorial Sites 1 2 3 4 5
    		 ......- Animated Title with Graphic
    ......- Animated Graphic
    ......- Animated Graphic Banner
    ......- Import an Animated Gif and Re-Animate
  12. On-Line Gif Animation Sites
    .. ....(Choose 4 sites and create 1 example from each)
     

    ......- GifUp
    ......- Gickr
    ......- Picasion
    ......- MakeAGif
    ......- GifWorks

    ......- Imator

    EXTRA CREDIT
    		Submit to Mr. Williams a customized Animated GIF with Camas or Papermakers name & colors... 10pts. each - up to 50pts.

  13. Cut & Paste Javascripts - 7 different examples, each on it's own page.
    .......Resource: http://www.javascriptkit.com/cutpastejava.shtml
    .......Required Examples

......- Mouse-over

......- Date & Time

......- Text Effects
......- Graphic or Background Effect
......- Navagation Menu

......- Javascripting Game
......- Audio (Music Player)

  1. Flash (Animation)

Using the tutorial below create the 5 outlined Flash examples on a seperate page and link to it from your assignment page..

.....- Flash Assignment Examples & Tutorial

.....- Flash Project - Create a Flash Eample or Short Movie that incorporates all the foundation examples you created in in assignments.

Flash Resources

.....- Flash Banners Examples 1 2 3 4

.....- Flash Site Componets

.....- Flash Intro Page

.....- Flash Tutorial Sites 1

.....- Flash Button Creator

 

2nd Semester

 

Site Design Assignments

 

Other Assignments

  1. Adding Sound (Music)
    .... - Freeplaymusic.com - Royality Free Music
    .... - Adding Music Player Sites 1
  2. Adding Forms
  3. HTML Tutorial Activity - (Quiz)
  4. XHTML Tutorial Activity - (Quiz)
  5. CSS Tutorial (Cascading Style Sheets).- (QUIZ)
  6. Elective Site (2)
  7. Content Management Systems

 

Optional Site Topics

 

Tech Program Menu :

 

CHS :

 

Camas School District :

 

 

 

 


Last Updated: November 17, 2009