University at Albany, State University of New York
Graphic Standards Home
Web Templates
Academic Departments
Affiliated Centers & Institutes
Non-Affiliated Centers
Non-Academic Departments
Web Template Request Form
Design Elements
Helpful Resources
FAQ
Website Graphic Standards Manual
 


Affiliated Centers & Institutes

(Affiliated with a School or College)

Affiliated Centers & Institutes should use the web templates in the directory "templates_affiliate_centers".

Two Column Sample >>
Three Column Sample >>

FAIL (the browser should render some flash content, not this).

1. Logo/Signature and Global Navigation Banner Area

  • This area contains the University at Albany web logo signature. Affiliated Centers & Institutes should use the logo signature image for their affiliated School or College. (The authorized .gif image is located in the images/signatures directory of the web template files).
  • The School or College UAlbany web signature image must appear across the top of the page using the exact code as implemented in the web templates. In addition, the image should include an alt tag and a link to the School or College home page.
  • There are three global navigation buttons for "UAlbany Home", "UAlbany Site Index" and "UAlbany Search". The code and images should not be altered in any way.

College of Arts and Sciences

2. Page Title / Site Identifier Area

This area serves to further identify the specific site and establish a hierarchy by utilizing the Center name. The same page title should be carried through the entire site. The page title may be customized for your Center name by typing over the text "Center Name" that is listed as a placeholder on the web template files. (Note: This area is optional for Center home page.)

3. Department Left Navigation and Photo Area

  • The navigation area is present on the left section of every page and should include the site's primary navigation including a "HOME" button at the top.
  • The left navigation text may be customized to your site by highlighting the text "LEFT NAV BUTTON" and typing the applicable text over it (Note: Do not type over any of the spaces after the text or you may delete some of the style code). The left navigation includes .css code to produce the correct font as well as a red rollover image when the viewer hovers over the button.
  • The red rollover image should appear on page the user is currently viewing. This is accomplished by applying the ".leftnav_breadcrumb" style to the left navigation cell.

  • For additional organization of the left navigation area there are sub-navigation and sectional navigation button styles available.
  • The photo above the left navigation buttons may be customized to your site and should include an alt tag. The dimensions are 161 x 128 pixels. (The 128 pixel height is flexible but the width must remain 161 pixels to maintain the format of the page).
  • Icons or images may be placed below the left navigation area for additional customization and to highlight programs or special features of your site. Be sure to include an alt tag on any images.

4. Main Content Area

This area contains the main content of the page. Utilize the headings shown in the style sheet documentation to segment the text. The heading at the top of the page should match the left navigation button for that page. Photos, images and color blocks may be included to customize the page and supplement the written material. Photos should be optimized for the web and have a white, 2 pixel border (apply the .wborderfull2px style from the .css). Your department's contact information should be substituted at the bottom of the page.

5. Secondary Content Area (third column - optional)

The UAlbany web templates are available in a two column and three column formats. The optional third column allows for secondary content such as news, announcements, events or additional navigation.

6. Footer Global Navigation Area

The footer area contains links to the University's primary global navigation. The code, text and links in this area should not be altered.

 


Please send questions or comments to: marketing@uamail.albany.edu

Top of page