The many programs and services offered by the University of Georgia are a large part of what makes it one of the world's greatest universities. Thanks to the Web, thousands of visitors are able to experience the wide variety of programs and services that UGA has to offer. To ensure their experience adds to the positive image of UGA, the campus needs to present Web sites that are readily identifiable as part of the university, up-to-date, easy to use and attractive.

This style guide is intended for faculty, staff and students who design Web pages for departments and other official university units. The guide and accompanying templates are intended to provide Web designers with the flexibility to create Web sites that have a unique design while meeting minimum standards for the identity of the university.

Please note the UGA graphic identity is not to be used on personal pages. Specifically, personal pages should not use images, logos, graphics or text found on the university home page or other official pages.

The University of Georgia Web-site Disclaimer Policy
A disclaimer should be placed on all Web pages residing on the UGA Web server, or that otherwise explicitly or implicitly indicate an affiliation with the University of Georgia. Please note that pages that provide OFFICIAL information on behalf of the University are NOT required to affix the disclaimer. The policy, including the specific language of the disclaimer and detailed information regarding the requirement, may be viewed at http://uga.edu/wsdp/

Please review this policy to determine its applicability to any Web site under your control. This particularly applies to any personal sites of students, faculty and staff, as well as those of student organizations. Please note that noncompliant sites are subject to removal from the UGA Web site.

We trust that the policy and explanatory document at the link above will answer your questions. Additional questions may be addressed to wsdp@uga.edu.

Minimum Standards
We strongly recommend that official university Web pages include the following elements:

