<html>

<head>
<script>
<!--
if (window!= top)
top.location.href=location.href
// -->
</script>
<meta name="generator" content="Microsoft FrontPage 5.0" />
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="citydesk" content="3DA31191/146" />
<title>bonneyarmstrong.com - bonneyarmstrong.com - old</title>
<link rel="stylesheet" type="text/css" 
href="http://bonney.himblau.com/bonney.css">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF">

<center>
<script language="JavaScript">
var today = new Date();
var number = today.getDay() + 1;
document.write('<table border="0" cellpadding="0" cellspacing="2" width="991" bgcolor="#554987">');
document.write('<tr>');
document.write('<td width="991" colspan="2" height="200" background="http://bonney.himblau.com/newimages/' + number + '.jpg" align="right" valign="bottom">');
document.write('<h1><a target="_top" href="http://bonneyarmstrong.com/">bonneyarmstrong.com</a></h1>');
document.write('</td>');
document.write('</tr>');
</script>
<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0" width="991">
  <tr>
    <!-- td width="100%" colspan="2" valign="top" align="right" bgcolor="#987BDE" -->
    <td width="100%" colspan="2" valign="top" align="center" bgcolor="#D9B6FC">
    <div align="right">
      <form action="http://search.freefind.com/find.html" method="get" 
      target="_self">
        <input type="hidden" size="-1" value="34968964" name="id" />
        <input type="hidden" size="-1" value="r" name="pid" />
        <input type="hidden" size="-1" value="ALL" name="mode" />
        <input type="hidden" value="0" name="n" />
        <p><input name="query" size="20" /> <input type="submit" 
        value="Search" /> <input type="submit" value="Site Map" name="sitemap" />
        </p>
      </form>
    </div>
    <!-- td width="100%" colspan="2" valign="top" bgcolor="#554987" -->
    <p align="center" class="menu">| <a href="../academics.html">academics</a> |
    <a href="../games.html">games</a> | <a href="../on_the_job.html">on the job</a> 
    | <a href="../personalstuff.html">personal</a> | <a href="../portfolio.html">
    portfolio</a> | <a href="../resume.html">resume</a> |</p>
    <hr></td>
  </tr>
  <tr>
    <td width="250" valign="top" bgcolor="#D9B6FC"><b>
    <ul>
      <li><a href="accentpainter.html">accentpainter.com</a></li>
      <li><a href="amdgeode.html">amd geode</a></li>
      <li><a href="bonneyarmstrong.html">bonneyarmstrong.com - old</a></li>
      <li><a href="bonneyworld.html">bonneyworld</a></li>
      <li><a href="boostlisteningcenter.html">boost listening center</a></li>
      <li><a href="doubleangel.html">doubleangel.org</a></li>
      <li><a href="healthetechbalancelog.html">healthetech balancelog</a></li>
      <li><a href="healthetechcorporate.html">healthetech corporate</a></li>
      <li><a href="healthetechflashbanners.html">healthetech flash banners</a></li>
      <li><a href="healthetechintranet.html">healthetech intranet</a></li>
      <li><a href="jentlemen.html">jentlemen.com</a></li>
      <li><a href="jeppesen.html">jeppesen</a></li>
      <li><a href="lockheedorion.html">lockheed orion</a></li>
      <li><a href="lockheedtricare.html">lockheed tricare</a></li>
      <li><a href="agriculture.html">mobile inspection app</a></li>
      <li><a href="orbitz.html">orbitz</a></li>
      <li><a href="queengeorge.html">queen george</a></li>
      <li><a href="sharepoint_portal.html">sharepoint portal</a></li>
      <li><a href="telco.html">telco</a></li>
      <li><a href="usbankaccessonline.html">us bank access online</a></li>
      <li><a href="usbankdevelopmenttickettr.html">us bank development ticket 
      tracking system</a></li>
      <li><a href="uswest.html">us west</a></li>
      <li><a href="webhostingcompany.html">webhosting company</a></li>
    </ul>
    </b>
    <p align="center">
    <script language="JavaScript1.2" src="http://www.altavista.com/r?entr" 
    type="text/javascript">
        </script>
    </p>
    <p><img border="0" src="http://bonney.himblau.com/images/clear.gif" 
    width="250" height="5"></td>
    <td width="741" valign="top" bgcolor="#D9B6FC">
    <h3>bonneyarmstrong.com - old</h3>
    <p></p>
    <table cellspacing="10" cellpadding="10" border="0">
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_01.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_01_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_01.jpg" /></a></td>
        <td valign="top" align="left">this is when i really got into xml-based 
        content management. plus i liked the way it generated the navigation for 
        you. i've been to too many web designers' personal/portfolio sites where 
        the navigation was either incorrect or broken. xml and scripting solve 
        those problems for you before they even start. i put a site search 
        function at the top of each page; even though i think the navigation's 
        fairly straightforward, a good search engine never hurts. i added the 
        avatars so that people can have an idea of what to expect if they're 
        meeting me for the first time... in terms of information architecture, i 
        took my personal and professional life and divided it up into the most 
        frequently requested categories. in terms of UI design, i picked bright 
        cheery colors, with black text for readability</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_02.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_02_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_02.jpg" /></a></td>
        <td valign="top" align="left">i put code out here that might be useful 
        to myself or others. i often put tools out here that my students might 
        be using too</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_03.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_03_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_03.jpg" /></a></td>
        <td valign="top" align="left">i find myself greeking templates and 
        examples all the time; i must pull down the lorem ipsum dolor file twice 
        a week, at least</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_04.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_04_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_04.jpg" /></a></td>
        <td valign="top" align="left">i found it helpful to create a section for 
        each school i teach at, with a page for each class. this way, the kids 
        can get their information easily. DU has a blackboard system, but not 
        everyplace else has seen fit to invest in it</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_05.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_05_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_05.jpg" /></a></td>
        <td valign="top" align="left">this was at the request of a couple of my 
        female students. there are very few of them in IT, so i thought these 
        resources might prove helpful</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_06.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_06_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_06.jpg" /></a></td>
        <td valign="top" align="left">my on the job section lists the tools i 
        use the most frequently. it used to be a pain to have to search all over 
        the internet for the software i use to set up my working environment 
        everywhere i go. now i have a handy list; it makes my desktop set up a 
        breeze</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_07.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_07_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_07.jpg" /></a></td>
        <td valign="top" align="left">i have a variety of web development tools 
        and aids, such as browser sizing guides and test windows in various 
        sizes. even have all the web safe hues... now if only clients would 
        agree to stick to that palette!</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_08.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_08_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_08.jpg" /></a></td>
        <td valign="top" align="left">when you test the window sizes, they pop 
        into new windows with a blank page, so you can put your own URL in</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_09.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_09_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_09.jpg" /></a></td>
        <td valign="top" align="left">i came up with the idea for this so that i 
        could get a better idea of the limitations of each browser's display 
        area. very helpful when testing in opera, netscape, firefox, and 
        internet explorer</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_10.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_10_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_10.jpg" /></a></td>
        <td valign="top" align="left">handy tool that converts kb to mb. i had 
        some wiseacre ask me (seriously) if i would put a tool up there that 
        converted gb to mb. ok... deep cleansing breaths in... deep cleansing 
        breaths out...!</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_11.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_11_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_11.jpg" /></a></td>
        <td valign="top" align="left">unfortunately, dancing bologna is still 
        considered good or effective design by some. and what's a personal site 
        without gratuitous, needless animation? boring, that's what it is! i 
        like the fake award so much i saved it from 1996 or so. an internet 
        antique...</td>
      </tr>
      <!-- <tr>
    <td valign="top" align="left"><a href="http://bonney.himblau.com/images/bonney_12.jpg"><img height="131" src="http://bonney.himblau.com/images/bonney_12_small.jpg" width="200" border="1" xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_12.jpg" /></a></td>
    <td valign="top" align="left">i collect interesting bits and pieces. i 
    didn't do this animation, but i'd acquired so many that i threw them in the 
    personal section. i modified the template design to accommodate the white 
    backgrounds of all the graphics</td>
  </tr>
  <tr>
    <td valign="top" align="left"><a href="http://bonney.himblau.com/images/bonney_13.jpg"><img height="131" src="http://bonney.himblau.com/images/bonney_13_small.jpg" width="200" border="1" xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_13.jpg" /></a></td>
    <td valign="top" align="left">a dancing spiderman animation... he makes a 
    fun little mascot. no need for the site to get too serious</td>
  </tr> -->
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_14.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_14_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_14.jpg" /></a></td>
        <td valign="top" align="left">just because this site serves up my resume 
        24 x 7 doesn't mean it's going to be soulless and boring. i cared about 
        paul, i miss him a lot, and there will never be another one like him. 
        again, i changed the template for this section because bright colors 
        weren't appropriate... especially for a legend of punk like paul 
        decolator</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_15.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_15_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_15.jpg" /></a></td>
        <td valign="top" align="left">i wanted people who visited the site to 
        get a sense of me as a person. they see tons of resumes every day, but i 
        wanted them to remember me. that's why i put my pictures up, and have 
        those fun links on the menu underneath the contents</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_16.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_16_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_16.jpg" /></a></td>
        <td valign="top" align="left">this is a php based photo management tool 
        that actually is *not* integrated into the site, since the content 
        management system has its own scripting keywords and there were 
        conflicts. but you'd never know...</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_17.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_17_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_17.jpg" /></a></td>
        <td valign="top" align="left">the all important portfolio section. i 
        like the way the content management adjusts the template around the 
        amount of content that is or isn't there</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_18.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_18_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_18.jpg" /></a></td>
        <td valign="top" align="left">the only way i have to sell myself, other 
        than the resume. since some of the work i did is either behind password 
        protected barriers or are intranet sites, i've come to rely on screen 
        captures to document what projects i've worked on</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_19.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_19_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_19.jpg" /></a></td>
        <td valign="top" align="left">the resume section of the site came about 
        because i read that recruiters, in an effort to avoid the fee structure 
        of monster and other recruiting sites, were taking to searching for 
        qualified candidates through google. so i figured if some of them are 
        doing it, then i'd better make myself available. i got asked for my word 
        resume so often that i posted it out on the site too. i can't begin to 
        tell you how helpful this has been... to the recruiters, of course!</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_20.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_20_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_20.jpg" /></a></td>
        <td valign="top" align="left">the weblog section is a good way for me to 
        post technical fixes to arcane problems in the hopes that some search 
        engine will index it and then someone else will stumble across it and it 
        will solve their issue. and where else could i warble about how much i 
        love crocs?</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_21.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_21_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_21.jpg" /></a></td>
        <td valign="top" align="left">a typical blog entry - they're mostly 
        about my love/hate relationship with technology...</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_22.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_22_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_22.jpg" /></a></td>
        <td valign="top" align="left">i made a section for my students at the 
        other school too; they really like being able to pull files off the 
        website and using the resources</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_23.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_23_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_23.jpg" /></a></td>
        <td valign="top" align="left">the rest of the page - a good place to 
        post useful links too</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/bonney_24.jpg">
        <img height="131" 
        src="http://bonney.himblau.com/images/bonney_24_small.jpg" width="200" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/bonney_24.jpg" /></a></td>
        <td valign="top" align="left">i added the altavista babel fish 
        translation plug-in because i noticed i got visitors from all over the 
        world. i like webrings; i've implemented lots for other websites i 
        administer, so i thought i'd add a couple to my own. i belong to about a 
        dozen, but i only display three so it's not too cluttered. i also put 
        site meter into my templates so i could track who was visiting the site 
        and how they were referred</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="100%" colspan="2" valign="top" bgcolor="#D9B6FC">&nbsp;<p></p>
    <hr>
    <p align="center"><img border="0" src="http://bonney.himblau.com/oldimages/hr_lavender.gif" width="700" height="122"> 
   </p>
    <p align="right"><!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->
<script language="JavaScript" type="text/javascript">
//<![CDATA[
var site="s14himblau"
//]]>
</script>
<script language="JavaScript1.2" src="http://s14.sitemeter.com/js/counter.js?site=s14himblau" type="text/javascript">
</script>
<noscript>
<a href="http://s14.sitemeter.com/stats.asp?site=s14himblau" target="_top">
<img alt="Site Meter" src="http://s14.sitemeter.com/meter.asp?site=s14himblau" border="0" /></a>
</noscript>
<!-- Copyright (c)2002 Site Meter -->
<!--WEBBOT bot="HTMLMarkup" Endspan --></td>
  </tr>
</table>
</td>
</tr>
</table>
</center>

</body>

</html>
