Course materials

You are responsible for reading and/or viewing course materials before class of the designated week (exceptions made for week 1). Additional readings are listed in the course syllabus. Lectures will be posted at the end of each section, generally after class.

jump to: wk1 - wk2 - wk3 - wk4 - wk5 - wk6 - wk7 - wk8 - wk9 - wk10

wk1: Getting started

Web Page Basics, by E.Corse
What is a webpage? | Why does the file look different sometimes? | How can I open it in the text editor? | How can I view it in a browser? | Where should I store my webpage file?
Web Publishing Basics, by E.Corse
Setting up your dunx1 account | How can I publish my file(s)? | What is the procedure for FTP’ing with SSH? | Viewing published file(s) | Trouble-shooting
find your classmates' blogs at the ProfCorse wiki
the official "Skills Assessment: Blogging" assignment must be submitted via Bb, but here are the main instructions.
PowerPoint slides of lecture (pdf)

jump to: wk1 - wk2 - wk3 - wk4 - wk5 - wk6 - wk7 - wk8 - wk9 - wk10

wk2: Web 2.0

ALA Tech Source articles from Bb Course Materials
The Machine is Us/ing Us. An almost-famous YouTube video from Mike Wesch, a cultural anthropologist from Kansas State University.
Hanly, Beverly. "Public Library Geeks Take Web 2.0 to the Stacks." Wired Magazine (3/29/07), http://www.wired.com/culture/education/news/2007/03/learning2_0. (accessed March 28, 2009).
ELI "7 things" are quick, useful overviews of Web 2.0 technologies. This is a small selection, arguably of most use to librarians, in pdf format:
- blogs
- Flickr
- wikis
- Wikipedia
- Facebook
- Twitter
- YouTube
Wikispaces help wiki. Please read at least the intro section and "editing a page."

jump to: wk1 - wk2 - wk3 - wk4 - wk5 - wk6 - wk7 - wk8 - wk9 - wk10

wk3:

XHTML page with declarations and char encoding
The following text (between but not including the asterisks) is a good starting point for hand coding transitional XHTML. Remember to check your markup with the W3 HTML Validator.
*****
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled</title>
</head>

<body>

</body>
</html>
*****
Accessibility links & resources
- Danielson, Chris. "National Federation of the Blind and Target Agree to Class Action Settlement." Braille Monitor. (2008, October), http://www.nfb.org/images/nfb/Publications/bm/bm08/bm0809/bm080915.htm. (accessed March 28, 2009).
- W3C Web Accessibility Initiative. (2006). WAI Resources on Introducing Web Accessibility. Retrieved October 2007, from http://www.w3.org/WAI/gettingstarted/Overview.html
  [Please read all 3 sections: Introduction, Essential Components, Quick Tips]
Evaluating websites
- Evaluating content:
  Beck, Susan. (1997). "Evaluation Criteria." The Good, The Bad & The Ugly: or, Why It’s a Good Idea to Evaluate Web Sources. Retrieved April 2009, from: http://lib.nmsu.edu/instruction/evalcrit.html
- Evaluating websites, by E.Corse
Color on the web
- Colors on the Web: color theory for web designers
  Includes excellent brief explanations, plus the Color Wizard tool (if you use the wizard, please remember to vary saturation, tint, and shade to get needed contrast). Also has a page of pre-selected color palettes.
- WebReference "Colorizer" tool
  Quickly preview color combos for web page.
- Hype's "Color Specifier"
  This extensive color chart could be a starting place. Please don't use the color names in your HTML; they will not work on all browsers.
- snook.ca "Colour Contrast Check"
  Very important to ensure readability of text-on-background color combos, but please note that this tool isn't foolproof--use common sense and real-people reactions! Also, remember red-green color blindness.
- RGB Hex Triplet Color Chart by Doug Jacboson, hosted at USF.
PowerPoint slides of lecture (pdf)

wk4:

copyright & plagiarism readings
- DU Libraries: Copyright and Fair Use FAQ
- DU Libraries: Plagiarism
- UC, Irvine: Copyright Guidelines—pay special attention to the "rules of thumb" for digital images
- Video and Copyright: ALA Library Fact Sheet Number 7
PowerPoint slides of lecture
- full slides with working links (pdf)
- printable handout with 3 slides per page (pdf)

wk5:

PowerPoint slides of lecture
- full slides with working links (pdf)
- printable handout with 3 slides per page (pdf)

wk6:

PowerPoint slides of lecture
- printable handout with 3 slides per page (pdf)

wk7:

site management reading (see Blackboard "Course Materials")
navigation reading
- Powazek, D. (2006, August 8). "Where Am I?" A List Apart: For People Who Make Websites. Retrieved 10/8/07, 2006, from http://alistapart.com/articles/whereami/
PowerPoint slides of lecture
- printable handout with 3 slides per page (pdf)

wk8:

some online pages on background images
- general tips on background images from Squidoo
- from Assault Blog: tutorial for creating a seamless background from a repeating abstract image
  demonstrates use of offset filter and clone stamp in Photoshop
- advice from Adobe on reducing the size of a large photo to use as a web page background (pdf)
- Squidfingers offers free background patterns (please attribute)
PowerPoint slides of lecture
- printable handout with 3 slides per page (pdf)

wk9:

PowerPoint slides of lecture
- printable handout with 3 slides per page (pdf)

wk10:

student presentations