SlideShare une entreprise Scribd logo
1  sur  15
School Library
Websites
Outline based on:
Technology for the School Librarian
Theory and Practice
William O. Scheeren
Sharon Smith
April 2013
Questions and Suggestions
Questions Suggestions
Do we need a web site? Check other LMS in area
to see if they have one.
How do we design it? Research how to sites, google,
etc.
What do we need for content? Put information related to your
library, staff, and students.
What do we use for material? Content material has to
captivate your followers
Who is our target demographics? Select your target group and
provide material to that group.
The Creation of a Website
YouTube is a great choice for finding
helpful tips and how to videos.
Surprisingly easy
designing of the web page
Graphics
Information
Content
Layout
Animation
Errors, Mistakes, and
Oh-No’s
• Do not use complicated URL’s
• Avoid using too much animation
• Stay away from scrolling pages
• Keep your website simple
(many of your visitors may not
have the latest technology at their
disposal.)
Obey all website LAWS
Most, if not all, law’s pertain to Copyrights.
What to put on your Website
• General information
• Community events
• School events
• Library information
• School Calendar
• Club happenings
• Reference resources
• Assistance to references
• Book sources
• Web links
• Access to public library
• University access
•
•
•
•
Running and Maintaining
Intranets
• task more than not falls on the Library
Media Specialist.
• useful tool for the school district
• great way for the whole staff to stay up-
to-speed on the latest and the best ways
to do their jobs more productively
Glossary of Terms
• Web Pages -- individual design pages placed on a
website
• Web Design -- the method of how your website is
put together
• URL -- Uniform Resource Locator
• Navigation Bar -- tool used to put short cuts and
most used tools on ?????
• Visual Consideration -- never use all capital
letters, insure links are in prose, break up your
content
• Practical Considerations -- never use more than three
images per page, neither clash nor blend together
background and text, use light background colors
• Orphan Pages -- pages that do not contain any
identifying information
• Scrolling Pages -- pages that are to long with to much
text
• Resources -- different sites and or sources used to
complete the task
• Copyrights -- exclusive legal right given to an
originator or an assignee to
print, publish, perform, film, etc.
D
i
s
c
u
s
s
i
o
n
Q
u
e
s
t
i
o
n
School Website Policy
Website Accessibility as governed by the American Disabilities Act (ADA)
It is the responsibility of the School System to ensure that any and all websites maintained by the school and any school
employees meets the guidelines set forth under the American Disabilities Act (ADA).
Checklist:
• Every image, video file, audio file, plug-in, etc. has an alt tag
• Complex graphics are accompanied by detailed text descriptions
• The alt descriptions describe the purpose of the objects
• If an image is also used as a link, make sure the alt tag describes the graphic and the link destination
• Decorative graphics with no other function have empty alt descriptions (alt= “”)
• Add captions to videos
• Add audio descriptions
• Create text transcript
• Create a link to the video rather than embedding it into web pages
• Add a link to the media player download
• Add an additional link to the text transcript
• The page should provide alternative links to the Image Map
• The <area> tags must contain an alt attribute
• Data tables have the column and row headers appropriately identified (using the <th> tag)
• Tables used strictly for layout purposes do NOT have header rows or columns
• Table cells are associated with the appropriate headers
• Make sure the page does not contain repeatedly flashing images
• Check to make sure the page does not contain a strobe effect
• A link is provided to a disability-accessible page where the plug-in can be downloaded
• All Java applets, scripts and plug-ins and the content within them are
accessible to assistive technologies, or else an alternative means of accessing equivalent content is provided
• When form controls are text input fields use the LABEL element
• When text is not available use the title attribute
• Include any special instructions within field labels
• Make sure that form fields are in a logical tab order
• Include a „Skip Navigation‟ button to help those using text readers
(Courtesy U.S. Department of Health and Human Services)
If the site meets all these criteria, it is likely accessible to people with disabilities.
D
i
s
c
u
s
s
i
o
n
Q
u
e
s
t
i
o
n
WEBSITES CAN BE OF
GOOD QUALITY
http://internet4classrooms.com/
* easy to find what you’re looking for
* content is good
* graphics aid in location of information
* has a clear purpose and fulfills that
purpose
http://www.bbc.co.uk/schools/typing/
* inviting graphics
* useful information
* easy navigation
* keyword friendly
http://livebinders.com
* variety of useful information
* categories divided clearly
* exceptional search feature
* strong organization
* consistent design
WEBSITES CAN BE OF
POOR QUALITY
http://goodrichjumps.com/index.html
* can’t tell where they are located
* no indication of what their service
area is
* text does not make sense to the
traffic they were trying to attract
http://www.ready.gov/kids
* tiny font and small icons used on
subpages
* many links lead to broken or missing
websites
* too much of the same color on the
landing page
http://www.creativekidscenter.net/
* no navigation after the landing page
* no depiction of any children on the page
* poorly placed ‘federal law’ and copyright
guidelines
Summary
Questions to answer when creating a website
 For what purpose do I need a website?
 How should I lay it out?
 Which design framework should I use?
