Hampden-Sydney Home PageHampden-Sydney Computing Center
Friday, March 12, 2010
 WEBPAGE STANDARDS

Basic Requirements

College design rules require banner image, left navigation, and footer to be used consistently across all www.hsc.edu pages. The second or third column on a page is left to the design of the individual or department. Contact the webmaster or the Web Oversight Committee for further information.

Page Size

  • 720 pixels wide
  • 3-column:  140  380  180
  • 2-column:  140  570 

Colors

  • H-SC Red:  #660000
  • H-SC Gray:  #cccccc

Filenames

  • All lowercase (Internet is case sensitive)
  • .html file extension
  • no spaces in filenames

Images

  • .jpg or .gif file extensions (.gif best for line art, .jpg best for more variations in colors)
  • all lowercase filenames
  • no spaces in filenames
  • standard 72 dpi medium quality
  • may increase dpi & quality but at increased download time
  • maximum width 570 pixels on two column page
  • maximum width 380 pixels in center column on 3 column page
  • maximum width 170 pixels in right column on 3 column page

Link Colors

  • link="#660000"
  • alink leave to default
  • vlink leave to default

Top Design Criteria for web usability

  • accurate up-to-date information
  • interactivity
  • fast to download
  • easy to navigate

 

 HELPFUL LINKS

Web Server Account Instructions

  • Content Editors for www.hsc.edu
    Any faculty or staff member may request an account to edit departmental web content on the College website. Use the request form and have it signed by the appropriate supervisor. Using appropriate web design standards as listed above is required.
  • Web Server Logon Procedure

FrontPage Tutorials

Tutorials from H-SC Instructional Technology

   TEMPLATES

  Template files are available for the H-SC design:

  • template-3-column.html
  • template-2-column.html

Contact the webmaster
for copies of the files.


   SSI CODE SOURCE

Banner Images:

/images/banners/dept.jpg

Replace 'dept' with the appropriate name.

Footer:

/nav/footer.ssi

   JAVASCRIPT CODE
Left Navigation:

/nav/home/home.js (main homepage left nav)

/nav/homex/homex.js (extended left nav under dept. nav)