Topics:

• Course introduction
• HTML review: about HTML, tags, lists, tables, images, image maps, frames, Unix help
• Lab exercise

What's due:

• (nothing)

What's coming up:

• brush up on your HTML
• start thinking about clients
• if you wish to drop the class, remember that drop forms are due to the Registrar by Friday (Jan 15) for a 100% refund

UITS STEPS workshops

Reading:

• Benda, G. Debate - WYSIWYG: a Web Designer's Dream. Sitepoint.
• Burns, J. So You Want A Client-Side Image Map, Huh?
• Gugliuzza, M. Debate - Hand Coding: the Ultimate Freedom. Sitepoint.
• alt.html. Frequently asked questions: Why are frames so evil?
• Korpela, J. Using inline frames (iframe elements) to embed documents into HTML documents.
• Sullivan, D. Search engines and frames. SearchEngineWatch.
• Castro 1 (web page building blocks), 2 (working with...), 3 (basic structure), 4 (basic formatting), 5 (images), 6 (links), 15 (lists), 16 (tables), 22 (debugging pages), 23 (publishing pages to the web), 24 (getting people to visit)
• Additional reading

Related classes:

• S512 - Design of Information Systems
• S556 - Systems Analysis and Design
• S643 - The Information Industry (E-Commerce)

Topics:

• XHTML
• Lab exercise

What's due:

• (still nothing)

What's coming up:

• Start looking for a client

UITS STEPS workshops

Reading:

• Peck, N. XHTML Web Design for Beginners - Part 2. Sitepoint.
• Hunt, L. A preview of HTML 5
• Sharp, R. HTML 5 demos.
• Unknown. Choose your own HTML 5 adventure.
• Google. Youtube HTML 5 demo.
• Neuberg, B. Introduction to HTML 5 by a Google developer (42 minutes long)
• Castro 3 (basic XHTML structure), 18 (embedding multimedia in pages)
• Additional reading

Topics:

• CSS: Introduction and style
• Lab exercises

What's due:

• (nothing)

What's coming up:

• (nothing)

UITS STEPS workshops

Reading:

• 37Signals. Contingency Design: Maximizing Online Profitability By Helping Customers When Things Go Wrong. White Paper.
• Andrew, R. Style Web Forms Using CSS. Sitepoint
• Katz, M.A, and Byrne, M.D. (2003). Effects of Scent and Breadth on Use of Site-Specific Search on E-CommerceWeb Sites. ACM Transactions on Computer-Human Interaction, 10(3), 198-220.
• Lindgaard, G., Fernandes, G., Dudek, C. and Brown, J. (2006). Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology. 25(2), 115-126.
• Castro 7-10 (stylesheet building blocks, stylesheet files, defining selectors, formatting with styles), 21 (non-English characters)
• Teague 1-3 (intro, fonts), 8 (lists)
• Additional reading

Topics:

• Intermediate CSS
• Lab exercises

What's due:

• (nothing)

What's coming up:

• Project Brief

UITS STEPS workshops

Reading:

• Hall, M. CSS Positioning. Brainjar.com.
• Manno, F. CSS Image Maps.
• W3Schools. CSS Positioning Properties
• Castro 11-14 (layout with CSS, dynamic effects with CSS, CSS for handhelds, CSS for printing)
• Teague 4-7

Topics:

• Advanced CSS2, CSS3 preview
• Lab exercises

What's due:

• Project Brief

What's coming up:

• Resume with XHTML Strict and CSS

UITS STEPS workshops

Reading:

• Pemberton, S. Advanced CSS.
• Nicholls, S. CSS-only drop-down menu
• CSS3.info. CSS3 previews.
• CSS3 PIE (CSS3 support for IE 6-8)

Topics:

• Information Architecture (charts: 1, 2)
• Lab exercise

What's due:

• Resume in XHTML Strict with CSS styles

What's coming up:

• (nothing)

UITS STEPS workshops

Reading:

• Bogaards, P.J. Info Design / Arch Deliverable Schemas
• Garrett, JJ. ia/recon. jjg.net
• Morville, P. (2003). International Information Architecture. Semantic Studios
• Story, G. Never Get Involved in a Land War in Asia (or Build a Website for No Reason). A List Apart.
• Wodke, C. Boxes and Arrows: Defining Information Architecture Deliverables
• Additional reading

