Home § Web Design
 
Webmonkey Hexadecimal Color Codes
Free graphics and backgrounds: http://www.free-graphics.com/main.html
Royalty free photos: http://imageafter.com
Free animated gifs. http://www.gifanimations.com/
Examples of good websites: http://www.misspato.com
MSU Portfolio Examples
Example online resume
More example portfolios: http://www.kzoo.edu/pfolio/outstanding.html
More example portfolios: http://helenbarrett.com/ALI/samples.html
Free photo website: http://www.photos-of-the-year.com/
A better free stock photo website: http://www.morguefile.com/archive/
http://flashkit.com Lots of free sound loops.
Thinkquest library
Classroom Webserver http://10.20.30.157
A color wheel
Examples of MLA citations
The Free Sound Project

Smiley Face Exercise
Supplemental Movie Rubric
Course syllabus
 
   
 
   
Quarter August 12, 2005
Classes Assnt # Topic Assignment Classes Due Date
1-3 1 HTML Carr Chapter 3-6 3 Jan 19
4-5 2 Web Citations Web page: Find MLA standards for referencing webpages.  Find standards for referencing images and music.  List your sources in MLA format! (Minimum 3 sources) 2  
6-7 3 How the Internet works Web page 250 words:  Williams pg 20-28.  2  
8-9 4 Learn Dreamweaver Dreamweaver Tutorials:  Creating a Static Page and Linking and Previewing Pages 3  
10-11 5 Basic Design Principles Web page 300 words.  Read Williams Ch 6.  Find at least 2 other sources. Include links to examples of good and bad for each design principle.   2  
12-13 6 Introduction page Class page with links to your other pages so far.  Post. 2  
 
7
Imaging Create a webpage explaining different file formats. Use a digital camer and scanner.
2
 
  8 Fireworks Graphic Design Basics Tutorial 1
  11 Fireworks Web Design Basics Tutorial 1
  12 Web Site First Steps Complete First Steps Sheet.  Scan and post your initial design and research. 1
 
13
Web Site Complete 6
  14 Portfolio First Steps Plan for a screen size of 1024x769 - I suggest a document size of 950x700  
  15 Final Exam: Complete Portfolio Includes updating classroom webserver with your portfolio and previous website.  
         
           
         
 
Quarter 2 topics (incomplete)
color wheels and colors
typography
designing interface and navigation
making animated gifs
making backgrounds
cascading style sheets
avoiding halos
logging into servers and posting your work
slicing
drop shadows
roll overs
setting up dreamweaver sites
organizing your website
file size
spelling
optional: learn something new
1 Fireworks lesson from website

 


page designed by keir paesel
last updated August 12, 2005