1. The round UGA monogram
Ideally, the logo should be included on every page; at minimum, it should appear on the site's home page. The logo should link back to the UGA home page. If you choose not to adopt the logo in your design, you must at least reference affiliation with the university by including the words University of Georgia prominently near the top of your home page.
2. An explicit link to the UGA home page (http://www.uga.edu)
You should include somewhere on each page an explicit link to the home page. The link should read either University of Georgia Home or UGA Home. This link can be HTML text or part of a text graphic.
3. Link to school, college or division home page
Departments and offices should provide clear links to the home page of the school, college or division within which they reside.
4. Footer information
Each page should include the following standard footer information:
The e-mail address of the person responsible for maintaining the page and responding user feedback: e.g. Feedback, questions or accessibility issues: webmaster@yourwebsite.uga.edu.
The date the page was last updated: (e.g. Last updated: March 6, 2002).
5. Academic Departments
Academics departments should include all of the following features described above, plus:
• Information for prospective students including links to Undergraduate Admissions and Graduate School admissions
• Information distinguishing undergraduate program offerings (if applicable)
6. Accessible design
University of Georgia web sites can now take advantage of a text transcoder for UGA web pages. In association with the Disability Resource Center and web design experts on campus, EITS has selected and deployed LIFT, a server-based tool from UsableNet Inc., that dynamically generates customizable "text-only" views of Web sites. This moves UGA towards fully accommodating individuals with visual impairments, mobile impairments, and similar challenges regarding equal access and use of UGA Web sites in the same ways as those without these challenges. To make text-only versions of your pages, simply add a new link to your main page. The link could say, for example, "Text-Only Version", and your URL link code would look like this:

http://tt.uga.edu/tt/your_site's_name.uga.edu

Transcoded pages also include a tool section by default, allowing the user to customize the page by changing font size, page colors, and other functions. For more information about Web accessibility visit http://tt.uga.edu/

Template Set
Templates have been developed to meet the standards outlined above and are available for use by any office or department on campus. (They should not be used for personal and other non-official Web pages.) If you use these templates, you may not modify the overall layout of the page. The top, left and footer sections should be used as is (with the exception of editing the local navigation and footer text.) The white area in the center of the template is free to be designed as you see fit.

Originally designed in Dreamweaver MX, these templates provide areas for site navigation (links that show where a page is located within the hierarchical structure of a site), a local search (the search is not functional; you must set up your own search tool) and local navigation (links that show where a page is located within each section of a site).

Templates and/or base .html pages including four versions of the basic page, personal pages for faculty and staff members, a contact page, and a search/site reference page
* baseA-photo.html (and its template version, BaseA-photo.dwt) includes photo area and replaces the section index with a grey horizontal bar
* baseB-photo.html (and its template version, BaseB-photo.dwt) includes photo area and section index
* baseC.html (and its template version, BaseC-table with photos.dwt) includes table format for subject summaries, indexes or category outlines.
* baseD.html (and its template version, BaseD-table without photos.dwt) includes table format for subject summaries, indexes or category outlines.
* contact.html (and its template version, contact.dwt) includes contact page with tables for name (linked to e-mail) and phone numbers, address and mailing info, FAQ area
* personal_pg.html (and its template version, personal_pg.dwt) includes faculty / staff pages with a table for photo, contact and brief bio information.
* search.html (and its template version, search.dwt) includes search, resource and reference page.
* botnav.html: Text-only page which should include sites contact information including phone and Web site information. It is recommended that a feedback link (linking to the site's Web master be included on that page. Botnav.html is a SSI (server-side include). This one .html document is referenced by all the pages in the site so you can write it once and have it appear on the bottom of all the pages in your site.
*top-monogram.html is just the sample monogram bar with instructions on how to customize it for your site.

* Photoshop graphic files to customize and replace the graphic placeholders in the templates
* Images folder: contains generic campus photos and necessary site elements
* CSS style sheets (assets/css/ugastyle.css and assets/css/ugastyleN4.css)
• webstyle.html contains the style guide used for the UGA gateway site

If you need help preparing a version of the monogram bar to meet your specific needs, please contact Publications: University Public Affairs.

Download the templates folder (includes Template folder, all the .html documents mentioned above, style sheets, images and sample photo files for use on pages A & B).
Self-extracting files: [.exe - for PC] [.hqx for MAC]

Download the logo
Some official Web sites will call for unique designs depending upon their function and audience. On sites that do not use either the full or basic template, we strongly encourage use of the UGA logo as an identifying mark somewhere within the design. Ideally, the logo would appear near the top of the page; if the logo is placed at the bottom of a design, we strongly recommend including text at the top of the design that reads University of Georgia since it is important that your office be readily identifiable as a part of the university. (Consider using the global navigation element to accomplish this.)

Note: Select "GIF" for Web use. The file size has been streamlined for fast page viewing. Various formats are available on the logo page for other uses. If you need help preparing a version of the logo to meet your specific needs, please contact Publications: University Public Affairs.

Web-safe Colors
The following are hexidecimal and RGB color values that match the Web-safe colors used in the templates and the Web version of the logo.

Typefaces
We recommend using "Verdana, Arial, Helvetica, sans-serif" for the body text of web pages. In the full and basic template sets, type styles and presentation have been preset by CSS style sheets.

Search
To add Google WebSearch and optional Google SiteSearch to your site copy the following lines of code into your site and your users have full access to a Google search of the web.
Add the URLs you want to search and you can offer Google Free site search as well, making it easy for your visitors to search within your site.
With an additional couple of steps, you can add your logo and customizations to the search results pages. This service can be up and running in five minutes.

<!-- Search Google: UGA Web sites-->
<form method=GET action=http://www.google.com/u/universityofgeorgia>
<font size=-1 face="helvetica,arial,universal"> <br></font>
<font class="FORM" size=-1 face="helvetica,arial,universal">
<input type=text name=q size=25 id=q maxlength=255 value="Search UGA Web sites" onfocus="value=''"></font>
<input type=submit name=sa value="Search">
<input type=hidden name=domains value="uga.edu">
<input type=hidden name=sitesearch value="uga.edu">
</form>
<!-- End Search Google -->

<!-- Search Google: Your department Web site if your department URL is of the form http://www.DEPT.uga.edu/-->
<form method=GET action=http://www.google.com/u/universityofgeorgia>
<font size=-1 face="helvetica,arial,universal"> <br></font>
<font class="FORM" size=-1 face="helvetica,arial,universal">
<input type=text name=q size=25 id=q maxlength=255 value="Search this site" onfocus="value=''"></font>
<input type=submit name=sa VALUE="Search">
<input type=hidden name=domains value="yoursite.uga.edu">
<input type=hidden name=sitesearch value="yoursite.uga.edu"><br>
</form>
<!-- End Search Google -->

EXAMPLE: For Terry College, whose URL is http://www.terry.uga.edu/,
SiteSearchValue = terry.uga.edu
DomainsValue = terry.uga.edu

<!-- Search Google: Search your Department Web site if your department URL is of the form http://www.uga.edu/yoursite-->
This search feature searches only your departmental web site. This option uses only HTML code which can be placed most anywhere within the <body> of your web page.

<form method="get" action="http://www.google.com/u/universityofgeorgia">
<label for="search"></label>
<input type=text id="search" name=q size=25 maxlength=255 value=""><br>
<input type="hidden" name="sitesearch" value="www.uga.edu">
<input type=submit name="sa" value="Search">
<input type=hidden name=domains value="www.uga.edu">
<input type=hidden name="hq" value="inurl:uga.edu/yoursite/">
</select><br>
</form> 
<!-- End Search Google -->

EXAMPLE: For Columns, whose URL is http://www.uga.edu/columns
<input type="hidden" name="sitesearch" value="www.uga.edu">
<input type=submit name="sa" value="Search">
<input type=hidden name=domains value="www.uga.edu">
<input type=hidden name="hq" value="inurl:uga.edu/columns/">

To search one area only of your site, whose URL is http://www.uga.edu/yoursite/area/ then use the following value:HQValue = inurl:vcu.edu/yoursite/folder/

EXAMPLE: For Columns campus news section, whose URL is http://www.uga.edu/columns/campusnews/
<input type="hidden" name="sitesearch" value="www.uga.edu">
<input type=submit name="sa" value="Search">
<input type=hidden name=domains value="www.uga.edu">
<input type=hidden name="hq" value="inurl:uga.edu/columns/campusnews/">

___________________________
Contact Us
University Public Affairs' Online Services staff are available to answer any questions and assist you as you work with this guide and the accompanying templates.