Teacher web sites


Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Teacher web sites

  1. 1. Teacher Web-sites<br />By Melissa Price<br />
  2. 2. The Scottsbluff Public Schools Website can be found at<br />http://www.sbps.net<br />JUST KIDDING!<br />
  3. 3. Today’s Agenda<br />Part 1 - Getting Started<br /><ul><li>Expectations
  4. 4. Planning your site
  5. 5. What to Do
  6. 6. What Not to Do
  7. 7. Be Careful</li></li></ul><li>Today’s Agenda<br />Part 2 - Using School Center<br /><ul><li>Login and access your page
  8. 8. Adding Pages, Page Settings
  9. 9. Content Boxes, Newsletter Boxes and Page Summaries
  10. 10. Calendar
  11. 11. Links
  12. 12. Document Manager
  13. 13. Photo Album
  14. 14. Contact Form
  15. 15. Navigation</li></li></ul><li>Getting Started<br />
  16. 16. Expectations<br /><ul><li>Keep information timely and up to date
  17. 17. Provide useful, meaningful information for parents and students
  18. 18. Who you are, what you teach
  19. 19. Secondary – Syllabus
  20. 20. Elementary School – Classroom Expectations
  21. 21. Events, Important Dates Pertaining to your class</li></ul>Getting Started<br />
  22. 22. Planning Your Site<br /><ul><li>Syllabus and/or Classroom Expectations
  23. 23. Short Biography
  24. 24. Photo
  25. 25. Class Photos
  26. 26. Class Themes, Mottos, Class Pet
  27. 27. List of Supplies Needed for your class
  28. 28. Wish List of items that can be donated to your class
  29. 29. Extra Credit Projects or Worksheets
  30. 30. Important Dates
  31. 31. Useful Links
  32. 32. Field Trip Information
  33. 33. Daily Schedule</li></ul>Getting Started<br />
  34. 34. Text<br /><ul><li>Background does not interrupt the text
  35. 35. Text is big enough to read, but not too big
  36. 36. The hierarchy of information is perfectly clear </li></ul>Links <br /><ul><li>Link colors coordinate with page colors
  37. 37. Links are underlined so they are instantly clear to the visitor  
  38. 38. Graphics Buttons are not big and dorky
  39. 39. Every graphic has an alt label
  40. 40. Every graphic link has a matching text link
  41. 41. Graphics and backgrounds use browser-safe colors
  42. 42. Animated graphics turn off by themselves   </li></ul>General Design<br /><ul><li>Good use of graphic elements (photos, subheads, pull quotes) to break up text
  43. 43. Every web page in the site looks like it belongs to the same site; there are repetitive elements that carry throughout the pages </li></ul>What to Do – <br />Tips and Tricks<br />Getting Started<br />
  44. 44. What to Do – Best Practices<br />http://www.watervilleschools.org/education/components/scrapbook/default.php?sectiondetailid=13512&<br />http://www.watervilleschools.org/education/staff/staff.php?sectionid=900& <br />http://www.harlem122.org/education/staff/staff.php?sectiondetailid=3389&<br />http://www.harlem122.org/education/staff/staff.php?sectionid=182&<br />http://www.center.k12.nd.us/elem/elemsta/rjaeg.html<br />Getting Started<br />
  45. 45. Backgrounds <br />Color combinations of text and background that make the text hard to read <br />Busy, distracting backgrounds that make the text hard to read <br />Text <br />Text that is too small to read <br />Text crowding against the left edge <br />Text that stretches all the way across the page <br />Paragraphs of type in all caps, bold, and italic all at once <br />Underlined text that is not a link <br />Links <br />Blue link borders around graphics <br />Links that are not clear about where they will take you <br />Links in body copy that distract readers and lead them off to remote, useless pages <br />Text links that are not underlined so you don't know they are links <br />Dead links (links that don't work anymore) <br />What not to Do<br />Getting Started<br />
  46. 46. Graphics <br />Large graphic files that take forever to load <br />Meaningless or useless graphics <br />Graphics with no alt labels <br />Missing graphics, especially missing graphics with no alt labels <br />Tables <br />Borders turned on in tables <br />Tables used as design elements, especially with extra large borders <br />Blinking and animations <br />Anything that blinks, especially text <br />"Under construction" signs, especially of little men working <br />Animated "under construction" signs <br />Animated pictures for email <br />Animations that never stop <br />Multiple animations that never stop <br />What not to Do<br />Getting Started<br />
  47. 47. What not to Do<br />Junk <br />Counters on pages -- who cares <br />Junky advertising or animations<br />Having to scroll sideways<br />Navigation <br />Useless page titles that don't explain what the page is about <br />General Design <br />Frames that make you scroll sideways <br />No focal point on the page <br />Too many focal points on the page <br />Navigation buttons as the only visual interest, especially when they're large <br />Cluttered, not enough alignment of elements <br />Lack of contrast (in color, text, to create hierarchy of information, etc.) <br />Getting Started<br />
  48. 48. For Fun – Bad Web Sites<br />http://www.fabricland.co.uk/<br />http://www.rentistoodamnhigh.org/<br />http://web.archive.org/web/20100813142028/http://havenworks.com/<br />Getting Started<br />
  49. 49. Be Careful!<br /><ul><li>Privacy
  50. 50. Copyright
  51. 51. Links</li></ul>Getting Started<br />
  52. 52. USING SCHOOL CENTER<br />