Your SlideShare is downloading. ×
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Designingpages
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designingpages

752

Published on

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

No Downloads
Views
Total Views
752
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
2
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×