What things do I need on my website?
 What are the laws governing my website?
 What target groups am I trying to reach?
Once the website is created, it must be kept up-to-
date with the most current information possible.
Resources
Heng, C., & thesitewizard.com. (n.d.). How to Make / Create Your Own Website:
The Beginner's A-Z Guide to Starting a Website (thesitewizard.com).
thesitewizard.com: Website design, promotion, CGI, PHP, JavaScript
scripting, and revenue earning.. Retrieved April 7, 2013, from
http://www.thesitewizard.com/gettingstarted/startwebsite.shtml.
How To Make a Website -EASY! - YouTube. (n.d.). YouTube. Retrieved April 7,
2013, from http://www.youtube.com/watch?v=wLKui1x1JFk
Nash, N. B. (n.d.). Creating an ADA-compliant website | TechRepublic. TechRepublic - A
Resource for IT Professionals. Retrieved April 30, 2013, from
http://www.techrepublic.com/blog/webmaster/creating-an-ada-compliant
website/1425
Scheeren, W. O. (2010). Technology for the school librarian: theory and practice.
Santa Barbara, Calif.: Libraries Unlimited.
Weebly - Create a free website and a free blog. (n.d.). Weebly - Create a free
website and a free blog. Retrieved April 7, 2013, from
http://www.weebly.com.

Contenu connexe

Tendances

Stayin’ Alive In The Digital Age
Stayin’ Alive In The Digital AgeStayin’ Alive In The Digital Age
Stayin’ Alive In The Digital Age
guestf12812
 
10 Best Uses Of The Internet Powerpoint
10 Best Uses Of The Internet Powerpoint10 Best Uses Of The Internet Powerpoint
10 Best Uses Of The Internet Powerpoint
adeising13
 
Top 10 Internet Uses
Top 10 Internet UsesTop 10 Internet Uses
Top 10 Internet Uses
mstinyard
 
Top 10 internet uses in teaching and learning
Top 10 internet uses in teaching and learningTop 10 internet uses in teaching and learning
Top 10 internet uses in teaching and learning
djames73583
 
10 Top Uses For The Internet
10 Top Uses For The Internet10 Top Uses For The Internet
10 Top Uses For The Internet
wajfelds
 
Web 2.0 - Join the Journey
Web 2.0 - Join the JourneyWeb 2.0 - Join the Journey
Web 2.0 - Join the Journey
Lori Franklin
 

Tendances (20)

Using websites
Using websitesUsing websites
Using websites
 
Using the Internet for Learning
Using the Internet for LearningUsing the Internet for Learning
Using the Internet for Learning
 
Effective web 2.0 tools
Effective web 2.0 toolsEffective web 2.0 tools
Effective web 2.0 tools
 
Stayin’ Alive In The Digital Age
Stayin’ Alive In The Digital AgeStayin’ Alive In The Digital Age
Stayin’ Alive In The Digital Age
 
10 Best Uses Of The Internet Powerpoint
10 Best Uses Of The Internet Powerpoint10 Best Uses Of The Internet Powerpoint
10 Best Uses Of The Internet Powerpoint
 
Wikis, podcasts, and_blogs[1]
Wikis, podcasts, and_blogs[1]Wikis, podcasts, and_blogs[1]
Wikis, podcasts, and_blogs[1]
 
Top 10 Internet Uses
Top 10 Internet UsesTop 10 Internet Uses
Top 10 Internet Uses
 
Top 10 internet uses in teaching and learning
Top 10 internet uses in teaching and learningTop 10 internet uses in teaching and learning
Top 10 internet uses in teaching and learning
 
Co sn evolution&assessment_eportfolios_k-12_3-3-12
Co sn evolution&assessment_eportfolios_k-12_3-3-12Co sn evolution&assessment_eportfolios_k-12_3-3-12
Co sn evolution&assessment_eportfolios_k-12_3-3-12
 
10 Top Uses For The Internet
10 Top Uses For The Internet10 Top Uses For The Internet
10 Top Uses For The Internet
 
Using website mutiah[30 10-2013]
Using website mutiah[30 10-2013]Using website mutiah[30 10-2013]
Using website mutiah[30 10-2013]
 
Web2 0 Symposium
Web2 0 SymposiumWeb2 0 Symposium
Web2 0 Symposium
 
