webdesign

=Web Design for Education =

Classroom Web Design
Creating a Classroom Webpage: http://www.wmich.edu/teachenglish/subpages/technology/classwebsite.htm Rubric for Evaluating a Classroom Webpage: http://www.uwstout.edu/soe/profdev/webpagerubric.html

//Some suggestions to include://
 * Class Overview -- Explain what students will be learning, goals, objectives, procedures that will be used in teaching and learning, etc.
 * Classroom Rules and Guidelines
 * Contact Information -- This can include ways that students or parents can contact you. However, you may not want to include your home phone or any personal information. There are ways to set-up a separate e-mail account just for your professional use.
 * Class Calendar
 * Announcements/Events- This is an efficient method of communicating anything that needs to be publicized.
 * Materials -- Anything important that you hand out in class can be posted on-line.
 * Helpful Links -- Relevant links for students to learn more about content.
 * Fun Links -- Links that make your subject more fun.
 * Homework -- Posting of assignments helps to keep students on track. This section can also offer students help with any assignments. This section can also be a depository for what students need to accomplish and a reminder of what needs to be done.
 * Biography -- Tell students about your academic and professional background. You can also include interests, accomplishments, etc
 * Your Most Favorite Sites
 * Information for Parents -- This is information you want parents to know that can help you to acheive educational goals. It is a great way to get parents actively involved in a partnership role.
 * Links to State or National Curriculum

World's Worst Web Design: http://www.angelfire.com/super/badwebs/ Bad Web Design Winners: http://www.webpagesthatsuck.com/ Web Design: [|Webdesign]
 * Education World's Web Wizards:** http://www.educationworld.com/a_curr/archives/webwizard.shtml

**Google Sites --**[|http://sites.google.com]
 * Handout with Step-by-Step Instructions: [[file:Google Sites.doc]]**

Introduction to Google Sites : http://services.google.com/apps/resources/overviews/welcome/topicSites/index.html Video Tutorial: media type="custom" key="2259479"

SAMPLES using Google Sites: http://sites.google.com/site/msjacksonsclassroom/Home or http://sites.google.com/site/misshenry5thgradeclass/

School Web Design
We will be designing web pages for your schools. Here are some helpful resources: Creating School Web Pages: http://eduscapes.com/tap/topic61.htm Designing School Websites: http://www.fno.org/webdesign.html FrontPage in the Classroom: http://www.actden.com/fp/ Tips for Designing a Web Page: http://www.siec.k12.in.us/~west/online/design.htm

//Some suggestions to include://
 * Welcome page
 * Administrative Staff
 * Faculty and Support Staff
 * Clubs
 * Events
 * SGA
 * Class Schedule
 * Sports Schedule
 * Links to favorite websites

Library Web Design
The library website represents the library program. It offers guidance and instruction while it fosters independent learning. It models careful selection. It offers valuable public service by supporting reading, learning, and the building of knowledge. A good library Web page, whether in traditional HTML, or blog, or wiki format, offers implicit instruction.

Writing School Library Web Pages: http://www.sldirectory.com/libsf/resf/wpages.html
 * A Web Quest about School Library Web Sites (look at Features, Content, and Characteristics)
 * Library Webmaster Resources (look at Content-What should/could your site include)
 * LibWeb (look at Special and School Library samples)

Handbook on How to Design a Library Website to Maximize Usability: Accessible Design: http://senna.sjsu.edu/lmain/isdaccess/home.html Building a Library Website Using Web 2.0: http://www.infotoday.com/cilmag/jan07/Coombs.shtml Cool Library Blog: http://tametheweb.com/ Great Library 2.0 Wiki: http://instructionwiki.org/Library_2.0_in_15_minutes_a_day TechLearning's Library Corner: http://www.techlearning.com/outlook/columns/media_coord.php Web 2.0 and Libraries-- http://www.techsource.ala.org/ltr/web-20-and-libraries-best-practices-for-social-software.html?gclid=CLP2naaiqZUCFRRhnAodHgk0kQ Service for the Next-Generation Library-- http://www.libraryjournal.com/article/CA6365200.html http://library20.ning.com/infoisland.orghttp://www.techsource.ala.org/

PUBLIC & UNIVERSITY LIBRARY SAMPLES: http://www.cuyahogalibrary.org/ http://www.lib.virginia.edu/ http://www.library.phila.gov/ http://www.lib.unc.edu/index.html http://www.library.yale.edu/

http://www.webdesign.org/
 * MORE WEB DESIGN RESOURCES:**

**Don't forget Copyright and Fair Use Guidelines!**
http://www.bigfoto.com/ [|http://www.flickr.com] [|http://www.freefoto.com] http://www.pics4learning.com/ http://office.microsoft.com/en-us/clipart/default.aspx
 * Photo and Image Sites:**

http://www.bravenet.com/ http://www.dynamicdrive.com/ http://www.flashbuttons.com/ http://www.freebuttons.com/ http://www.javafile.com/
 * Cool Buttons and Gadgets:**