This Printable PDF File Is Provided Just for Resting Your Eyes and Checking Details
Total Page:16
File Type:pdf, Size:1020Kb
This printable PDF file is provided just for resting your eyes and checking details. Please do not use this workbook to work from directly. Use the Web-accessible activities, lectures, overheads, and readings. They are always more current. DO NOT click on the links in the PDF as they will not work. Click from the Web Site only. LIS590lwl: Web Design & Construction for Organizations Summer 2008 - Syllabus Instructor: Diane K. Kovacs - Contact Information: 9a-5p EDT on weekdays only. I am Di Wind in Second Life and you may find me on Facebook and LinkedIn as well. Office Hours: 10:00a-Noon CDT on weekdays. My office is in Brunswick, Ohio. We can speak on the telephone, via e-mail, or chat online. AIM & Yahoo: SaintsMrsDi, MSN & Google: see email addresses above. E-mail for appointment at other times. In-person Meeting Date: Tuesday 6/10/08 - 9:00a-4:00p CDT: (tba but probably LIS 52, 501 E Daniel St.) Live Online Meeting Times: Tuesdays (6/17. 6/24, 7/1, 7/8, 7/15, 7/22, 7/29) 6:15-8:15 p.m. CDT, 7:15-9:15 p.m. EDT, 5:15-7:15 p.m. MDT, 4:15-6:15 p.m. PDT Course Schedule - Course Description - Course Materials - Assignments - Grading - HTML/Web Skills Survey Course Description: This course focuses on the basics of web site design, content development, HTML programming, procedures and policies for organizations, with a concentration on public, academic and special libraries. Students will investigate and design a representative site. Course will also examine management strategies including web site editors, redundancy and archiving. Credit Hours: 4 GR hours By the end of this course, you will be able to: Plan and design a Web site for Usability and Accessibility for selected users/groups. Do some simple Usability Testing Understand and apply Web Standards Use a text editor or Dreamweaver 8.0 to create usable, accessible, and interesting Web pages. You may use FrontPage or other html editor if you already know what you are doing with it. Use external CSS layout to design highly accessible navigation and menus. Trouble-shoot XHTML, CSS, and Browser compatibility problems. Read the code. Use the graph paper. Create basic forms Use free-Javascripts to add functionality and design accessible navigation and menus Make good choices for designing with multi-media, specifically Quicktime, Flash, and screen capture tools. Develop basic Web site contents for selected users/groups including some review of social Web tools (Web 2.0), multimedia, and content management systems (CMS). Understand the strengths and limitations of CMS's including systems requirements and costs. Understand the basics of information architecture, archiving, and maintenance issues in Web design. Students will end the course with a completed Web site plan, design, and at least three Web pages that illustrate how the design will be implemented, maintained and will allow for minimal usability and accessibility testing. These pages must also be validated XHTML 1.0 transitional (or strict) with external cascading style sheets. Class Format: The class will be a combination of online meetings, e-mail with your teacher, Laboratory activities, readings, and projects - see Assignments above. We will work in Moodle at UIUC GSLIS LEEP online. Course Materials: Many of the readings and all of the laboratory activities and assignments for the course are online, but a majority of the readings will be from the Required Materials listed below. Required Material: Graph Paper for laying out CSS design. Freeman, Elizabeth and Eric (2005). Head First HTML with CSS & XHTML. O'Reilly. ISBN: 0-596-10197-X Niederst, Jennifer (2006). Web Design in a Nutshell , 3rd Ed. O'Reilly. ISBN: 0-596-00987-9 Meyer, Eric (2007). CSS Pocket Reference, 3rd. Ed. O'Reilly. ISBN 10: 0-596-51505-7 | ISBN 13:9780596515058 (9.99 list price) Recommended Strongly: Bickner, Carrie. (2004) Web Design on a Shoestring. New Riders Publishing: Boston ISBN 0-7357-1328-6 Norman, Donald (any edition). The Design of Everyday Things. Assignments*: Class Participation - 100 points Laboratory Activities (10) - 400 points Usability Testing - (2 sites) -50 points Validating Accessibility - 50 points Course Project Portfolio (4 Parts) - 400 points Grading: Grading will be done based on a points system. At the end of the term, the points earned by each student for participation (150 points), laboratory activities (400 points), and the course project (450) points will be totaled and final grades will be assigned according to the following system: 970-1000 C+ 770-799 A+ A 920-969 C 720-769 A- 900-919 C- 700-719 B+ 870-899 D+ 670-699 B 820-869 D 620-669 B- 800-819 D- 600-619 F Below 600 *Due Dates are on each individual assignment page and on the schedule. wd - Summer 2008 - Schedule LIS590lwl: Web Design & Construction for Organizations Schedule June 10-July 9 (August 3), 2008 June: Week 1 - Week 2 - Week 3 - July: Week 4 - Week 5 - Week 6 - Week 7 - Week 8 Live Online Meeting Times: Tuesdays (6/17, 6/24, 7/1, 7/8, 7/15, 7/22, 7/29) 6:15-8:15 p.m. CDT, 7:15-9:15 p.m. EDT, 5:15-7:15 p.m. MDT, 4:15-6:15 p.m. PDT - In-person Meeting Date: Tuesday 6/10/08 - 9:00a-4:00p CDT: (LIS 52, 501 E Daniel St.) June Week 1. Tuesday 6/10/08 - 9:00a-4:00p CDT: (LIS 52, 501 E Daniel St.) In-person Meeting Date: User Centered Design- Needs Analysis and Design Planning - Review of HTML/XHTML (XHTML Standards) In-person Meeting Agenda 9:00a - 10:30a Introductions and Course Introduction Review Course Project Portfolio Clients 10:45a - Break 11:00a Lecture Overheads: 11:00a - Noon User Centered Web Design Introduction Research-Based Web Design and Usability Guidelines Sorting Tool. - http://www.usability.gov/pdfs/chap.html Plan First: Needs Analysis, User Identification Worksheet Design Next: Style, Colors, Fonts, Layout and Navigation Worksheet Noon-1:00p Lunch 1:00p-2:00p HTML/XHTML Basic Concepts W3C's XHTML 1.x standards 2:00p-2:30p Information about W3C's Markup Validation Service 2:30p-2:45p Break 2:45p-4:00p Laboratory Activity 1. Fingerpainting: HTML/XHTML Basics Required Readings Head First HTML with CSS & XHTML Chapters 1-5 (read thoroughly) W3C's HTML standards Home Page - http://www.w3.org/MarkUp/ - Read through the whole page please. Make sure you understand the current status of both the XHTML 1.x and HTML 4.01 standards. Browse for Awareness: Part I: The Web Environment - Web Design in a Nutshell - Chapters 1-6 HTML and XHTML Overview - Web Design in a Nutshell - Chapter 8 Document Structure - Web Design in a Nutshell - Chapter 9 Text Elements - Web Design in a Nutshell - Chapter 10 Laboratory Activities: Laboratory Activity 1. Fingerpainting: HTML/XHTML Basics - 50 points - 06/17/08 Recommended Readings (Week 1) Week 2. Tuesday 6/17/08 - 6:15p-8:15p CDT: Online Meeting: Introduction to Web Design and CSS Basics - Subscribe to Web4Lib and/or Wisewomen - Course Project Portfolio Clients Lecture Overheads: CSS (Cascading Style Sheets) External Stylesheets Basic Concepts "CSS from the Ground Up" - http://www.wpdfd.com/editorial/basics/index.html Required Readings: Head First HTML with CSS & XHTML Chapters 6-9 NASA Usability Engineering Team Design Guidelines (ppt) - http://webmasters.gsfc.nasa.gov/presentations/usability.ppt was http://www.grc.nasa.gov/WWW/usability/textfontcss.html "CSS from the Ground Up" - http://www.wpdfd.com/editorial/basics/index.html "Web Pages that Suck - Learn Good Design by Looking at Bad Design" - http://www.webpagesthatsuck.com/ (browse some of the articles that interest you) Laboratory Activities: Laboratory Activity 2. Create and Validate an XHTML 1.0 Web Page - 50 points - 06/24/08 Laboratory Activity 3. Adding a Cascading Style Sheet (CSS external) for Layout of your XHTML 1.0 Web Page - 75 points - 06/24/08 Recommended Readings (Week 2) Week 3. Tuesday 6/24/08 - 6:15p-8:15p CDT: Online Meeting: Web Site Design Best Practice? Consensus? - Typography, Color and Graphics - Working with a Client - Final Selection of Course Project Portfolio Clients - CSS Lecture Overheads Web Site Design Survey -http://phnk.com/design/survey CSS (Cascading Style Sheets) External Stylesheets Basic Concepts Plus Laboratory Activities: Laboratory Activity 4. Adding a Cascading Style Sheet (CSS external) for Style, Colors, Fonts for your XHTML 1.0 Web Page - 75 points - Due 7/1/08 Part 1. Needs Analysis & Design Plan Due 7/1/08 Required Readings: Web Site Design Survey -http://phnk.com/design/survey Process - Web Style Guide - Pay special attention to the Planning and Specification sections - http://www.webstyleguide.com/process/index.html "Before You Start - How to Nail Down a Proper Brief" on Web Page Design for Designers- http://www.wpdfd.com/editorial/wpd0800.htm Note: You will need to scroll down the page to read this article by Joe Gillespie "How to Plan and Conduct an Interview" - http://saulcarliner.home.att.net/id/interview.htm Real World Style: A three legged stool - Provides a nice overview of the approach taken in the course: (a) learn to code well, (b) use cascading style sheets to control - http://realworldstyle.com/stool.html The Psychology of Color - http://www.pantone.com/pages/pantone/Pantone.aspx?pg=19382&ca=29 Color Psychology Basics - http://coe.sdsu.edu/eet/Articles/wadecolor/start.htm Text, Fonts, Readability - http://www.grc.nasa.gov/WWW/usability/textfontcss.html Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles - http://hubel.sfasu.edu/research/AHNCUR.html Color, Contrast & Dimension in News Design - http://www.poynterextra.org/cp/index.html Browse to familiarize yourself with: Web Graphics Overview - Web Design in a Nutshell - Chapter 28 GIF Format - Web Design in a Nutshell - Chapter 29 JPEG Format - Web Design in a Nutshell - Chapter 30 PNG Format - Web Design in a Nutshell - Chapter 31 Animated Gifs (Browse) - Web Design in a Nutshell - Chapter 32 Recommended Readings (Week 3) July Week 4.