---

Website Template

• This page is here to help you produce NJCU related websites that adhere to the current ITS Department standardized format.
• The links on the NJCU Logo (upper left) as well as in the green navigation bars have been left as in the ITS main pages for this demo page. These links are not included in the templates. You can edit these to suite your needs.
• All mouse over effects on the NJCU logo are already coded into the template for complete functionality and standardization with the current ITS Template.

NJCU ITS Template #1

The main NJCU ITS Template will help you create standardized websites with much of the navigational links and function coding already coded for you. The examples are empty pages that you can download and fill with your own site specific content and code.

Click here to view example.

NJCU ITS Template #2

This template utilizes pull down menus from within our green navigation bar at the top of the pages. This template allows for many links to be accessible via a very small navigation bar without cluttering the page.

Click here to view example.

Font Color: <font color="#2B5555">

Font Type: <font face="Arial, Helvetica, sans-serif">

Text Subheaders: <font face="Arial, Helvetica, sans-serif" size="3" color="#2B5555"><B>

Main Text: <font face="Arial, Helvetica, sans-serif" size="2" color="#2B5555">

Page Subheader: <font face="Arial, Helvetica, sans-serif" size="6" color="#2B5555"><B>

All links that you place in the green navigation bars at the top and bottom of this page should have the Links.css style sheet attached to them. This style sheet (Links.css) contains the correct link color and attributes for the navigation bar links.

Code for attaching style sheet: <span class="Links">Link Text Goes Here</span>

Editable regions are located between these locators: <!-- #BeginEditable -->Editable region here<!-- #EndEditable -->

There are editable regions labeled Header, Subheader, and Main.

The footer includes the ITSfooter.gif as well as a JavaScript that automatically gives the last update date for any page created with the template.

The ITSfooter.gif has also has two links that are coded as image maps.

Both the update JavaScript and the ITSfooter.gif image map are very specific code and should not be altered unless you know what you are doing.

A readme.txt file is included with the .zip file that includes complete instructions for deploying a website using the NJCU ITS template files included in this package..

1. Template HTML file: NJCU_Template.html
2. Dreamweaver specific Template file (.dwt): NJCU_Template.dwt
3. Style Sheet file: Links.css

1. Footer: ITSfooter.gif
2. IE and Netscape logos: explorer.gif and netscape.gif
3. NJCU Logo up: njcu_logo_button_up.jpg
4. NJCU Logo down: njcu_down_button_down.jpg
5. NJCU Logo over: njcu_logo_button_over.jpg

1. Top of page:

This image can be used to navigate back to the top of any web page. If a page becomes very long, this image may help your visitors navigate easier within your page.

2. Layer close button:

On the Template #2 page, this graphic is used within the drop down menus to close the opened link lists.