General Guidelines for Authoring Web Pages
The following guidelines are intended to help authors create web sites for departments, services
and special projects here in the Library. We refer to a set of pages as a "web site" and the top
level page as the "home page". The guidelines are broken down into three segments:
Design and Procedural/Technical.
- Every home page should include: name, title, and email address of person or department
responsible for content. E-mail address can be a link from the person's name. Example:
- Date of last revision. [Included in template]
- Full name of unit, document text, address or link to a separate page with detailed formation
so that the source can be determined.
- Title should follow the format: Fogler Library - name of your unit or topic. (The title
is what appears in the title bar at the top of the browser display window.) Example: Fogler
Library-Web and Desktop Publishing Workshops
- Link to the Fogler Library home page. [Included in template]
- Include copyright statement with range of years (eg. Copyright 2000-2004).[Included in
- Indicate restricted access where appropriate.
- Include warning statement(s) if link will lead to large document or image.
- Include "What's New" section or link on home page.
- Avoid browser-specific terminology (for example, "pull down the File menu and select Save").
- The text used for links should make sense as if link were not present, as with a paper copy.
For example, "For assistance with specific information requests, please contact the reference
staff at: http://maine.cb.docutek.com/um/
." instead of: "To ask a reference question, click here."
- Whenever possible, link directly to other sources of information (eg. bookstore hours). Avoid
adding flat content to your page about another department or service. Information is more
likely to be kept up to date and at the very least consistency with the entity directly
responsible for the information is maintained.
- A link to the home page (top level) of the web site. [Included in template]
- A horizontal rule line to set off the credits/contact information at the bottom of web pages
[Included in template]
- Use the xhtml coded template with stylesheet call to provide visual consistency across related
documents (See example template) [Included in template]
- Small graphics consistent with the library logo that identifies all of the documents of a web
- Short (one screen display) and clear home page which includes a table of contents for the rest
of the mini-web site
- Avoid "monster" graphics. Also avoid too many little graphics (keep the size of the graphic
files to under 15K if possible)
- Navigational aids useful to your users ("Return to Top" link, consistent navigation bar, table
of contents, "next/previous" page links for sequenced documents, etc.)
- "Hot buttons" for short cuts to important links. If your page requires considerable
scrolling, place a target bar at the top to quickly point to subareas.
- Minimum text in list items or menus
- Spare use of bold and italic fonts, multiple colors, etc.
- See also University of Maine Policies
- When creating documents, be sure to use descriptive file names, all in lower case
with the extension .htm
- Creation of files first on development within appropriate mini-web at:
- Conformance to XHTML 1.0 standards. Avoid browser-specific
tags (see the NYPL online Style Guide)
- Include alternate text for images on your web pages in accordance with ADA compliance. For
additional universal access coding tips see
University of Maine Web Office: Accessibility.
- Test links before submitting page for uploading to the public server.
- Proofread pages for grammar, punctuation and spelling.
- Validate new pages using the
W3C Validation Service.
- Check finished document in a variety of browsers (eg. Netscape, MS Explorer, Opera) on both PC
and MacIntosh platforms.
- A schedule for revisions and who is ultimately responsible for them.
- Markup language (XHTML) that is readable by future maintainers (ie. liberal use of line
breaks, white space and comments in the source code)
- Low-resolution, small images (also called "thumbnails") in the main document, which link to
higher-resolution, larger images that load separately. The links should indicate the SIZE and
TYPE of the larger image (e.g. 80K JPG graphic). This is useful for art collections, detailed
sketches, etc., allowing users to select the mode that best matches their access parameters.
- Test with primary user groups.
- If using frames, include a link to a non-frame version of your site.
FrontPage web manager and other authoring tool options
Working with Dreamweaver
Return to the top of the page
Created by: Library Staff | Revised: