University of Vermont

UVM Self-help Web Guide

Select an HTML Template

Below you will find a selection of HTML templates to be used in the UVM publishing system. These templates include all the files you need (with placeholder images) to create a new homepage, e-newsletter or faculty bio that will look great in the UVM look. To find additional images that are sized to fit our templates, view the image library.

How to download

Below you will find thumbnails of and links to .zip files of each of our template folders. Click on the image to see the template in a browser window. Then click on the link and you will be prompted to save or decompress the folder and then save it to your local computer.

Once you have decompressed the folder on your local computer, you can upload the contents of the folder to a test/development area in your public_html. The best method for uploading is to use a simple application such as WinSCP for Windows or Fetch for Mac OSX (learn about file transfer software). For both applications you will be prompted to enter the server name which is zoo.uvm.edu and the netid and password for your web account.

In that test area you create, you can begin altering the text and specializing the template for your department.

For all templates but number 4, you can edit the default.html without ever looking at the actual html code. Simply follow the instructions that are built into the placeholder text areas.

Important note: The following templates have been updated to use responsive (mobile-friendly) web design.

HTML Templates

Note to College of Medicine webmasters: If your website falls under the College of Medicine, you will choose from these preferred COM templates.

Note to College of Arts and Sciences webmasters: You have a special set of CAS-approved templates to use. View the preferred CAS templates.

Note to College of Education and Social Services webmasters: You have a special set of CESS-approved templates to use. View the preferred CESS templates.

General templates for all of UVM:

E-newsletter template

The following template is used when your department sends news in the form of an e-mail. The final e-newsletter lives in your website for people to link to for further information. Also, if your e-mail client does not allow graphics, receivers can link to your website to see the newsletter in its entirety. All the information lives in one html document including the style sheet. Links to the images are full urls to your image folder that you will download and place in your public_html folder.

E-announcement template

The following template is used when your department sends e-announcments in the form of an e-mail. The final e-announcement lives in your website for people to link to for further information. Also, if your e-mail client does not allow graphics, receivers can link to your website to see the newsletter in its entirety. All the information lives in one html document including the style sheet. Links to the images are full urls to your image folder that you will download and place in your public_html folder.

Last modified July 31 2013 09:12 AM