Home § Web Design 2
 
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

Course syllabus
 
   
 
   
Quarter 3 + 4 August 12, 2005
Classes Assnt # Topic Assignment Classes Due Date
1   Thinkquest competition Visit the thinkquest.org website. Read the rules and evaluation criteria. Choose a website from the library, and evaluate it using the rubric. Print the website and attach a Word document listing the scores you give for each criteria and why (1-2 sentences for each criteria). For full credit, be specific.    
2-3   Thinkquest First Steps First steps for your thinkquest website.   Jan 19 (Thur)
    Thinkquest Website We'll use the same rubric as the competition. 1st Page due Sunday January 29.   Feb 21 (Tue)
    Database Exercise and Rubric     March 20
  5 Redesign

Egypt Off Road Redesign First Steps and Off RoAD Rubric a good size for your pages is 900x600 pixels.

Contact information: Peter Gaballa - Egypt Off-Road <info AT EgyptOffRoad.com> 010 147 5462


6 classes May 7
    Community Website First steps and rubric.   May 29th
           
 
Quarter 3 topics (incomplete)
 
 
designing interface and navigation
 
cascading style sheets
avoiding halos
slicing
good and bad design
optional: learn something new
1 Fireworks lesson from website
 
Flash
Interactive websites
 
Completed
1 Fireworks lesson from website
making animated gifs
typography
color wheels and colors

Start Scanning
Karim S. Abadir user: kabadir pass: 123
Omar A. Al-Khawaja user: okhawaja pass: 123
Karelynn M. Cailteux user: kcailteux pass: 123
Christian K. Dilthey user: cdilthey
pass: 123
Karim M. El Ramly user: kramly pass: 123
Ahmed S. El Sewedy user: asewedy pass: 123
Ethan C. Epping user: eepping pass: 123
Ashish Kumar user: akumar pass: 123
David G. Ramirez user: dramirez pass: 123
Danny B, Said user: dsaid pass: 123
Taiga Shiba user: tshiba pass: 123
Ramy H. Tawakol user: rtakawol pass: 123
Victoria A. Whitelaw user: vwhitela pass: 123
Tamsin Woolery user: twoolley pass: 123
Ahmed O. Youssef user: ayoussef pass: 123
Mansour El Gabaly user: mgabaly pass: 123
Nadia Gohar user: ngohar pass: 123
Fadi Barsoum user: fbarsoum pass: 123
Start with Camera

Information from thinkquest.org website:
Image Archives

If students are not able to create all of their images and graphics from scratch, there are many image archives available on the internet. Be sure to carefully read any copyright information and, of course, you must provide proper citations.

Cool Archive (free) offers clip art and a logo and button maker.
http://www.coolarchive.com/
ButtonGenerator (free)
http://www.buttongenerator.com/
Microsoft Clip Art and Media
http://office.microsoft.com/clipart/
Classroom Clipart
http://classroomclipart.com/
US Library of Congress
http://lcweb2.loc.gov/ammem/browse/
New York Public Library
http://digital.nypl.org/mmpco/
top

Other Tools

There are dozens of tools that you can use to add games, quizzes, animations, and other interactive features to your website. Interactivity can help enhance learning by offering alternative ways to approach a concept. For example, a paragraph of text about a car engine might be enhanced with an animation that demonstrates how the parts of the engine work.

It's important to caution students to use good judgment when adding these types of features. Putting too many flashy features on a page can easily overwhelm or annoy the user, make the page load very slowly, or even cause the browser to crash. Students should ask themselves: "Does this feature really enhance the educational value of our website, or do I just want to add this because it's 'cool'?"

It's also important for students to give proper credit if they use someone else's tools or code to create interactive features.

Note: Some of the tools listed below are commercial products.

Tools for creating online activities (games, puzzles, quizzes) :

Hot Potatoes (free)
http://web.uvic.ca/hrd/halfbaked/
Discovery School’s Puzzlemaker (free)
http://puzzlemaker.school.discovery.com/
Game-o-Matic (free)
http://clear.msu.edu:16080/dennie/matic/
JavaScript Source (free)
http://javascript.internet.com/
Quia
http://www.quia.com/
Tools for creating surveys and polls:

Zoomerang (offers some free tools)
http://www.zoomerang.com
SurveyMonkey (offers some free tools)
http://www.surveymonkey.com/
WebSurveyor (offers some free tools)
http://www.websurveyor.com
Tool for adding a hit counter to your website:

Site Meter (free)
http://www.sitemeter.com
Tools for creating animations:

Macromedia Flash
http://www.macromedia.com/software/flash/
SWiSH
http://www.swishzone.com/
CoffeeCup GIF Animator
http://www.coffeecup.com/gif-animator/
CoffeeCup Firestarter
http://www.coffeecup.com/firestarter/
Flashation (Flash buttons and menu builder)
http://www.flashation.com/
Tools for producing audio files:

GarageBand (for Mac computers)
http://www.apple.com/ilife/garageband/
WavePad (offers a free version for Windows computers)
http://www.nch.com.au/wavepad/index.html
Audacity (free)
http://audacity.sourceforge.net/
Tools for producing videos:

Windows Movie Maker (for Windows XP)
http://www.microsoft.com/moviemaker/
iMovie (for Mac computers)
http://www.apple.com/ilife/imovie/
Adobe Premiere
http://www.adobe.com/products/premiere/main.html
Blaze Media Pro
http://www.blazemp.com/
Publishing Your Website

All ThinkQuest teams must publish their website files to the ThinkQuest web server. Teams have two methods for uploading files: the ThinkQuest web-based file upload tool and WebDAV. Read the Upload section of the Step-By-Step Guide for more information.

 


page designed by keir paesel
last updated August 12, 2005