Using & Creating Social Information
Using & Creating Social InformationUsing & Creating Social Information
Using & Creating Social Information
 
Njeapresentation
NjeapresentationNjeapresentation
Njeapresentation
 
Etc essay
Etc essayEtc essay
Etc essay
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 - Join the Journey
Web 2.0 - Join the JourneyWeb 2.0 - Join the Journey
Web 2.0 - Join the Journey
 
Top 10 internet uses
Top 10 internet usesTop 10 internet uses
Top 10 internet uses
 
Engaging Students with Web 2.0
Engaging Students with Web 2.0Engaging Students with Web 2.0
Engaging Students with Web 2.0
 
Elearning or E-Living?
Elearning or E-Living?Elearning or E-Living?
Elearning or E-Living?
 

Similaire à School library websites

The abc of website evaluation
The abc of website evaluationThe abc of website evaluation
The abc of website evaluation
Karen Hahn
 
Digifoot 2012 ppt
Digifoot 2012 pptDigifoot 2012 ppt
Digifoot 2012 ppt
tpoelzer
 

Similaire à School library websites (20)

Academic Research on the Internet is New Library in Rural America
Academic Research on the Internet is New Library in Rural AmericaAcademic Research on the Internet is New Library in Rural America
Academic Research on the Internet is New Library in Rural America
 
Oct 2014 Siteimprove Stockholm Accessibility Conference
Oct 2014 Siteimprove Stockholm Accessibility ConferenceOct 2014 Siteimprove Stockholm Accessibility Conference
Oct 2014 Siteimprove Stockholm Accessibility Conference
 
Websites
WebsitesWebsites
Websites
 
September 2018 - Georgia Tech - Science Communications Workshop - Building We...
September 2018 - Georgia Tech - Science Communications Workshop - Building We...September 2018 - Georgia Tech - Science Communications Workshop - Building We...
September 2018 - Georgia Tech - Science Communications Workshop - Building We...
 
The abc of website evaluation
The abc of website evaluationThe abc of website evaluation
The abc of website evaluation
 
Scope website - how to make an accessible website
Scope website - how to make an accessible websiteScope website - how to make an accessible website
Scope website - how to make an accessible website
 
The more information Website Design_New.pdf
The more information Website Design_New.pdfThe more information Website Design_New.pdf
The more information Website Design_New.pdf
 
Website Evaluation
Website EvaluationWebsite Evaluation
Website Evaluation
 
Digifoot 2012 ppt
Digifoot 2012 pptDigifoot 2012 ppt
Digifoot 2012 ppt
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
Web accessibility webinar 53017
Web accessibility webinar 53017Web accessibility webinar 53017
Web accessibility webinar 53017
 
Accessibility for Fun and Profit
Accessibility for Fun and ProfitAccessibility for Fun and Profit
Accessibility for Fun and Profit
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Web (In)accessible
Web (In)accessible Web (In)accessible
Web (In)accessible
 
Content Optimization
Content OptimizationContent Optimization
Content Optimization
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web Accessibility
 
Siteimprove-Content put to the test: TERMINALFOUR-tforum 2013
Siteimprove-Content put to the test: TERMINALFOUR-tforum 2013Siteimprove-Content put to the test: TERMINALFOUR-tforum 2013
Siteimprove-Content put to the test: TERMINALFOUR-tforum 2013
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 

