Style Guide

UConn webmasters and web designers can easily customize their existing webpages to match the design of the University’s homepage and administrative websites. Our simple, step-by-step process will allow you to apply the UConn template to your new or existing webpage.

Before you begin, we encourage you to review the UConn template tutorial below. Doing so will ensure a consistent look and feel for University websites. The template tutorial has been designed to highlight fixed and flexible elements of the UConn template.

The UConn template is best used with Macromedia’s Dreamweaver software. For additional information on template use, contact Mark J. Roy in University Communications at (860) 486-3530.

Contact UITS Web Development Lab for assistance with web design services

Template Tutorial (Select a link to begin)

Navigation Fixed Template Elements Flexible Template Elements Incorrect Navigation Example Correct Navigation Example 1 Correct Navigation Example 2	Color Fixed Template Elements Flexible Template Elements Incorrect Color Example Correct Color Example 1 Correct Color Example 2	Images Fixed Template Elements Flexible Template Elements Incorrect Image Example Correct Image Example 1 Correct Image Example 2	Header Fixed Template Elements Flexible Template Elements Incorrect Header Example Correct Header Example 1 Correct Header Example 2	Footer Fixed Template Elements Flexible Template Elements Incorrect Footer Example Correct Footer Example 1 Correct Footer Example 2

Style Guide

Template Tutorial (Select a link to begin)