Related classes:

• S503 - Organization and Representation of Knowledge and Information
• S515 - Information Architecture

Topics:

• Web project management
• Lab exercises

What's due:

• (nothing)

What's coming up:

• Requirements Analysis

UITS STEPS workshops

Reading:

• Danzico, L. Case Studies. Bobulate: An IA Portfolio.
• Fletcher, D. and Brookman, A. (2002). Making Joining Easy: Case of an Entertainment Club Website. American Institute of Graphic Arts
• Fox, C. (2001). PeopleSoft.com Case Study: Enterprise Information Architecture. Adaptive Path.
• Lippell, H. (2005). The ABCs of the BBC: A Case Study and Checklist. Boxes and Arrows.
• Parrish H. and Danzico, L. (2005). Customer Storytelling at the Heart of Business Success. Boxes and Arrows.
• Rampoldi-Hnilo, L. (2005). Uncovering Users In Your Own Organization. Boxes and Arrows.
• Shumacher, A. Cheaper Over Better: Why Web Clients Settle for Less. A List Apart.
• Additional reading

Related classes:

• S551 - Management of Libraries and Information Centers
• S552 - Academic Library Management
• S553 - Public Library Management

Topics:

• Accessibility (guest lecture by the IU Adaptive Technology Center)
• Lab exercises

What's due:

• Requirements Analysis

What's coming up:

• (nothing)

Reading:

• Cynthia Says: accessibility checker
• Aborla validator

• Londergan, M. "Web Accessibility Evaluation". IU Adaptive Technology and Accessibility Center.
• Clark, J. Building accessible websites: How do disabled people use computers?. Building Accessible Websites
• Deshpande, Y., Chandrarathna, A. and Ginige, A. (2002). Web Site Auditing: First Step Towards Re-engineering. Proceedings of the 14th international conference on Software engineering and knowledge engineering.
• Dumas, J.S., and Redish, J.C. (1999). A practical guide to usability testing. Chapters 2 and 3
• Frog review: Ticketmaster
• Heimlich, J.E. and Wang, K. (1999). Evaluating the structure of web sites. Environmental Education and Training Partnership. The Ohio State University Extension.
• Hellman, C. 10 Reasons Clients Don't Care About Accessibility. Digital Web Magazine
• Information and Design. Web Evaluation materials.
• Morris, B. Managing Commercial Web Sites. Web Developer's Journal
• Nielsen, J. (2003). Usability 101.
• Nielsen, J. (2010). Horizontal Attention Leans Left.
• Rosenfeld. L. (2004). Information Architecture Heuristics.
• Seeman, L. Designing Web Sites to be Disability Friendly
• W3C. (2005). Evaluating Web Sites for Accessibility: Overview. Web Accessibility Initiative.
• WebAim. (2005). Creating accessible tables.
• Additional reading

Related classes:

• S516 - Human-Computer Interaction
• S561 - User Interface Design for Information Systems
• S661 - Concepts and Contemporary Issues in HCI
• S662 - Interface Design for Collaborative Information Spaces

Topics:

• Graphic design
• Lab exercises

What's due:

• (nothing)

What's coming up:

• Solution Definition

Readings:

