Website best practices

201 views
162 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
201
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Website best practices

  1. 1. Website Best Practices Brandon Raymo~Assistant Director MRVED braymo@mrved.net
  2. 2. Purpose ● Give you a list of best practices when creating your teacher website. ● Gain a better understanding of what makes a great teacher website.
  3. 3. Think About ● Your own internet browsing habits. ○ Do you: ■ Get frustrated when you can’t find basic information? ■ Hate scrolling forever? ■ Leave a website if you can’t read the font? ■ Hate “busy” sites? ● Who is your website for? ○ ○ ○ ○ You Students Parents All
  4. 4. 5 P’s ● ● ● ● ● Prior Planning Prevents Poor Performance
  5. 5. Text
  6. 6. Don’t ● ALL CAPS (stop yelling at me!) ● Too small ● Underline text that is not a link ● Rainbow Font ● Lots of scrolling ● ● Contrasting background and text ● Misspelling wards ● Usng txt spch...lol ● Hard to read fonts ● Changing fonts all the time Stretches across the whole page because you have written way too much and it doesn’t flow well with what you have above or below your bullets and there is no reason to have this much text in one line because you have created three or four sentences anyway.
  7. 7. http://www.luv2teachk.com/
  8. 8. Do ● ● ● ● Use an easy to read font Narrow columns Less is better Hierarchy is clear ○ Heading, Subheading, Text ● Background does not interfere with text
  9. 9. Navigation
  10. 10. Don’t ● ● ● ● ● Unclear Complex Orphan pages Useless page titles Inconsistent
  11. 11. Unclear & Complex
  12. 12. Orphan Pages ● Make sure every page has a way to get to another page, without using the browser back button.
  13. 13. Useless Page Title ● Example (Off Your Home Page) ○ Links ■ Links to what? Who are they for...parents, students, both? ○ Pictures ■ Are they pictures of you, your students, sports, school events?
  14. 14. Inconsistent ● If your navigation links are always on the left side, don’t move them. ● Make sure your links are also a consistent color.
  15. 15. Do ● ● ● ● ● Be very conscious of your navigation Be clear in page titles Less is better Easy to get back home Leave a site index
  16. 16. Create a Written Visual
  17. 17. Links
  18. 18. Don’t ● ● ● ● ● Broken links Inconsistent color Too many links Complete URL’s Wrong link

×