LISWiki will be closing, due to lack of participation, on July 1, 2019. |
Web design
HTML[edit]
Creating a website for your library can be a difficult task. Even if you are planning on designing your library's web site using a commercial program such as Dreamweaver, learning the basics of HTML will assist you in creating a website that is easy to view and navigate.
- Basic HTML tags and structure
http://www.webmonkey.com/teachingtool/html.html
- Beginner's HTML tutorial
http://www.htmldog.com/guides/htmlbeginner/
Basic tags and code.
- Intermediate HTML tutorial
http://www.htmldog.com/guides/htmlintermediate/
Covers CSS, JavaScript, tables.
- Advanced HTML tutorial
http://www.htmldog.com/guides/htmladvanced/
Includes tips on accessibility.
- HTML tags cheat sheet:
http://www.webmonkey.com/webmonkey/reference/html_cheatsheet/
- HTML Reference:
http://www.w3schools.com/tags/default.asp
- Articles on HTML
http://alistapart.com/topics/code
- CSS for beginners:
http://www.yourhtmlsource.com/stylesheets/introduction.html
- JavaScript for beginners:
http://www.codeproject.com/jscript/jsbeginner.asp
- PHP for beginners:
http://devzone.zend.com/node/view/id/627
Design[edit]
Your website is your library's face on the Internet. Having a well designed, professional looking website that is easy to use and accessible to everyone is important.
- Top Ten Mistakes in web design
http://www.useit.com/alertbox/9605.html
- Web Design Library
http://www.webdesign.org/
- Test web colors and palettes:
http://www.visibone.com/colorlab/
- Open source web design templates:
http://www.oswd.org/
- Web design tutorials:
http://www.w3schools.com/
- Articles on design
http://alistapart.com/topics/design
Tutorials[edit]
Commercial applications like Dreamweaver and Photoshop can assist you in designing your website.
- Dreamweaver tutorials:
http://www.entheosweb.com/dreamweaver/default.asp
http://www.tutorialized.com/tutorials/Dreamweaver/1
- Photoshop tutorials:
http://www.planetphotoshop.com/
Accessibility[edit]
Your website should be accessible to anyone, using any browser, operating system, or handheld device, and accessible to people with disabilities.
- Web Content Accessibility Guidelines:
http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html
- Articles on accessibility
http://alistapart.com/topics/userscience/accessibility/
- Zoomtext: magnification and reading software for the visually impaired.
http://www.aisquared.com/index.cfm
- Accessibility Design Guide:
http://www.anybrowser.org/campaign/abdesign.shtml
- Validate HTML:
http://validator.w3.org/
- Validate CSS:
http://jigsaw.w3.org/css-validator/
Usability[edit]
It is important to know how users look at websites and how to make your website easy to use.
- Website Usability: Making Library Websites More Likely to Get Used
http://www.infopeople.org/resources/websiteusability.html
- General usability tips
http://www.useit.com/alertbox/20030825.html
- How patrons read websites
http://www.useit.com/alertbox/reading_pattern.html
- Articles on usability
http://alistapart.com/topics/userscience/usability/
Examples[edit]
Examples of library websites with good design.