Dernier

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Dernier (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 

School library websites

  • 1. School Library Websites Outline based on: Technology for the School Librarian Theory and Practice William O. Scheeren Sharon Smith April 2013
  • 2. Questions and Suggestions Questions Suggestions Do we need a web site? Check other LMS in area to see if they have one. How do we design it? Research how to sites, google, etc. What do we need for content? Put information related to your library, staff, and students. What do we use for material? Content material has to captivate your followers Who is our target demographics? Select your target group and provide material to that group.
  • 3. The Creation of a Website YouTube is a great choice for finding helpful tips and how to videos. Surprisingly easy
  • 4. designing of the web page Graphics Information Content Layout Animation
  • 5. Errors, Mistakes, and Oh-No’s • Do not use complicated URL’s • Avoid using too much animation • Stay away from scrolling pages • Keep your website simple (many of your visitors may not have the latest technology at their disposal.)
  • 6. Obey all website LAWS Most, if not all, law’s pertain to Copyrights.
  • 7. What to put on your Website • General information • Community events • School events • Library information • School Calendar • Club happenings • Reference resources • Assistance to references • Book sources • Web links • Access to public library • University access
  • 9. Running and Maintaining Intranets • task more than not falls on the Library Media Specialist. • useful tool for the school district • great way for the whole staff to stay up- to-speed on the latest and the best ways to do their jobs more productively
  • 10. Glossary of Terms • Web Pages -- individual design pages placed on a website • Web Design -- the method of how your website is put together • URL -- Uniform Resource Locator • Navigation Bar -- tool used to put short cuts and most used tools on ????? • Visual Consideration -- never use all capital letters, insure links are in prose, break up your content
  • 11. • Practical Considerations -- never use more than three images per page, neither clash nor blend together background and text, use light background colors • Orphan Pages -- pages that do not contain any identifying information • Scrolling Pages -- pages that are to long with to much text • Resources -- different sites and or sources used to complete the task • Copyrights -- exclusive legal right given to an originator or an assignee to print, publish, perform, film, etc.
  • 12. D i s c u s s i o n Q u e s t i o n School Website Policy Website Accessibility as governed by the American Disabilities Act (ADA) It is the responsibility of the School System to ensure that any and all websites maintained by the school and any school employees meets the guidelines set forth under the American Disabilities Act (ADA). Checklist: • Every image, video file, audio file, plug-in, etc. has an alt tag • Complex graphics are accompanied by detailed text descriptions • The alt descriptions describe the purpose of the objects • If an image is also used as a link, make sure the alt tag describes the graphic and the link destination • Decorative graphics with no other function have empty alt descriptions (alt= “”) • Add captions to videos • Add audio descriptions • Create text transcript • Create a link to the video rather than embedding it into web pages • Add a link to the media player download • Add an additional link to the text transcript • The page should provide alternative links to the Image Map • The <area> tags must contain an alt attribute • Data tables have the column and row headers appropriately identified (using the <th> tag) • Tables used strictly for layout purposes do NOT have header rows or columns • Table cells are associated with the appropriate headers • Make sure the page does not contain repeatedly flashing images • Check to make sure the page does not contain a strobe effect • A link is provided to a disability-accessible page where the plug-in can be downloaded • All Java applets, scripts and plug-ins and the content within them are accessible to assistive technologies, or else an alternative means of accessing equivalent content is provided • When form controls are text input fields use the LABEL element • When text is not available use the title attribute • Include any special instructions within field labels • Make sure that form fields are in a logical tab order • Include a „Skip Navigation‟ button to help those using text readers (Courtesy U.S. Department of Health and Human Services) If the site meets all these criteria, it is likely accessible to people with disabilities.
  • 13. D i s c u s s i o n Q u e s t i o n WEBSITES CAN BE OF GOOD QUALITY http://internet4classrooms.com/ * easy to find what you’re looking for * content is good * graphics aid in location of information * has a clear purpose and fulfills that purpose http://www.bbc.co.uk/schools/typing/ * inviting graphics * useful information * easy navigation * keyword friendly http://livebinders.com * variety of useful information * categories divided clearly * exceptional search feature * strong organization * consistent design WEBSITES CAN BE OF POOR QUALITY http://goodrichjumps.com/index.html * can’t tell where they are located * no indication of what their service area is * text does not make sense to the traffic they were trying to attract http://www.ready.gov/kids * tiny font and small icons used on subpages * many links lead to broken or missing websites * too much of the same color on the landing page http://www.creativekidscenter.net/ * no navigation after the landing page * no depiction of any children on the page * poorly placed ‘federal law’ and copyright guidelines
  • 14. Summary Questions to answer when creating a website  For what purpose do I need a website?  How should I lay it out?  Which design framework should I use? What things do I need on my website?  What are the laws governing my website?  What target groups am I trying to reach? Once the website is created, it must be kept up-to- date with the most current information possible.
  • 15. Resources Heng, C., & thesitewizard.com. (n.d.). How to Make / Create Your Own Website: The Beginner's A-Z Guide to Starting a Website (thesitewizard.com). thesitewizard.com: Website design, promotion, CGI, PHP, JavaScript scripting, and revenue earning.. Retrieved April 7, 2013, from http://www.thesitewizard.com/gettingstarted/startwebsite.shtml. How To Make a Website -EASY! - YouTube. (n.d.). YouTube. Retrieved April 7, 2013, from http://www.youtube.com/watch?v=wLKui1x1JFk Nash, N. B. (n.d.). Creating an ADA-compliant website | TechRepublic. TechRepublic - A Resource for IT Professionals. Retrieved April 30, 2013, from http://www.techrepublic.com/blog/webmaster/creating-an-ada-compliant website/1425 Scheeren, W. O. (2010). Technology for the school librarian: theory and practice. Santa Barbara, Calif.: Libraries Unlimited. Weebly - Create a free website and a free blog. (n.d.). Weebly - Create a free website and a free blog. Retrieved April 7, 2013, from http://www.weebly.com.