Web Publishing Curriculum Resources
Recommended software for these workshops:
Plain Text Editor (shareware)
|File Transfer Software||SSH Secure File Transfer
Note: unless otherwise indicated, all software is either part of your computer's operating system or available on the free Duckware CD-ROM.
- Workshops on Demand
- Instructor-Developed Materials
- HTML Language Summary
- Cascading Style Sheet Summary
- Anatomy of a URL
- Images on Web Pages
Guidelines for Good Practice
One of the things that distinguishes a great web developer from a so-so one is the attention paid to accessibility, usability, and clean code. These are a few web sites to get you started.
- Web Authoring Good Practice Guide: words of advice from the University of Edinburgh's Computing Services
- WCAG in Haiku: a very clever presentation of the Web Content Accessibility Guidelines
- HotWired Style: Principles for Building Smart Web Sites: embrace the medium, know your code, be bold, and more
Campus Web Publishing Support
Once you leave our workshops, you're not necessarily on your own. There are a few campus resources available to provide support for your web publishing efforts.
- Technology Service Desk: a library and information resource center at the University of Oregon for the UO community; has books, magazines, newsletters, and videos available for checkout and also supports UO Blogs based on WordPress.
- Campus Computing Labs: staff can answer questions related to using the software (text editors, file transfer, web editors), and basic questions about HTML
- CMET Consulting: provides web publishing assistance to faculty and GTFs
Where To Go for More Information
There are many, many, many resource web sites available. Below is a very selective list of sites suitable for novice to intermediate web developers.
- Builder.com: one of the C|Net sites, Builder.com has tons of goodies for the web developer; check out their Cool Tools, Stupid Web Tricks, Tag Mania, and Web Shui columns, or start with the Basics in their How-To Library
- Cascading style sheet resources and tutorials from House of Style, HTML Writers Guild, Index DOT CSS, Web Design Group, Webreference, and Webreview (see their excellent browser support comparison chart)
- Copyright Website: award-winning site by Benedict O'Mahoney, a lawyer specializing in copyright and intellectual property issues
- HTML 4 Entities
- HTML Goodies: primers, tutorials, and more
- HTML Writers Guild: the largest association of Internet professionals; offers tons o' resources for web developers
- Internet Related Technologies: articles, tutorials, FAQs, etc.
- Killersites.com: web design tutorials, templates and web designers resources
- Web Design for Librarians: "a selection of practical web design techniques, advice, and hints"
- Web Design References: a nice collection of resources on all aspects of web development, from the Information Technology Systems & Services folks at University of Minnesota
- Web Style Guide: techniques for employing cascading style sheets in layouts and typographic design
- The Web Standards Project: "Our mission is to stop the fragmentation of the web, by persuading browser makers that standards are in everyone's best best interest. Together we can make the web accessible to everyone." 'nuff said
- WebMonkey: tutorials on all aspects of web development, as well as resources targeted at Beginners, Builders, and Masters (very graphics-intensive, so use it with a fast connection)
- Website Tips for Designers: annotated links to a wide range of design resources, with particularly good coverage of color, including charts, color blindness, and the psychology of color
- World Wide Web Consortium: the ultimate authority on all things HTML and beyond
These are just a few examples of the thousands of books, webzines, and columns concerning web design and development. We've assembled a few of the best ones for you. The focus is on web resources, but we've found a few good books that meet the test of time and obsolescence (at least so far).
- ProQuest Information and Learning - Safari Books Online
- The Alertbox: Current Issues in Web Usability: bi-weekly column by Jakob Nielsen that provides insight into the web and its users sign up to receive an email reminder each time a new issue is published
- Art and the Zen of Web Sites: good advice for web developers; also see The Tao of Web Sites, Dear Webby ("advice to the pagelorn"), and Stupid Web Tricks
- Cascading Style Sheets: The Definitive Guide by Eric A. Meyer (O'Reilly, 2000): the first two chapters are essential reading; the third is highly recommended read it, then try it. Also recommended: Eric Meyer on CSS: Mastering the Language of Web Design (New Riders, 2003): through 13 projects shows you how to make the most of CSS
- Chunky Soup: how-tos and opinion pieces on web development
- DigitalWeb Magazine: "the web designer's online magazine of choice"
- A List Apart: weekly webzine "for people who make websites," brought to you by Jeffrey Zeldman, web publishing guru
- The Non-Designer's Web Book by Robin Williams and John Tollet (Peachpit Press, 1998): a bit dated now, but still a favorite it's entertaining, it's easy to read, and it's chock full of examples
- TFM: "explores anything that affects how a Web site communicates with its readers/visitors. Emphasis is on usability and accessibility and may include site reviews, book reviews, and technology reviews. The point of view is not how did they do that? but WHY did they do that?"
- Usability and HTML Forms by Andrew Starling: "Nobody likes forms. Most people associate them with taxes, immigration, bills, hospitals, and other unpleasant aspects of life. If you can avoid forms altogether on your Web site, so much the better. Unfortunately they're sometimes essential....So at least minimize their annoyance by making your form easy to use. Good usability will also help to improve your form completion rates."
- Web Navigation: Designing the User Experience by Jennifer Fleming (O'Reilly, 1998): approaches web design from the user's point of view, providing wisdom from web design industry notables and plenty of great examples
- Web Page Design for Designers: developed from the point of view of a print turned web designer - check out the browser grid that helps you design for different monitor resolutions
Software, Utilities, and Services
Tools to make your web development a whole lot easier, faster, and/or better.
- CSS Validation Service: brought to you by the W3C download and install it or use it online
- Dreamweaver: professional web development software, from Adobe; free 30-day trial; available from the UO Bookstore at a substantial discount (educational pricing) [Windows, MacOS]
- GoLive: professional web development software, from Adobe; free trial available; available from UO Bookstore [Windows, MacOS]
- HTML-Kit: free, full-featured web development environment validates your code and has a number of plug-ins that extend the capabilities of the software [Windows]
- HTML Tidy: essential desktop tool for cleaning up bloated code (such as that created by Microsoft Office's "Save as HTML" feature), fixing HTML errors, and validating your code. Windows users can install TidyGUI for a more user-friendly interface. [Windows, MacOS]
- HTML Validation Service: checks your web pages to see that they use valid HTML code
- Web Developer toolbar: an addon for Firefox 2.0 that adds a range of useful developer tools. This is one of many addons for Firefox designed to support web publishers.