• GNU Image Manipulation Program (GIMP, for raster graphics)
• Inkscape (for vector graphics)
• Aviary (proprietary, web-based image manipulation tools)
• Quark (makes the most common proprietary software for high-end page layout)
• Adobe (makes many proprietary raster and vector graphic manipulation and page layout tools; Adobe InDesign is Quark's main competitor)
• Wacom tablets
• HP Indigo printing presses
• "Graphic Designers". Occupational Outlook Handbook, 2010-11 Edition. Bureau of Labor Statistics.
• "Job descriptions for graphic designers". design: talkboard.
• Web Design & Development Guide
• "Style and Design directory". Open Directory Project.
• Coyier, C. "CSS Sprites: What They Are, Why They’re Cool, and How To Use Them"

Related classes:

• S603 - Web Graphics workshop
• Art Librarianship Specialization and Master of Library Science
• Art History (Master of Arts) and Master of Library Science
• STEPS workshops

Topics:

• Intro to Web programming
• Programming basics
• Lab exercises

What's due:

• Solution Definition

What's coming up:

• (begin project work)

UITS STEPS workshops

Reading:

• Graham, P. Hackers and painters.
• Wikipedia. Comparison of programming languages. (Python, PHP/Perl, Java/JSP, JavaScript/ActionScript, Ruby, and C#/ASP are currently the most popular Web programming languages)
• perl.org (the language we are using today, also used in S517)

Related classes:

• S511 - Database design
• S517/S603 - Web programming
• S534 - Information Retrieval: Theory and Practice
• S603 - PHP workshop
• S603 - XML workshop
• S604 - Digital humanities
• S604 - Semantic Web
• S652 - Digital libraries
• S656 - Information Technology Standardization
• CS A548 - Mastering the World Wide Web (can be taken for SLIS credit, but need at least a semester of programming beforehand)
• Other A500-level courses in CS

Topics:

• HTTP and CGI
• Forms
• PHP
• Lab exercises

What's due:

• (nothing)

What's coming up:

• (continue project work)

UITS STEPS workshops

Reading:

• W3Schools. The form <label> element
• Burns, J. So You Want a Form, Huh?
• Hickson, I. Web Forms 2.0 Working Draft. 2 January 2006.
• Klopfenstein. B. Forms Tutorials
• Piperoglou, S. Tutorial 13: Giving Form to Forms Webreference.com.
• W3C. HTML 4.01 Specification: 17 Forms. W3C Recommendation.
• Web Diner Inc. Web Diner Forms Tutorial
• PHP Manual
• W3Schools. PHP forms
• W3C. XFrames
• Castro 17 (forms), 19 (scripts)

Related class:

• S603 PHP workshop

Topics:

• JavaScript & the DOM
• DHTML
• Wilton-Jones, M. Javascript tutorial - DHTML
• Lab exercises

What's due:

• (nothing)

What's coming up:

• Resume with CGI form & DHTML
• (continue project work)

UITS STEPS workshops

Reading:

• W3C Javascript reference (least difficult)
• Mozilla Javascript reference (more difficult)
• Javascript DOM reference (most difficult)

• Sowden, P. Alternative Style: Working With Alternate Style Sheets.
• Codetoad. Home > DHTML > Navigation
• DexEx.com. (2000). JavaScript QuickStart: What Is JavaScript? Jupitermedia
• Web Developer's Virtual Library. Authoring Javascript
• Gardner, D. DHTML Intro Tutorial. HTMLcenter.com
• Kyrnin, J. Dynamic HTML Guide picks
• W3Schools.com. DHTML Tutorial.
• Weiss, A. An Introduction to Dynamic HTML (DHTML). IDM Web Development
• Teague 9-11, 14-16 (Techniques), 17 & 18 (Layout and navigation)
• Castro 20 (taste of javascript)
• Additional reading: Javascript, DHTML

• Google O3D (the current upper limit of JavaScript)
• Phillips, A. (2009). The last of the Dashkin. Newgrounds.com. (the current upper limits of Flash, 11MB)

• Learn Flash. Adobe Developer Connection.
• Newgrounds Flash tutorials (warning: juvenile content)
• Learning ActionScript one-on-one. Adobe Developer Connection.
• FlashDevelop (an open-source Flash code editor)

Topics:

• Domains, hosting, and CMSs ... oh my
• Lab exercises

What's due:

• Resume with CGI form & DHTML

What's coming up:

• (continue project work)

Reading:

• Warren.com, a "parked" domain
• WHOIS lookup
• Godaddy domain registration and hosting
• 1&1 domain registration and hosting
• Scared Rabbit, a local hosting company
• Netcraft hosting provider server performance chart
• IU KB: maximum Internet connection speeds
• OpenSourceCMS.com, live CMS demos
• Google Analytics
• LAMP software stack
• Microsoft IIS

Topics:

• XML basics
• Lab exercises

What's due:

• (nothing)

What's coming up:

• Project fair

Reading:

• Inkscape (open-source SVG editor)

• W3C. RSS 2.0 specification.
• W3Schools. RSS tutorials.
• W3C. Scalable Vector Graphics.
• W3Schools. SVG tutorials.
• Castro 25 (RSS and podcasting)

• Project fair
• Course evaluations

• Final project due by 11:59:59pm (US Eastern Time)
• Thanks very much for taking this class!