MENU

UMKC Web Policy, Requirements and Recommendations

Branding

Every official UMKC page must include the standard university header and footer.

Header

The official UMKC mark appears in the upper left hand corner of the university header on all official UMKC pages and cannot be altered. The mark is in the official UMKC Web colors with the letters “U,” “M,” “K” and “C” in RGB (R 0, G 102 and B 204) and Hexadecimal #0066cc. The flame of knowledge on top of the K is in RGB (R 255, G 204 and B 0) and Hexadecimal ##ffcc00.

This is the official UMKC mark. It should not appear elsewhere on the same Web page.

The mark has a safe area around it, defined as ½ the height of the letter “U” in the mark. No treatments, alterations, affects, visual enhancements, graphics or designs should be used on or near the mark.

The mark is the link back to the UMKC home page. It should not link to any other Web site or pages, including an UMKC school or department homepage.

The words University of Missouri-Kansas City appear below the mark. These words are in the official UMKC Web color RGB (R 0, G 102 and B 204) and Hexadecimal (#0066cc).

Footer

UMKC appears spelled out as University of Missouri-Kansas City in the copyright statement. The acronym UMKC is not used here.

The acronym UMKC is used on the second line in the equality statement.

No changes can be made to the words University of Missouri-Kansas City or UMKC.

Instructions for implementing the header and footer

The use of the header and footer clearly brands the university to all audiences across all UMKC pages and provides consistent navigation. Users will know that they are still on the UMKC Web site and can navigate back to first level pages at any point without getting lost.

There are several ways to incorporate the header and footer into your pages. The first option is the Web Advisory Group's (WAG) preferred method, but due to variables such as dynamic content and hosting location, other options might be necessary.

Using a standard include file

If you are hosting your Web site on one of the servers listed below, there is no need to recreate the header or copy it into your Web site folder. You can use an "include" to pull the header from its central location on the server. Using the standard include file makes updates easier for you. Your files will remain up-to-date even if changes are required by the Web Executive Group.

Web folders with standard includes available >>

Includes are a simple way to tell your web server to insert content from an external file into your page. There are several methods for accomplishing this.

Note: When using server side includes, you will need to post the files to a web server in order to see the header and footer. They will not appear when you preview them in a WYSIWYG editor.

HTML server side includes:
  1. Insert the following code in your page just after the <body> tag:
    <!--#include virtual="/umkc-standards/umkc-header.html"-->
  2. Insert the following code in your page just before the </body> tag:
    <!--#include virtual="/umkc-standards/umkc-footer.html"-->
  3. Save all of your pages with this extension: .shtml
  4. Import the following CSS file into your pages:
    http://www.umkc.edu/umkc-standards/umkc-standard.css
ASP and ASP.net includes:
  1. Insert the following code in your page just after the <body> tag:
    <!--#include virtual="/umkc-standards/umkc-header.html"-->
  2. Insert the following code in your page just before the </body> tag:
    <!--#include virtual="/umkc-standards/umkc-footer.html"-->
  3. Save all of your pages with either .asp or .aspx extensions.
  4. Import the following CSS file into your pages:
    http://www.umkc.edu/umkc-standards/umkc-standard.css
ColdFusion includes:
  1. Insert the following code in your page just after the <body> tag:
    <cfinclude template = "/umkc-standards/umkc-header.html">
  2. Insert the following code in your page just before the </body> tag:
    <cfinclude template = "/umkc-standards/umkc-footer.html">
  3. Save all of your pages with this extension: .cfm
  4. Import the following CSS file into your pages:
    http://www.umkc.edu/umkc-standards/umkc-standard.css

Using the source code

This option is less preferable because it requires that you update your pages when the standard university header or footer are updated. Information about updates will be distributed through the Web Liaisons Group.

To streamline updates, the WAG recommends making your own include file or setting up templates for your site so that updates can be made once and applied to the entire site. More information about templates can be found in the resources column.

Download the UMKC standards >>

The file includes HTML and some Javascript for cross-browser compatibility. The WAG recommends keeping all of these elements grouped together so that updates can be made more easily.