Session 1: Planning a Web Design
Art and Zen of web sites: Tony Karp of TLC Systems Corp clearly outlines the basics of web publishing. (1999)
Design Principles for Interactive texts: a fun-to-use interactive text on the effective design of interactive texts for education. (2001)
Anatomy of a web site: A visual breakdown of key elements of a web site. At the bottom of the page there is a link to an annotated example. (1999)
Developing a Course: A University of Washington educational activity which outlines steps in developing a course online. (1998)
Web Design Guidelines: This information provided by IBM is most valuable for novice and intermediate level Web designers, but contains tips and other information that may also be useful to more experienced designers.
Design Principles for Web Design: GUI and Web Standards and Guidelines prepared by the Weinschenk Consulting Group. (1998)
Guidelines for Designing a Good Web Site for ESL Students: This site lists key points that should be considered generally when designing a web site. (2000)
First Principles : The following principles are fundamental to the design and implementation of effective interfaces. (2001)
Website Checklist: Nine elements for a Successful site. (2001)
Process Guide for Design and Development of Distance Learning Courseware: A a brief overview of the development phases for courseware and multimedia by Houck & Associates.(2001)
Logical User Centered Interaction Design: LUCID (Logical User Centered Interaction Design) is a methodology framework for managing the design and testing of the software user interface.
Rules for Good WBT (Web Based Training) Design: Design tips specifically aimed for training development online.
The Foundations of Web Design: a three lesson course by Jeffrey Veen, founding member of Adaptive Path, a user experience consultant group.
The Sevloid Guide to Web Design: Tips for preparing for efficient post launch maintenance.
Maintenance type questions provided by IBM help us to anticipate some of the post launch tasks to prepare for.
Session 2: Choosing and Using Web Design Tools
WebPage Tools: Helpful sites for building, maintaining and navigating web pages. (1998)
A Beginner's Guide to HTML : This is a primer for producing documents in HTML, the hypertext markup language used on the World Wide Web. (2000)
Building Web Pages: HTML Editors: A discussion on the advantages and disadvantages of using HTML editors. (2001)
Netscape Composer: An Introduction to Netscape Composer web document authoring tool.
RIT Libraries: A Netscape Composer tutorial: Steps to creating a web page using Netscape Composer. Please ignore the second to last section on setting permissions.
Netscape's Composer: This document is designed to be an introduction to building web pages with Netscape Composer.
Dreamweaver 4.0 Discussed: An overview of the features and advantages of Macromedia's Dreamweaver 4.0 by netwebly.com. (2001)
From Concept to the Web with Dreamweaver: A ZDNet's Help & How-To session on Macromedia's Dreamweaver. (2001)
Dreamweaver Viewlets: SitePoint offers some viewlet tutorials for several "how to" tasks using Dreamweaver. (2001)
More Dreamweaver Viewlets: My Biz Mall offers some Dreamweaver tutorials in viewlets created using Viewlet Builder. (2001)
Session 3: Content Control
Structuring your web site: Some design tips from IBM on how to structure your site.
Visual Layout and Elements: More design tips from IBM on visual layout of content.
Writing effective Web pages: some rules: Joe Landsberger outlines web writing basics: what to do and NOT to do. (2000)
Using text effectively on the web: Some tips from IBM on making text readable on the web.
Using Fonts on the Web: Webmonkey provides some useful hints, tutorials and resources related to the use of fonts on the web. (2001)
Fonts in Web Design: Everything you need to know about using fonts in Web design including how to gain control over your text and what your visitors will see. (2001)
Character Formats: Character formats available in Netscape Composer.
Navigation: 24 links to articles and tips on creating effective navigation on your web site. (2001)
Navigation tips from IBM: A short but useful list of navigation design guidelines.
Hyperlinks: What are they and how do you create them using Netscape Composer. (2001)
Absolute vs Relative hyperlinks: Absolute links are good to use when you are linking to a resource over which you have no
control. Absolute links contain all the information about a given location to get there from anywhere on the internet. (undated)
Session 4: Image Elements
Web Graphic Formats: This article reviews the differences between the main popular graphic formats used on the Web. (1998)
Graphic resources galore!: ABC Giant offers graphic resources and more. (1998)
Net Resources: More web related resources and information. Scroll down for a reference to image optimization. (2001)
Optimizing Your Images: Why and how tips from Webmonkey for improving the effectiveness of Images on your web site. (2001)
Reducing Graphic Size to Reduce Loading Time: A short tutorial on a technique that will enhance user friendliness. (2001)
Browser Safe Colour Palette: Although a little outdated, this article discusses some of the challenges one might consider when using colour on the web. (1997)
Using Colour on the Web: Eight simple steps to get you started on the effective use of colour on the web. This page contains some worthwhile links at the end of the list of hints. (2001)
Other suggestions about Using Colour on the Web: Colour use guidelines and specifying your own colours.
Software for creating and enhancing Images: This page list a number of companies that offer software for creating and modifying images. (2001)
What is copywrite?: Cancopy explains the Canadian Copywrite law in layman terms. Note the section on digital media.
The Canadian Intellectual Property Office: CIPO administers the intellectual property system in Canada and disseminates IP information. (2001)
Other resource categories to consider:Session 5: Putting the Pieces Together
Useability testing for Web Sites: Although not specifically aimed at learning web sites, most of the considerations are relevant to any web development including educational sites. (1995)
Testing Web Sites: A checklist of 8 elements to check before publishing your web site.
Tools for Authoring Pages: Handy tools for validating your web page. (2000)
Bobby: Bobby is a free service provided by CAST to help Web page authors identify and repair significant barriers to access by individuals with disabilities. (2000)
Improve your Site: For a fee, Netmechanic offers several tools for your web site. (2001)
Publishing to the Internet using Netscape Composer: General steps to follow when using Netscape Composer to "publish" to the Internet.
What is FTP?: File Transfer Protocol (FTP), a standard Internet protocol to exchange files between computers on the
Internet is explained.
Putting your site on the Internet: Using WS FTP: A guide to using WS FTP for sending your web files to a server.
The Sevloid Guide to Web Design: Tips for post launch maintenance.
Maintenance type issues raised by IBM help us to anticipate some of the post launch tasks to prepare for.
Web Guidelines developed by IBM examines Final Testing tasks in detail.
Session 6: Evaluating Web Design
Assessment and Rubric Information: Kathy Schrock's guide on several aspects of creating and using rubrics for assessment when facilitating on the Internet. (2001)
One approach to evaluating an Educational Web Design: In order to share only the best applications, Blue Web'n filters their database with the help of the following evaluation rubric. Make any sense for us in eTL 800?
Doctor HTML v4: Doctor HTML is a Web page analysis tool which retrieves an HTML page and reports on any problems that it finds.
How to Browser Test Your Web Pages: Here are steps to take to avoid being betrayed by the other browser - whichever one that may be.
W3C Tools for evaluation and repair of Web sites. (2000)
File managementFirst draft prepared by Lucie Dutfield
Library maintenance
Needs Analysis