IET Rebranding Process

The Institute of Engineering and Technology will come into being on March 31st 2006. As part of the creation process for the IET, a new name and brand identity has been developed, which means that the IEE websites will need rebranding too. The IEE's Internet Services Group have developed a new graphical look and feel to replace the existing IEE website graphical design and it has been adapted to serve as templates for the websites hosted on local.iee.org.

The IEE templates currently in use on local make extensive use of table layouts, whereas the new IET templates make use of current CSS layouts. Whilst technologically better and easier to maintain, this does mean that existing pages will need slight modifications before they look their best with the new graphics.

A ZIP file containing the new graphics, style and templates can be downloaded using the following link: Web Template Pack

Code Changes

The main changes required relate to the website menus, in that they will need changing from Table Rows to DIVs. Otherwise, just change your include references from the old iee filenames to the new iet filenames. Illustrated below:

Old IEE Template:
			
<!--#include virtual="/resource/includes/ieelayout.inc"-->
<tr>
  <td valign='top' align='left' class='thisSection'>
    <a href='http://local.iee.org/yourbranch/'>Your Branch</a>
  </td>
</tr>
<tr>
  <td valign='top' align='left' class='section'>
    <a href='somepage.html'>Example Link</a>
  </td>
</tr>
<!--#include virtual="/resource/includes/ieelayoutf.inc"-->

New IET Template:
			
<!--#include virtual="/resource/includes/ietlayout.inc"-->
<div class="menuMainHeading">
  <a href="http://local.iee.org/yourbranch/">Menu Heading Link</a>
</div>
<div class="menuMainSubItemShow">
  <a href="somepage.html">Menu Item Link</a>
</div>
<!--#include virtual="/resource/includes/ietlayoutf.inc"-->