Frameset 1

<body stylesrc="index.htm" bgcolor="#FFFFFF">  <p><font face="Arial">The following pages are examples of graphics developed from the stained glass windows in the Hunter Building, showing the general theme that could be used as well as effects and techniques. My opinion so far is that with work and careful use the window images could significantly enhance the appearance and tone of the web site, adding interest and unique VUW character. It also avoids the other issues of appropriate uses of images, etc. as far as I know (the Maori patterns would need to be checked with the appropriate people). Some of these images would even make great screen savers etc.</font></p> <p><font face="Arial">comments to<img src="../images/protshdw.gif" width="45" height="46"> <a href="mailto:Bruce@winzurf.co.nz">Bruce</a></font></p> <p><font face="Arial">These pages are best viewed in 256 colours and 800x600, although 640x480 is ok, also MSExplorer will show more features.</font></p> <p><font face="Arial">Click on the "go" to view each option, or links as the case may be ...</font></p> <div align="left"> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#C0C0C0"><font face="Arial"><strong>Background >></strong></font></td> <td valign="top" rowspan="2" bgcolor="#FFFFFF"><font face="Arial"><strong>white</strong></font></td> <td valign="top" rowspan="2" bgcolor="#000000"><strong><font face="Arial">b</font><font color="#FFFFFF" face="Arial">black</font></strong></td> <td valign="top" rowspan="2" background="images/sgwbak00.gif" bgcolor="#C0C0C0"><font color="#FFFF00" face="Arial"><strong>stained<br> (light)</strong></font></td> <td valign="top" rowspan="2" background="images/sgwbak01.gif" bgcolor="#808080"><font color="#FFFFFF" face="Arial"><strong>stained<br> (dark)</strong></font></td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"><font face="Arial"><strong>Contents </strong></font></td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"><font face="Arial"><strong>Main crests</strong></font></td> <td valign="top" bgcolor="#FFFFFF"><p align="center"><a href="page4.htm"><font face="Arial"><strong>go</strong></font></a></td> <td valign="top" bgcolor="#000000"><p align="center"><a href="page3.htm"><font color="#FFFFFF" face="Arial"><strong>go</strong></font></a></td> <td valign="top" background="images/sgwbak00.gif" bgcolor="#C0C0C0"><p align="center"><a href="page1.htm"><font face="Arial"><strong>go</strong></font></a></td> <td valign="top" background="images/sgwbak01.gif" bgcolor="#808080"><p align="center"><a href="page2.htm"><font color="#FFFFFF" face="Arial"><strong>go</strong></font></a></td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"><font face="Arial">ship image</font></td> <td valign="top" bgcolor="#FFFFFF"><p align="center"><a href="page5.htm"><font face="Arial">go</font></a></td> <td valign="top" bgcolor="#000000"><p align="center"><a href="page6.htm"><font color="#FFFFFF" face="Arial">go</font></a></td> <td valign="top" background="images/sgwbak00.gif" bgcolor="#C0C0C0"><p align="center"><a href="page7.htm"><font face="Arial">go</font></a></td> <td valign="top" background="images/sgwbak01.gif" bgcolor="#808080"><p align="center"><a href="page8.htm"><font face="Arial">go</font></a></td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"><font face="Arial">icons</font></td> <td valign="top" bgcolor="#FFFFFF"><p align="center"><a href="iconwite.htm"><font face="Arial">go</font></a></td> <td valign="top" bgcolor="#000000"><p align="center"><a href="iconblak.htm"><font face="Arial">go</font></a></td> <td valign="top" background="images/sgwbak00.gif" bgcolor="#C0C0C0"><p align="center"><a href="iconlite.htm"><font face="Arial">go</font></a></td> <td valign="top" background="images/sgwbak01.gif" bgcolor="#808080"><p align="center"><a href="icondark.htm"><font face="Arial">go</font></a></td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"><font face="Arial">frames</font></td> <td valign="top" bgcolor="#FFFFFF"><p align="center"><a href="frames1.htm"><font face="Arial">go</font></a></td> <td valign="top" bgcolor="#000000"> </td> <td valign="top" background="images/sgwbak00.gif" bgcolor="#C0C0C0"> </td> <td valign="top" background="images/sgwbak01.gif" bgcolor="#808080"> </td> </tr> <tr> <td valign="top" bgcolor="#00FFFF"> </td> <td valign="top" bgcolor="#FFFFFF"> </td> <td valign="top" bgcolor="#000000"> </td> <td valign="top" background="images/sgwbak00.gif" bgcolor="#C0C0C0"> </td> <td valign="top" background="images/sgwbak01.gif" bgcolor="#808080"> </td> </tr> </table> </div> <p><font face="Arial"><a href="patterns.htm">patterns 1</a> thes are sections of the windows which offer opportunities for patterns , borders etc.</font></p> <p><font face="Arial"><a href="patterns1.htm">patterns 2</a> this demonstrates a rough background using one pattern, obviously high contrast would make this difficult tp work on but it could be adjusted or</font></p> <p><font face="Arial"><a href="patterns2.htm">patterns 3</a> used as border to add interest as here</font></p>  </body>