Template Information

Updating from earlier versions of UMD Header and Footer includes

The new includes use HTML 5 and will cause your page to fail validation under older HTML or XHTML doctypes. If you are already using HTML 5 you may not need to update your document type or character encoding. There may be still be some minor updates needed to your pages after you switch to the new includes and CSS so you should test one page first before changing your entire site. These changes can be made within your Dreamweaver template files (if you are using Dreamweaver templates) or by doing a global Find and Replace on all of your web files.

Document Type

Change the doctype to:   <!doctype html>

Character Encoding

You may need to update the character encoding to pass validation.

Change the charset to:   <meta charset="utf-8" />


Change the UMD header/footer stylesheet from this:   <link href="/base/umd/head-foot.css" rel="stylesheet" type="text/css" />

to this:   <link href="/base/umd/head-foot_2014.css" rel="stylesheet" type="text/css" />


HTML: change the UMD header and footer include lines like this:

Header <!--#include virtual="/base/umd/header.html"-->   <!--#include virtual="/base/umd/header_2014.html"-->
Footer <!--#include virtual="/base/umd/footer.html"-->   <!--#include virtual="/base/umd/footer_2014.html"-->

PHP: change the UMD header and footer require lines like this:

Header <?php require_once('/web/base/umd/header.html'); ?>   <?php require_once('/web/base/umd/header_2014.html'); ?>
Footer <?php require_once('/web/base/umd/footer.php'); ?>   <?php require_once('/web/base/umd/footer_2014.php'); ?>


About the Header and Footer Includes

The header and footer includes allow you to make your site compliant with the Twin Cities University Relations Branding Policy with minimal effort. If the branding requirements change at a later date these include files will be updated to comply and all pages using them will instantly be in compliance. These includes are written in HTML 5.

This is the Header include. It has the University of Minnesota Duluth wordmark, U campus links, Email, MyU, and unified search box. The header is set to be 100% of the width of the block it is in.


This is the footer include. It has the equal opportunity and copyright statements, the last modification date (both dates in the footer automatically change). The main UMD navigation links, UMD social media links, and other helpful links and UMD contact are also included. You should also put a contact link for your area somewhere on your pages above this footer so users can easily figure out how to contact your unit directly. The footer is set to be 100% of the width of the block it is in.


Using the Header and Footer Includes

First you will need add the following two lines of code to the head, this is the section between the <head> and </head> tags, of your HTML.

<link href="/base/umd/head-foot_2014.css" rel="stylesheet" type="text/css" />

The next step is to replace the header of your web page (or template file) with the following virtual include directive:

<!--#include virtual="/base/umd/header_2014.html" -->

and replace the footer of your web page (or template file) with the following virtual include directive:

<!--#include virtual="/base/umd/footer_2014.html" -->

Note for PHP users

PHP pages need to use a slightly different bit of code to use the includes but the link and script lines are the same. Here is the code for PHP pages for the header:

<?php require_once('/web/base/umd/header_2014.html'); ?>

and for the footer:

<?php require_once('/web/base/umd/footer_2014.php'); ?>

Note: If you are previewing your web page, from your drive, in Dreamweaver or with a web browser you will not see the header and footer. This is because the virtual includes are not on your computer and will not be seen until the web page is on the server. If you want to verify everything works, you should upload a page that is not commonly used first. Once you have confirmed the header and footer do show up when on the server you can proceed to upload the remaining web pages.

Did you find what you were looking for? YES NO

Choose appearance:
[ Desktop | Mobile friendly ]