University of Vermont

UVM Self-help Web Guide

Get a Template/Build a Website

Basic design components of a UVM website

home page of Webguide

  1. Branding banner (no file to alter)
  2. Home page banner (file name homepagebanner.html)
  3. Main menu (file name defaultmenu.html)
  4. Department name (edit file defaultmenu.html or magicoptions.html)
  5. Content area (edit file default.html)
  6. Bottom contact bar (edit file defaultmenu.html or magicoptions.html)

How does the UVM Publishing system work?

The UVM Web Template uses a centrally located PHP script called Magicscript to ensure a cohesive appearance on all UVM Web pages using the template. That means that if UVM decides to change the look and feel of the UVM Web site, your departmental pages will "flip over" into this new look, while still maintaining your links, content and graphics.

The template heavily relies on cascading style sheets to apply color, typography, and layout to the UVM Web Template. Some major tags are already preconfigured for use with the template.

An explanation of preconfigured styles

When you select an HTML template that is designed by the Web Team, certain design calls come along with it. Size and text styling is applied to common elements. Here are some examples:

Heading 1

Note heading 1 is generally reserved for The University of Vermont.

Heading 2

Note heading 2 is generally reserved for your site's title, but is also recommended for use in the content area when no banner option is used.

Heading 3

This is sample default text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading 4

This is sample default text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading 5

This is sample default text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading 6

This is sample default text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Last modified September 13 2011 01:06 PM