<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Webpage Redesign Project</title>
	<atom:link href="http://libwebredesign.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://libwebredesign.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Mon, 20 Oct 2008 16:15:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='libwebredesign.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Webpage Redesign Project</title>
		<link>http://libwebredesign.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://libwebredesign.wordpress.com/osd.xml" title="Webpage Redesign Project" />
	<atom:link rel='hub' href='http://libwebredesign.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Our site in Spanish</title>
		<link>http://libwebredesign.wordpress.com/2008/10/20/our-site-in-spanish/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/20/our-site-in-spanish/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 16:10:25 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[New Features]]></category>
		<category><![CDATA[spanish]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=172</guid>
		<description><![CDATA[I would like to have a link so people can read the website in spanish. Babble Fish and Google both translate pages into spanish but the translations aren&#8217;t the same. I guess that&#8217;s no surprise. You would think the word &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/20/our-site-in-spanish/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=172&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I would like to have a link so people can read the website in spanish.   Babble Fish and Google both translate pages into spanish but the translations aren&#8217;t the same.  I guess that&#8217;s no surprise.  You would think the word home would be the same in both but they even use different words for home.  Since I don&#8217;t speak spanish I can&#8217;t tell which is more accurate.    Here&#8217;s the site <a href="http://66.196.80.202/babelfish/translate_url_content?.intl=us&amp;lp=en_es&amp;trurl=http%3A%2F%2Fstrl.info%2Fwordpress">En Espanol</a> as translated by BabbleFish.   The <a href="http://74.125.93.104/translate_c?hl=en&amp;sl=en&amp;tl=es&amp;u=http://strl.info/wordpress/&amp;usg=ALkJrhjpL4iZYqQO0JDTNY7wq94LiG_ulQ">Google version</a> messes up the navigation bar but that maybe could be fixed.  The main thing is which is a better translation?  Does anyone on staff speak spanish?</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/172/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/172/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/172/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=172&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/20/our-site-in-spanish/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>
	</item>
		<item>
		<title>More on Tags</title>
		<link>http://libwebredesign.wordpress.com/2008/10/18/more-on-tags/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/18/more-on-tags/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 21:44:43 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Design Elements]]></category>
		<category><![CDATA[tags]]></category>
		<category><![CDATA[tag_clouds]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=158</guid>
		<description><![CDATA[I tried creating a tag cloud for the blog but am not very pleased with the results.  For one thing we just don&#8217;t have enough tags at this point to make a very interesting looking cloud.  The other thing is &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/18/more-on-tags/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=158&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I tried creating a tag cloud for the blog but am not very pleased with the results.  For one thing we just don&#8217;t have enough tags at this point to make a very interesting looking cloud.  The other thing is &#8212; well, I&#8217;m just not that excited by tags clouds.  I think they&#8217;re generally pretty ugly.   <a href="http://www.schoollibraryjournal.com/blog/1340000334/post/20028402.html"></a></p>
<p><a href="http://libwebredesign.files.wordpress.com/2008/10/tags2.jpg"><img class="alignright size-medium wp-image-166" title="tags2" src="http://libwebredesign.files.wordpress.com/2008/10/tags2.jpg?w=300&#038;h=198" alt="" width="300" height="198" /></a><a href="http://www.schoollibraryjournal.com/blog/1340000334/post/20028402.html">Wordle</a> is kind of interesting so this might be something to play around with later.   Wordle lets you jazz up the tags with colors but since they aren&#8217;t clickable I&#8217;m not sure what the point is.   <a href="http://rapidcitylibrary.org/lib_info/delicious.asp">Rapid City&#8217;s tag cloud</a> demonstrates one other thing that bothers me and that is tags want to be a single word.  if you have a phrase like reader&#8217;s advisory it wants to run the words together: readersadvisory.   If you have a lot of these it can be hard to read.  They seem to get around the issue by using the underscore a lot.</p>
<p>You can see how <a href="http://www.liveoakpl.org/">Live Oak Public Library</a> is using tags for navigation.   At least one of their branches: Oglethorpe Mall is a tag they use.  Instead of doing it this way I have each library listed as a subcategory in the sidebar so when you click the name of the library all the articles appear on one page.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/158/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/158/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/158/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=158&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/18/more-on-tags/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/tags2.jpg?w=300" medium="image">
			<media:title type="html">tags2</media:title>
		</media:content>
	</item>
		<item>
		<title>RSS feeds</title>
		<link>http://libwebredesign.wordpress.com/2008/10/18/rss-feeds/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/18/rss-feeds/#comments</comments>
		<pubDate>Sat, 18 Oct 2008 21:39:41 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Blog Terminology]]></category>
		<category><![CDATA[feeds]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=153</guid>
		<description><![CDATA[I set up two feeds for the site, one is for people to subscribe to our podcasts and the other is just a general feed of all the blog entries which have been posted.   RSS feeds let our patrons subscribe to our &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/18/rss-feeds/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=153&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I set up two feeds for the site, one is for people to subscribe to our podcasts and the other is just a general feed of all the blog entries which have been posted.   RSS feeds let our patrons subscribe to our frequently updated information, such as all of our blog posts or podcasts.   To receive the feeds patrons would download a Feed Reader to read our feeds subscriptions.   RSS is an acronymn for &#8220;Really Simple Syndication&#8221; or &#8220;Rich Site Summary&#8221; depending upon who you talk to.    The article <a href="http://www.llrx.com/features/richsite.htm">Rich Site Services: Web Feeds for Extended Information and Library Services </a> provides an overview and some links to how some libraries use RSS.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/153/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/153/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/153/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=153&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/18/rss-feeds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>
	</item>
		<item>
		<title>Google Calendar</title>
		<link>http://libwebredesign.wordpress.com/2008/10/14/google-calendar/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/14/google-calendar/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 00:47:30 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[New Features]]></category>
		<category><![CDATA[celendar]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=114</guid>
		<description><![CDATA[I’ll be doing a demo of the new events calendar after the Leadership Team meeting.  Something new I’ve been working with is Google Calendars. With Google Calendar we can have multiple shared calendars (one for each library).  We&#8217;d us it &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/14/google-calendar/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=114&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://libwebredesign.files.wordpress.com/2008/10/calendar2.jpg"><img class="alignright size-medium wp-image-119" title="calendar2" src="http://libwebredesign.files.wordpress.com/2008/10/calendar2.jpg?w=300&#038;h=204" alt="" width="300" height="204" /></a>I’ll be doing a demo of the new events calendar after the Leadership Team meeting.  Something new I’ve been working with is Google Calendars. With Google Calendar we can have multiple shared calendars (one for each library).  We&#8217;d us it to post all our public programs.  Best of all, the calendars can be shared, and staff with permissions can collaborate in adding events to their own calendars. Google Calendars allows multiple calendars to be shown in the same view. The default view I link to from the new website is called the <a href="http://strl.info/calendar.html">agenda view</a>. This displays all the events in chronological order (starting with today) and the events are color coded by library.  You can select or deselect libraries to show only your events or show events for the entire system. You can also toggle between a monthly view which will display all the events side by side, or a weekly view. Clicking the event will open it up and display more information such as the time it takes place and a short description. Google Calendar also lets you send email invitations about an event without having to share your entire calendar. Recipients can post responses (this is great if you have a program where people need to make reservations) and we can add reminder buttons on the website by using s HTML snippet in the post.  If you are curious about how to add events I&#8217;ve posted <a href="http://libwebredesign.wordpress.com/documentation/">instructions</a> on the documentation page of this blog.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/114/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/114/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/114/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=114&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/14/google-calendar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/calendar2.jpg?w=300" medium="image">
			<media:title type="html">calendar2</media:title>
		</media:content>
	</item>
		<item>
		<title>Tags</title>
		<link>http://libwebredesign.wordpress.com/2008/10/13/tags/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/13/tags/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 00:05:23 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Blog Terminology]]></category>
		<category><![CDATA[categories]]></category>
		<category><![CDATA[tags]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=110</guid>
		<description><![CDATA[As I mentioned in my previous post, categories and tags are just different ways to organize your content.    The best way to think of tags, is to view them as keywords that you attach to a piece of content (ex. &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/13/tags/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=110&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>As I mentioned in my <a href="http://libwebredesign.wordpress.com/2008/10/12/categories/">previous post</a>, categories and tags are just different ways to organize your content.    The best way to think of tags, is to view them as keywords that you attach to a piece of content (ex. posts or photos).  While categories are predefined, tags are spontaneous and &#8220;free-form”.  Another way of saying this, is that there is no formal restriction on what tags you attach to something.   You make up your tags on the fly based on the content of the post you just finished writing.  Ttags can come from key words or themes found in your post.</p>
<p>Tags are something <span style="text-decoration:underline;">given to a post</span> while posts are <span style="text-decoration:underline;">assigned to a category</span>.   The category already exists before (usually) you write the post and tags are created after you write the post.   Of course, one can create more categories but in general most people think categories should be few in number.  Tags can be many.   Many being 75 per post.   It is possible that the more tags you create the easier it is for someone to find your content.  Creating a lot of categories however, usually results in overcategorization.  You find a lot of people in forums talk about &#8220;de-cluttering&#8221; their blog because of something called <a href="http://en.wikipedia.org/wiki/Wikipedia:Overcategorization">category clutter</a>.</p>
<h3>Examples of how tags can be used</h3>
<p>Some examples of popular web services that make good use of tags are <a href="http://www.flickr.com/photos/tags/">Flickr</a>, and <a href="http://delicious.com/tag/">De.licio.us</a>.  If you visit our Flickr (photosharing site) page you&#8217;ll notice that we have tagged our photos.  Flickr is built around tagging.  By assigning tags to your photos it makes it easier for people to find them.  Not only this, it also makes it easier for you to find other related photos.  The photo of our <a href="http://www.flickr.com/search/?w=26349260%40N05&amp;q=readingtorover&amp;m=tags">Reading to Rover</a> program has four  tags: therapy, dogs, library, and readingtorover.  You can search for it on our photostream by typing in any of these tags.  Additionally, you can also click a tag and find all related photos posted on FLickr which other people tagged <a href="http://www.flickr.com/photos/tags/readingtorover/">readingtorover</a>.  </p>
<p>One popular method of displaying tags on a site is the tag cloud.   Tag clouds are simply visual depictions of tags created by users.  The tags in a cloud are all hyperlinked and assigned weights.  Weights would be the number of times the tag was used.   Tags used more often are gven more weight and this is either represented by the tagbeing a larger font-size or it could be bolder.</p>
<p>Ann Arbor District Library uses a <a href="http://www.aadl.org/sopac/tagcloud">tag cloud</a> for items appearing in their catalog.  These are items which were tagged by their patrons.   Because the font-size of items in their tag cloud is proportional to how many times the word was tagged it is easy to see cut through the clutter of information.   For example, just by looking at Ann Arbors tag cloud you can tell very quickly that users are tagging the Science Fiction books a lot more than say books on travel.  For the users its a way to discover new books to read which have been suggested by other patrons.</p>
<p>There are many ways tags are used.  For example, tags are used in social bookmarking sites such as <a href="http://delicious.com/tag/">De.licio.us</a>.   Here people tag their favorite bookmarks and share them with others.  There are other social bookmarking sites out there such as  <a href="http://www.furl.net/">Furl</a>,  and <a href="http://sourceforge.net/projects/scuttle/">Scuttle</a>.   Some public libraries such as Thunder Bay have used this idea to share their list of <a href="http://delicious.com/tbpl">reference links</a>.  </p>
<p>To sum up, the basic idea behind &#8220;tagging&#8221; your content is that it gives people a way to quickly find similiar information.  You can not only see all the different tags people use to describe their content it also allows you to find similiar items marked with the same tags.</p>
<h3>What did you just learn?</h3>
<ul>
<li>Categories are planned</li>
<li>Tags are spontaneous</li>
</ul>
<ul>
<li>Categories help classify content</li>
<li>Tags help you share the content</li>
</ul>
<ul>
<li>Relations between categories are more hierarchical (tree like)</li>
<li>Relations between tags are more network like</li>
</ul>
<ul>
<li>Categories provide an structure for your blog</li>
<li>Tags can be internal or external (shared)</li>
</ul>
<p>Really the difference between the two just comes down to how you use them.  Typically, category systems are structured and you choose categories with idea in mind to have as little overlap as possible.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/110/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=110&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/13/tags/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>
	</item>
		<item>
		<title>Categories</title>
		<link>http://libwebredesign.wordpress.com/2008/10/12/categories/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/12/categories/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 17:20:50 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Blog Terminology]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=43</guid>
		<description><![CDATA[There are two basic ways you can choose to organize blog posts.  These are (1) by using categories and/or (2) using tags.  Some people use one, some the other, and some use both.  For now I will discuss categories and &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/12/categories/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=43&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>There are two basic ways you can choose to organize blog posts.  These are (1) by using categories and/or (2) using tags.  Some people use one, some the other, and some use both.  For now I will discuss categories and later I&#8217;ll discuss tags.  I&#8217;ll discuss some of the differences between the two and provide some examples of how each is used.  When you get to the stage where you are posting this will make a lot more sense.  At some point down the line I will be offering some training classes for those of you who want to post.  We still need to work out who will be allowed to post and who even wants to.  Regardless, I think this topic should still prove helpful.    </p>
<p>Our blog&#8217;s layout is designed using categories which determine how our &#8220;post content&#8221; is presented.  That is, the two basic types of content we have on the blog are &#8220;post content&#8221; (blog posts) and &#8220;page content&#8221;.  Page content is all the static information that doesn&#8217;t change much (ie., genealogy page, literacy page, outreach, etc&#8230;).   When you create a post you&#8217;ll need to assign it to a category.  At the same time, you will also have the opportunity to assign your post a tag, or you can give it several tags.  In fact, you can go crazy with tagging since you are allowed to give each post up to 75 tags!  </p>
<p>So what are categories and tags?  A lot of people confuse the two.  Let&#8217;s delve into this topic by discussing categories.</p>
<h3>What are categories?</h3>
<p>At some point in school do you remember learning about the animal kingdom?  This is a taxomnomy created by zoologists to group together &#8221;like life forms&#8221;.  The taxonomy organizes all life so that organisms conveniently fall into different categories.  The fact that this is a &#8220;predefined system&#8221; helps since anytime you encounter a four legged creature with hoofs and a mane you could fit the animal into the proper classification:  &#8211; “Animals -&gt; Vertebrates -&gt; Mammals -&gt; Horses”.    Each of the terms is a category and they fall into a strict structure.</p>
<p>In order to provide a structure for our post content, and make it easier for our visitors to &#8220;discover content&#8221; (navigate) our site we can categorize our posts.  Categories house all of our sites information (post content).  They give you information about the post, and they group together similar posts about a topic.  Just like the zoologist&#8217;s taxonomy does.  They are also &#8220;predefined&#8221;.  You write a post and it falls into a category, just like the horse falls into it&#8217;s taxonomy.   Categories determine how information is presented on the blog.    </p>
<h3>But what do you mean by how information is presented?</h3>
<p>Right now our blog has 19 categories.  There are 7 major ones we use.  When you visit the main page you are presented with: adult programs, children&#8217;s programs, genealogy, literacy, reader&#8217;s corner.  The other 2 major categories are: headline and featured.</p>
<p style="text-align:left;">If you look at the post <span style="text-decoration:underline;">Authors of Mystery and Horror</span> you will notice it is located at the top of the page under the category <strong>Headline</strong>.</p>
<p style="text-align:left;"><a href="http://libwebredesign.files.wordpress.com/2008/10/headline_article1.jpg"><img class="aligncenter size-full wp-image-132" title="headline_article1" src="http://libwebredesign.files.wordpress.com/2008/10/headline_article1.jpg?w=500" alt=""   /></a></p>
<p style="text-align:center;">
<p style="text-align:left;">Why?  That is because the post was assigned to this category (by me).  The post <span style="text-decoration:underline;">National Day of the Cowboy</span> is located in the <strong>Featured</strong> section of the page because is was assigned to the category <strong>featured</strong>.</p>
<p style="text-align:left;"><a href="http://libwebredesign.files.wordpress.com/2008/10/featured_article.jpg"><img class="aligncenter size-full wp-image-133" title="featured_article" src="http://libwebredesign.files.wordpress.com/2008/10/featured_article.jpg?w=500" alt=""   /></a></p>
<p>You are allowed to assign multiple categories to a post.  So, for example both posts were also assigned the category <strong>children&#8217;s programs</strong>.  If you click the <strong>childrens programs</strong> link in the &#8220;Browse Categories bar&#8221; you&#8217;ll see these two posts will be listed together along with all the other posts assigned to this category.  Did you follow that?   On the main page they are located in <span style="text-decoration:underline;">two separate places</span> (1) headline and (2) featured.   But, in another part of the site &#8220;children&#8217;s programs&#8221; they are <span style="text-decoration:underline;">grouped together</span>.</p>
<p>This is an important concept.  Posts can &#8220;live&#8221; in multiple places on the site.  Assigning them a category of <strong>headline</strong> will cause the post to appear on the front page in the Headline section where it will live until a newer article is published.   After that, it will only be located with the other <strong>childrens programs</strong> articles. </p>
<h3>What you just learned</h3>
<ul>
<li>Pages are not assigned categories.</li>
<li>Pages are static.</li>
<li>Posts are assigned categories.</li>
<li>Categories determine the presentation of content on the blog.</li>
<li>Categories are predefined.</li>
<li>Posts can have multiple categories.</li>
<li>Some areas of the webpage are assigned to certain categories</li>
<li>Where the post shows up on the page depends upon the category you assign the post</li>
</ul>
<p>Next I&#8217;ll talk about tags, the difference between the two and put all of this together.  Thanks for reading!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/43/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/43/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/43/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=43&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/12/categories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/headline_article1.jpg" medium="image">
			<media:title type="html">headline_article1</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/featured_article.jpg" medium="image">
			<media:title type="html">featured_article</media:title>
		</media:content>
	</item>
		<item>
		<title>Pages and Posts</title>
		<link>http://libwebredesign.wordpress.com/2008/10/11/pages-and-posts/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/11/pages-and-posts/#comments</comments>
		<pubDate>Sat, 11 Oct 2008 04:16:18 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Blog Terminology]]></category>
		<category><![CDATA[content elements]]></category>
		<category><![CDATA[pages]]></category>
		<category><![CDATA[posts]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=39</guid>
		<description><![CDATA[The site under development is a WordPress blog.  A blog is a type of Content Management System which  consists of pages and posts.  When writing to a blog you can do two things: write a post, or write a page.  Posts &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/11/pages-and-posts/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=39&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The site under development is a WordPress blog.  A blog is a type of <a href="http://en.wikipedia.org/wiki/Content_management_system">Content Management System</a> which  consists of pages and posts.  When writing to a blog you can do two things: write a post, or write a page. </p>
<h3>Posts</h3>
<p>Posts are the principle element (content) of the blog.  In fact, without posts you would not have a blog.  Posts are temporary.  They are just like journal entries published within the blog.  Blogs display posts in reverse chronological order (i.e. the last post added appears first).  A post will always be added to the main page of the blog.   Another feature of posts is that they can be categorized while pages cannot.</p>
<h3>Pages</h3>
<p>A page holds content which exists outside the chronological order.   They are permanent.  When you create a page, a link to that page is added to the navigation section of the website.  Pages typically hold information which would not be expected to change so much (i.e., contact information, or information about the blog).  A page is viewed when a navigation link is clicked on the blog.   It is not viewed in search results, categories, or archives.  Pages also do not appear on the blogs feed.  Like posts, pages can be commented upon, but unlike posts they cannot be categorized.</p>
<h3>I still don&#8217;t understand</h3>
<p>If you aren&#8217;t following this don&#8217;t worry.  If you&#8217;ve never blogged before it would be difficult to understand the distinctions until you post something yourself.   Here is a short video which explains the topic: <a href="http://wordpresstraining.com/videos/blogging/creating-content-in-wordpress-posts-vs-pages/">Creating Content in WordPress: Posts and Pages</a>.   WordPress also provides a nice treatment of the topic in their <a href="http://codex.wordpress.org/Pages">Codex</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/39/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=39&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/11/pages-and-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>
	</item>
		<item>
		<title>New Menu</title>
		<link>http://libwebredesign.wordpress.com/2008/10/11/new-menu/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/11/new-menu/#comments</comments>
		<pubDate>Sat, 11 Oct 2008 04:15:16 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Design Elements]]></category>
		<category><![CDATA[navigation menu]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=33</guid>
		<description><![CDATA[Something that you will notice right away upon visiting the site, is the navigation bar which features a drop down menu.  With the exception of Home each of the menu items has it&#8217;s own drop down sub menu which appears &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/11/new-menu/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=33&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Something that you will notice right away upon visiting the site, is the navigation bar which features a drop down menu.  With the exception of <strong>Home</strong> each of the menu items has it&#8217;s own drop down sub menu which appears as soon as you hover your mouse over the item.</p>
<p>&nbsp;<br />
<div id="attachment_129" class="wp-caption aligncenter" style="width: 410px"><a href="http://libwebredesign.files.wordpress.com/2008/10/menu3.jpg"><img class="size-full wp-image-129" title="menu3" src="http://libwebredesign.files.wordpress.com/2008/10/menu3.jpg?w=500" alt="Drop Down Menu"   /></a><p class="wp-caption-text">Drop Down Menu</p></div></p>
<p>&nbsp;<br />
After you make a selection the page will open and the sub menus disappear.  You will be able to tell which page you are on because each page has it&#8217;s own page heading.   <strong>Above</strong> the page header are <a href="http://en.wikipedia.org/wiki/Breadcrumb_trail">breadcrumb links</a> which show the path you took to arrive at the page.  <strong>Below</strong> the links is the page header.</p>
<p>&nbsp;<br />
<div id="attachment_127" class="wp-caption aligncenter" style="width: 410px"><a href="http://libwebredesign.files.wordpress.com/2008/10/pageheader1.jpg"><img class="size-full wp-image-127" title="pageheader1" src="http://libwebredesign.files.wordpress.com/2008/10/pageheader1.jpg?w=500" alt="Genealogy Page Header"   /></a><p class="wp-caption-text">Genealogy Page Header</p></div></p>
<p style="text-align:center;"><a href="http://libwebredesign.files.wordpress.com/2008/10/pageheader.jpg"></a></p>
<p>&nbsp;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=33&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/11/new-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/menu3.jpg" medium="image">
			<media:title type="html">menu3</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/pageheader1.jpg" medium="image">
			<media:title type="html">pageheader1</media:title>
		</media:content>
	</item>
		<item>
		<title>Accessibility tools</title>
		<link>http://libwebredesign.wordpress.com/2008/10/10/accessibility-tools/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/10/accessibility-tools/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 21:57:43 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=20</guid>
		<description><![CDATA[One of the goals I have is making sure the site is accessible for people with disabilities.   As everyone knows ADA rules state that library buildings and services must meet the needs of all people.  For our buildings that &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/10/accessibility-tools/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=20&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>One of the goals I have is making sure the site is accessible for people with disabilities.   As everyone knows ADA rules state that library buildings and services must meet the needs of all people.  For our buildings that means removing any architectural barriers that exist by installing handrails, ramps, accessible furniture , wheelchair accessible parking, restrooms etc&#8230;.</p>
<p>In terms of websites we are also required to make them accessible to all people in accordance with <a href="http://www.access-board.gov/sec508/guide/1194.22.htm">section 508 standards.</a> If you are interested in reading more I would suggest you take a look at <a href="http://www.jimthatcher.com/webcourse1.htm">Jim Thatcher&#8217;s</a> site which provides a really nice overview and <a href="http://www.web-accessibility-tutorial.com/">tutorial</a> on how to ensure your site is accessible.</p>
<p><a href="http://libwebredesign.files.wordpress.com/2008/10/contrast1.jpg"><img class="alignleft size-medium wp-image-23" title="contrast1" src="http://libwebredesign.files.wordpress.com/2008/10/contrast1.jpg?w=300&#038;h=180" alt="" width="300" height="180" /></a>I just found <a href="http://www.librarylaw.com/ADAWebpage.html">Minow&#8217;s</a> article which is dated but does remind me of the need to add descriptive text to all the alt tags.  WC3 provides a great list of <a href="http://www.w3.org/WAI/ER/tools/complete">evaluation tools</a>.   I began by running the <a href="http://www.accesskeys.org/tools/color-contrast.html">AccessKeys</a> color tool to check the contrast between color brightness between text and background colors.   I thought we would pass 100% since the theme is black and white but the test showed that we need to change the light blue color we&#8217;re using for the heading tags.    I&#8217;ll be using this tool again.</p>
<p><a href="http://libwebredesign.files.wordpress.com/2008/10/contrast.jpg"><br />
</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=20&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/10/accessibility-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>

		<media:content url="http://libwebredesign.files.wordpress.com/2008/10/contrast1.jpg?w=300" medium="image">
			<media:title type="html">contrast1</media:title>
		</media:content>
	</item>
		<item>
		<title>Why redesign? Why this blog?</title>
		<link>http://libwebredesign.wordpress.com/2008/10/10/why-a-new-web-design/</link>
		<comments>http://libwebredesign.wordpress.com/2008/10/10/why-a-new-web-design/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 16:32:09 +0000</pubDate>
		<dc:creator>libwebredesign</dc:creator>
				<category><![CDATA[Blog Terminology]]></category>
		<category><![CDATA[Design Elements]]></category>

		<guid isPermaLink="false">http://libwebredesign.wordpress.com/?p=4</guid>
		<description><![CDATA[Our library web page is currently undergoing a redesign. My intention with the blog is to give you a heads up, keep you updated on the project, and to ask for your input. While this is still under development, now &#8230; <a href="http://libwebredesign.wordpress.com/2008/10/10/why-a-new-web-design/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=4&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Our library web page is currently undergoing a redesign.   My intention with the blog is to give you a heads up, keep you updated on the project, and to ask for your input.  While this is still under development, now is a great time for all of us to think about what features we would like to see on our website.</p>
<h3>Why do we need to change it?</h3>
<p>Back in August, I attended a program on <a href="http://www.georgialibraries.org/lib/gold/ggugc2008/docs/room%20R/web_redesign2.ppt">web redesign</a>.   One of the comments Darin Givens made which reasonated with me, was his belief that when he started designing his library&#8217;s website that he would someday get to the stage where he was finally finished.   Like him, I too once held this same belief.   But, as it turns out what he realized instead was that redesigning a website is an ongoing process.   Because technology never stops changing one will never be done.   You just have to try and keep pace with new developments.</p>
<p>Right now the buzz is all about Web 2.0 and we need to be taking advantage of all that it has to offer.  There are a lot of great features that we can&#8217;t currently offer to our patrons.   One of these being syndicated content, which is number 5 on Hynchcliffe&#8217;s <a href="http://web2.socialcomputingmagazine.com/ten_ways_to_take_advantage_of_web_20.htm">Ten Ways to Take Advantage of Web 2.0</a>.</p>
<blockquote><p>[excerpt]&#8230;&#8221;users on the Web, particularly the early adopters and influential users, are using browsers <em>less and less</em>, and information aggregators like RSS feed readers <em>more and more</em>.  Advice: Make sure your web site offers its content up as feeds or Web services. If you don&#8217;t offer, you will be an island unto yourself &#8220;</p></blockquote>
<p>IMHO our new site also really needs to invite user participtation and we need to incorporate some interactive features.  To give some examples, this means letting our patrons forward posts to friends, receive RSS feeds from the library about upcoming events, allow users to post comments about books they checked out, and possibly adding <a href="http://neen1.wordpress.com/2007/10/13/web-20-tool-review-instant-messaging-with-meebo/">MEEBO</a> so people can chat with a librarian.</p>
<p>For the library staff, the big change would be to allow multiple staff members to post content to our site.   Karen Coombs, explains in her article <a href="http://www.infotoday.com/cilmag/jan07/Coombs.shtml">Building a Library Web Site on the Pillars of Web 2.0</a> the goal at her library was to decentralize control of their site so that staff could update content.  I&#8217;d like to do the same thing here.   The details of this we would still need to work out.  This is an interesting article and I&#8217;d encourage you to take a look at it.</p>
<p>This blog is here to better communicate with all of you about the design plus give you a chance for input in the  process before we go live.  So, if you want to learn more about how the project is developing and offer your feedback, suggestions and general comments then you are in <span style="color:#003300;"><span style="text-decoration:underline;"><em><strong>the right place!</strong></em></span></span>.</p>
<p>I&#8217;ve posted an <a href="http://www.polldaddy.com/s/E8C72F2E5A9C1FAD/">online survey</a> which I hope everyone will take some time to complete.   I&#8217;ll also be posting  documentation on the blog as I go, so you can peruse that also if you are so inclined.  Please take some time and give an opinion, comment, or suggestion&#8230;  Thanks for reading!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/libwebredesign.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/libwebredesign.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/libwebredesign.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=libwebredesign.wordpress.com&amp;blog=5133431&amp;post=4&amp;subd=libwebredesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://libwebredesign.wordpress.com/2008/10/10/why-a-new-web-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/c91f4902d08457a2c9c81b3662f91253?s=96&#38;d=monsterid" medium="image">
			<media:title type="html">libwebredesign</media:title>
		</media:content>
	</item>
	</channel>
</rss>
