Web3 Wrapper System
Custom Page Content: Page HTML Head
Often a web developer has very unique stylistic or scripting needs for a specific page. The content needs to occur in the HEAD of specific page. The wrapper system allows the web developer to include customized content on a specific page of a unit.
| VAR | Value | Description |
|---|---|---|
PAGE_HEADER |
Path to included document | If included, the wrapper implements the file WITHIN the Document HEAD, directly underneath UNCG Global Stylesheets |
To create a custom page HTML header file, create a file containing valid XHTML. Please note: Because this file is going to be included INTO an existing web page, it does not require all the formal XHTML document tags, such as <html>, <head> and <body>.
PAGE_HEADER can be a page's most powerful tool for customization. Any valid XHTML that can exist within a document's HEAD, such as meta tags, links to stlyesheet or javascript files or even style and script tags, can be placed in the file:
PAGE SPECIFIC STYLES
</style>
<script type="text/javascript">
PAGE SPECIFIC SCRIPTING
</script>
Place the file in your unit's inc_unit directory. Be sure to give it a name that is truly unique and allows you to easily associate it with its content file. For example, if the file contains unique style and script information for your unit's homepage, then a name such as homepage_header.html. If the file contains unique style and script information for your unit's mission statement document, you might consider mission_header.html. What is important is that the file has a unique name.
Implement the PAGE_HEADER variable in your page and designate the file via it's path as the value of the variable.
<!--#set var="PAGE_TITLE" value="page title" -->
<!--#set var="PAGE_HEADER" value="/unit path/inc_unit/homepage_header.html" -->
<!--#include virtual="/inc_uncg/header.html" -->
page content here
<!--#include virtual="/inc_uncg/footer.html" -->
The Office for Left-handed Students
The Office for Left-hand Students decides in what's to leave an impression on his visitors, but only on the homepage. The image of a giant left handprint will appear in the background of the main content area. The webmaster creates a unique style for the homepage:
#pagContent {
background-image:url("/olh/images/lefthand.gif");
background-position:top right;
background-repeat:no-repeat;
}
</style>
The Office for Left-handed Students implements the PAGE_HEADER variable on its homepage file, designating the path to the document containing the unique content/style as the value of the variable.
<!--#set var="PAGE_TITLE" value="Welcome!" -->
<!--#set var="PAGE_HEADER" value="/olh/inc_unit/homepage_header.html" -->
<!--#include virtual="/inc_uncg/header.html" -->
page content here
<!--#include virtual="/inc_uncg/footer.html" -->
The left-handprint image appears in the background of the page's content area.
