LISWiki will be closing, due to lack of participation, on July 1, 2019.

Web design

From LISWiki
Jump to: navigation, search

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.