Designingpages

970 views

Published on

Published in: Technology, Education
2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
970
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
6
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

Designingpages

  1. 1. Designing Pages with a Purpose: Creating a Strategic Approach to Online Searching Presented by: Catherine Nelson – Media Specialist Great Falls High School & Kim Isiminger – Media Specialist Wagener Salley High School
  2. 2. Goals of Presentation <ul><li>Discuss an interactive library web page that guides and directs student searching </li></ul><ul><li>Pages that keep students focused, undistracted </li></ul>
  3. 3. Web Page Creation Software <ul><li>Text editor (word pad) & html </li></ul><ul><li>Netscape Composer </li></ul><ul><li>Publisher </li></ul><ul><li>Front page </li></ul><ul><li>Dreamweaver </li></ul><ul><li>Microsoft Word </li></ul><ul><li>Claris </li></ul><ul><li>Etc. </li></ul>
  4. 4. Design Basics <ul><li>Audience </li></ul><ul><li>Alignment / Proximity </li></ul><ul><li>Repetition </li></ul><ul><li>Contrast </li></ul>
  5. 5. Audience <ul><li>Consider the use of </li></ul><ul><ul><li>Appealing colors and appropriate clipart </li></ul></ul><ul><ul><li>Font size </li></ul></ul><ul><ul><li>Amount of text vs. buttons </li></ul></ul>
  6. 6. Proximity / Alignment <ul><li>Items too close suggest relationship </li></ul><ul><li>Make organization purposeful  </li></ul><ul><ul><li>Use tables to help align </li></ul></ul>
  7. 7. Repetition <ul><li>Repeat some aspect of the design to tie the parts together for internal links: </li></ul><ul><ul><li>Same heading style (font, color) </li></ul></ul><ul><ul><li>Same background </li></ul></ul><ul><ul><li>Same divider </li></ul></ul><ul><ul><li>Same footer </li></ul></ul><ul><ul><li>Graphic (school or library logo)? </li></ul></ul><ul><ul><li>Navigational line </li></ul></ul>
  8. 8. Navigation <ul><li>Provide an obvious navigational base </li></ul><ul><ul><li>Back (button or word) </li></ul></ul><ul><ul><li>Hyperlinks of all connected pages reappearing on each page. (Example) </li></ul></ul><ul><li>Library Home ~ Student Resources ~ Teacher Resources ~ Subscribed Databases ~ Internet Links ~ Subject Sites </li></ul>
  9. 9. Page Layout <ul><li>Page name </li></ul><ul><li>Title </li></ul><ul><li>Body of Information </li></ul><ul><li>Author if not same as contact </li></ul><ul><li>Contact: name & email </li></ul><ul><li>Date updated </li></ul><ul><li>Location </li></ul>
  10. 10. Suggested Internal Links <ul><li>Teacher Sites </li></ul><ul><li>Student Sites </li></ul><ul><li>Special Projects/Thematic Topics (History Day, Black History, etc.) </li></ul><ul><ul><li>Long range lesson plans / curriculum mapping </li></ul></ul><ul><li>School (District, feeder schools, PTO or PTA) </li></ul><ul><li>Community Interest Sites </li></ul><ul><li>Library Specific Sites (DISCUS, subscribed services) </li></ul>
  11. 11. Teacher/School Sites <ul><li>South Carolina Teacher Site ( www.scteachers.org ) </li></ul><ul><li>State & National Standards </li></ul><ul><li>Profession Affiliations </li></ul><ul><ul><li>NEA </li></ul></ul><ul><ul><li>NCTM </li></ul></ul><ul><ul><li>School Board Association </li></ul></ul><ul><ul><li>South Carolina Administrators </li></ul></ul><ul><li>Lesson Plan Resources </li></ul><ul><li>State & Federal Departments of Education </li></ul><ul><li>District Page </li></ul><ul><li>Professional Online Journals </li></ul>
  12. 12. Students Sites <ul><li>Ensure age appropriate </li></ul><ul><li>Subject specific links </li></ul><ul><li>Reading program quiz list </li></ul><ul><li>Fun sites </li></ul><ul><ul><li>Publishers </li></ul></ul><ul><ul><li>Puzzles </li></ul></ul><ul><ul><li>Magazines, Teen Lounges </li></ul></ul><ul><li>Post high school websites </li></ul><ul><ul><li>SAT / ACT Testing </li></ul></ul><ul><ul><li>Financial aid </li></ul></ul><ul><ul><li>College websites </li></ul></ul><ul><ul><li>Career websites </li></ul></ul><ul><ul><li>Resumes </li></ul></ul><ul><ul><li>Occupational Outlook Handbook </li></ul></ul>
  13. 13. Special Projects/Themes <ul><li>History Day </li></ul><ul><li>DAR </li></ul><ul><li>Science Olympiad </li></ul><ul><li>Multicultural Sites </li></ul><ul><li>Holiday Sites </li></ul><ul><li>School-wide observances </li></ul><ul><ul><li>Dr. Seuss’s Birthday </li></ul></ul><ul><ul><li>100 th Day of School </li></ul></ul><ul><ul><li>Teen Read Week </li></ul></ul><ul><ul><li>Banned Books Week </li></ul></ul>
  14. 14. Community Interest <ul><li>County/city government websites </li></ul><ul><li>Community interest sites </li></ul><ul><li>Newspapers </li></ul><ul><li>Chamber of Commerce </li></ul>
  15. 15. Library Sites <ul><li>DISCUS </li></ul><ul><li>Subscribed Services </li></ul><ul><ul><li>ProQuest </li></ul></ul><ul><ul><li>Electric Library </li></ul></ul><ul><ul><li>SCOIS </li></ul></ul><ul><li>Vendor sites </li></ul><ul><ul><li>Renaissance Learning (Accelerated Reader) </li></ul></ul><ul><ul><li>Sagebrush/Follet </li></ul></ul><ul><ul><li>Book Vendors </li></ul></ul><ul><li>Professional Affiliations </li></ul><ul><ul><li>ALA, AASL, IRA </li></ul></ul><ul><ul><li>SCASL </li></ul></ul><ul><li>SC State Library </li></ul><ul><li>Library of Congress </li></ul><ul><li>Union Catalogs </li></ul>
  16. 16. General Program Information <ul><li>Staff </li></ul><ul><li>Hours </li></ul><ul><li>Services provided </li></ul><ul><li>Policy & procedures </li></ul><ul><li>Promotional activities </li></ul><ul><li>This information does not need to be the FOCUS of your site. </li></ul>
  17. 17. AVOID: <ul><li>Music </li></ul><ul><ul><li>Repeat visitors tire of it </li></ul></ul><ul><li>Frames </li></ul><ul><ul><li>Unable to bookmark </li></ul></ul><ul><ul><li>Distorts true look of page inside the frame </li></ul></ul>Welcome Home Page1
  18. 18. AVOID: <ul><li>Cutting Edge Web design </li></ul><ul><ul><li>Not many k-12 schools have hardware or software that support it </li></ul></ul><ul><ul><li>The average k-12 teacher (and some students) don’t understand or recognize it! </li></ul></ul><ul><li>Web Page Novelties </li></ul><ul><ul><li>Tools that require plug-ins </li></ul></ul><ul><ul><li>Flash </li></ul></ul><ul><ul><li>Java applets </li></ul></ul>
  19. 19. AVOID: <ul><li>Scrolling Text, Marques, Blinkers, constantly running animations </li></ul><ul><ul><li>Hard to read, distracting, downright annoying </li></ul></ul><ul><li>Complex URLs </li></ul><ul><ul><li>Keep them simple and lowercase </li></ul></ul><ul><ul><li>Very few students know what a tilde is (~), ever use it, or know where it is on a keyboard </li></ul></ul><ul><ul><li>Spaces in web names become underscores that do not get easily recognized in a hyperlink (that is underlined as most are) </li></ul></ul>
  20. 20. AVOID: <ul><li>Long Pages to Scroll </li></ul><ul><ul><li>Users dislike it </li></ul></ul><ul><ul><li>Users are more willing to navigate if targets are present </li></ul></ul><ul><ul><li>Link to internal pages instead </li></ul></ul><ul><li>Non-standard link colors </li></ul><ul><ul><li>Make the background compliment the links, not vice versa </li></ul></ul><ul><ul><li>When link colors are changed from the standard, they are harder to find </li></ul></ul>
  21. 21. AVOID: <ul><li>Long Download Times </li></ul><ul><ul><li>Use less clipart and smaller, compressed images </li></ul></ul><ul><ul><li>Consider thumbnails as links to larger images </li></ul></ul><ul><ul><li>Note html editors that tell download time </li></ul></ul><ul><li>Dead Links </li></ul><ul><ul><li>Check your links and pages often and edit out dead or lost links </li></ul></ul>
  22. 22. Instead, use: <ul><li>Color balance </li></ul><ul><li>Backgrounds that are easy on eyes </li></ul><ul><li>Tables where applicable </li></ul><ul><li>Simple fonts </li></ul><ul><li>Limited pictures/use thumbnails </li></ul><ul><li>Clarity, consistency and conciseness </li></ul><ul><li>Site map </li></ul>
  23. 23. Disclaimer: Sites Used <ul><li>The following slides list library pages (hyperlinked) viewed in the presentation. </li></ul><ul><li>Not all have every recommendation made in the presentation. </li></ul><ul><li>Each was chosen for some value or merit. </li></ul><ul><li>None are from our state (to save anyone embarrassment), with the exception of our own pages. </li></ul>
  24. 24. High School Examples <ul><li>Mahtomedi High School -- Mahtomedi, MN </li></ul><ul><li>Craig High School – Janesville, WI </li></ul><ul><li>Burnsville High School – Burnsville, MN </li></ul><ul><li>Manchester Memorial High School – Manchester, NH </li></ul><ul><li>Spring Lake Park High School – Spring Lake Park, MN </li></ul><ul><li>Mercy High School —San Francisco </li></ul><ul><li>Springfield Township High School Virtual Library – Erdehenheim, PA </li></ul>
  25. 25. Middle School Examples <ul><li>Sashabaw Middle School – Clarkston, MI </li></ul><ul><li>Bedford Middle School – Westport, CT </li></ul><ul><li>Thomas Jefferson Middle School – Teaneck, NJ </li></ul><ul><li>Holton Middle School – Holton, KS </li></ul><ul><li>North Junior High School, Boise, ID </li></ul>
  26. 26. Elementary School Examples <ul><li>Brookhaven Elementary School – Rockville, MD </li></ul><ul><li>Washington Elementary School – Cloquet, MN </li></ul><ul><li>Greentown Elementary School – North Canton, OH </li></ul><ul><li>Fielder Elementary School – Katy, TX </li></ul>
  27. 27. Your Presenters’ Web Pages <ul><li>Great Falls High School created by Catherine Nelson </li></ul><ul><li>Wagener- Salley High School created by Kim Isiminger </li></ul><ul><li>Tips Brochure </li></ul><ul><li>- saved as RTF </li></ul>
  28. 28. Contacting Us! <ul><li>Catherine L. Nelson </li></ul><ul><ul><li>Great Falls High School (Chester County Schools) </li></ul></ul><ul><ul><li>Great Falls, SC </li></ul></ul><ul><ul><li>(803) 482-2210 </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul><ul><li>Kim Isiminger </li></ul><ul><ul><li>Wagener-Salley High School (Aiken County Schools) </li></ul></ul><ul><ul><li>Wagener, SC </li></ul></ul><ul><ul><li>(803) 564-1100 </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul>
  29. 29. The End!

×