Web Standards - Colorado College

Section Links

Other Links





CC WEB STANDARDS


I. Production Process

Below are the planning documents that should be created during the production process, particularly by outside vendors, so that CC has a very good idea of the scope and content of each project.

A. Content Outline/Tech Spec
B. Site Budget
C. Site Map
D. Home Page/Section Storyboards
E. Two/three design directions
F. Beta Site
G. Final site

II. Scripting Language/Databases/Plug-Ins

A. Consultants

All outsourced work must meet the following criteria:

1) ASP code base must be used
2) Database implementation must be Access and have a migratory path for MS SQL
3) Front-end content management must be provided either by web page design or training utilizing supported tools

B. ASP (Active Server Pages) or ASP.net is preferred for campus authors.

C. Cold-fusion/PHP

ColdFusion will be supported until conversion for our site can be completed. PHP will be provided to allow those constituencies who have developed PHP sites and wish to be hosted here at Colorado College. Sites utilizing these languages will lose their ability to be hosted under the www.coloradocollege.edu domain.

D. Databases

Until a central SQL database can be created, support for the following technologies will be allowed:

1) Access ODBC
2) MySQL (PHP support only)

E. Web Authoring Tools

Tools supported for all Colorado College’s web authors will be Macromedia DreamWeaver or Microsoft FrontPage. Support for alternate editors will be for code-editing support only.

F. E-Commerce

VeriSign Payflow Link will be the preferred method for e-commerce hosted on CC web servers. All other methods must be hosted off-campus.

G. File-Naming Conventions

File names should be lower-case, no spaces. Image files for external site (section home pages, navigation buttons) should follow same format as the others.

H. Title tags and sublevel page title tags

CC | Site section is sufficient: "CC | Athletics ".

I. Plug-ins

If users need plug-ins to view site content, provide a link to the site to download it.

III. Navigation

A. Global

If the site content is part of materials for “external” audiences, site authors must utilize CC global navigation on all pages. If part of the internal site, ie. department pages, use of the global navigation is encouraged minimally for the home page, if not all key sections.

B. Footer

A footer with contact information must be listed, along with e-mail address for contacting authors/web master of content. CC logo can also lead back to external home page.

C. External site left-navigation graphics

External pages should all feature the blue/dark blue side navigation bar. For help adding buttons see this file.

IV. Content

A. Accuracy and timeliness

Web authors are responsible for accuracy and timeliness of their content. All sites should be copy-edited and fact-checked. Each department or office that publishes information is responsible for maintaining content. Ownership information must be clearly labeled and linked so inquiries on published documents can be directed properly.

B. Archiving/Deletion of files

Pages that are obsolete or redundant will be deleted after authors are contacted. This refers primarily to external site content, not faculty/course pages. Faculty members are responsible for checking the accuracy of their pages and for confirming that links are still valid. A single point of contact for each department should be selected to alleviate confusion on content accuracy.

C. Advertisement

No advertisement from outside the college will be allowed for posting.

D. Copyright

Site authors are responsible for the copyright of site materials. Each page should have a link to the CC copyright policy:

The following statement is provisional, pending an official statement by the Colorado College Information Technology Policy Group.
Unless otherwise stated, the web pages on the domain coloradocollege.edu are copyrighted by their authors or by Colorado College. This copyright extends to, but is not limited to, the text, images, data, and graphic design of these web pages.

For use that goes beyond the simple downloading, viewing, listening to, or making a limited number of copies in any format for personal non-commercial use, please contact the author of the web page for permission.

E. Privacy policy

We have one for ITS that kind of covers this area and perhaps should be reviewed and modified by the WOB: http://www.coloradocollege.edu/its/pdf/usepolicy.pdf

F. Hyperlinks

All links to outside sites must appear in a new browser window. CC reserves the right to remove links to inappropriate outside sites

G. Personal pages

Personal pages of faculty, staff and students should be clearly labeled as such so that visitors can distinguish between official publications from the College and unofficial documents. A disclaimer should be listed on the welcome page. CC’s Web site will not be a vehicle for the purpose to abuse, threaten (individually or collectively), or violate state or federal laws.

Disclaimer: Content posted by individuals and students reflect their own perspective, interests and activities. These postings do not implicitly or explicitly represent official positions and policies of CC. Individual authors assume responsibility for the content.

H. Email newsletters

CC site authors that wish to send out e-mail newsletters must include Subscribe/Unsubscribe Information with every email.

Alternative text and/or a link to a web page is advised for e-newsletters.

V. ADA Compliancy

All web pages listed under CC must adhere to the following basic guidelines to assist individuals with disabilities:

- Navigational elements must be descriptive. If a graphic is used for navigational purposes, the graphic must include an alt-tag description.

- All images must include an alt-tag description

- No frames should be used.

- All tables used for layout must contain the summary="for layout only" tag

- Nested tables can’t go beyond three levels deep

- Provide text summaries for graphs and charts

- Identify document language

- Provide text equivalents to all multimedia: animation, audio and video.

(More information can be found here:

http://www.access-board.gov/sec508/e-learning.htm

VI. Video and Audio

A. Streaming media

Due to limited bandwidth, streaming media on all public web servers are not allowed.

B. Audio/Video Encoding

Real Player – Encoding standards will be Windows Media, QuickTime or Real Media. It will be up to the author to purchase the required encoder. Encoded materials are limited to a maximum 64kbps stream.

VII. Site Design

A. Page Dimensions

The CC site is designed to a fixed width of 780 pixels wide, and the height will vary from page to page.

B. Typography

The Navigation font is Arial, 10px, all caps. Headers are Art Type and are also Arial, 10px, all caps. (They are part of the yellow bars.) The HTML body text is Arial, 12px. Subheads within the body text are set in Arial and are Bold. Intro text on the third and fourth levels is HTML, but it is blue and is 14px.

C. Navigation

Left navigation bars are tables with a blue normal state, dark blue hover (rollover) state. For information on incorporating the navigation bars into custom designs see this page.

D. Logos
Please see http://www.coloradocollege.edu/logos to download logo files and maps.

E. Section Home Images

The single top image is 663 pixels wide by 201 pixels high. The font for the caption is Bell Gothic, 24 point. The file name should follow this convention: sectionname_home_toppic_number.jpg.

For the home page sections with three images, each image is 220 pixels wide by 200 pixels high. The file name is section_home_toppic_number.jpg

H. Links

Please refer to the style sheet, CSS/default.css

link: arial, sans-serif; font-size:12px; color:#577291
visited link: arial, sans-serif; font-size:12px; color:#DF9B24
hover state:arial, sans-serif; font-size:12px; color:#577291; underline

I. Standard page templates

A copy of the template can be found in the Web Authors folder. If you wish to utilize the template, please refer to the Web Authors tutorial.

Web Authors Home