<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/130" />
<title>bonneyarmstrong.com - accentpainter.com</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>accentpainter.com</h3>
    <p></p>
    <table cellspacing="5" cellpadding="5" border="0">
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/accentpainter01.jpg">
        <img src="http://bonney.himblau.com/images/accentpainter01_small.jpg" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/accentpainter01.jpg" 
        width="200" height="149" /></a></td>
        <td valign="top" align="left"><a href="http://www.accentpainter.com/" 
        target="_blank">This is a not a big site, but it's an interesting 
        showcase</a> for a local artist, Kristina. She paints wall murals and 
        other decorative designs. I wanted to create a site that reflected the 
        creativity of her work and her personality. For this project, I used a 
        different, RAD, almost XP-style approach. I did all the programming in 
        the presence of the artist. This was new for me. Usually a client can 
        watch the code in progress (if I'm working at the client site) or else 
        they can view it online on my development server. But since the site was 
        an online extension of her work and personality, this approach made 
        sense.</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/accentpainter02.jpg">
        <img src="http://bonney.himblau.com/images/accentpainter02_small.jpg" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/accentpainter02.jpg" 
        width="200" height="149" /></a></td>
        <td valign="top" align="left">Kristina was very hands-on about the look 
        and feel of the site. She specified the color scheme, the choice of 
        fonts (if you've seen my other work, it's apparent that calligraphy and 
        script fonts are not my usual), and the way her artwork was integrated 
        into the design of the site. From a technical perspective, this site is 
        XML-based, template driven, and uses CSS. This was a way to allow 
        Kristina the flexibility to make all the design and content changes she 
        wanted with minimal maintenance.</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/accentpainter03.jpg">
        <img src="http://bonney.himblau.com/images/accentpainter03_small.jpg" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/accentpainter03.jpg" 
        width="200" height="149" /></a></td>
        <td valign="top" align="left">There is an FAQ section and another one 
        about the artist. She thought it would help if people knew more about 
        her and her design philosophy; I thought so too.</td>
      </tr>
      <tr>
        <td valign="top" align="left">
        <a href="http://bonney.himblau.com/images/accentpainter04.jpg">
        <img src="http://bonney.himblau.com/images/accentpainter04_small.jpg" 
        border="1" 
        xthumbnail-orig-image="http://bonney.himblau.com/images/accentpainter04.jpg" 
        width="200" height="149" /></a></td>
        <td valign="top" align="left">The company's phone number is in the 
        &lt;TITLE&gt; tag, so wherever you go in the site, you can't miss it. (It will 
        even be there when you bookmark it, so you don't even need to launch the 
        site.) There is an online feedback/request for quote page, where you can 
        leave your contact information and have it sent to the artist. This was 
        a nice compromise of functionality against look and feel considerations. 
        I think it was a win/win for her; she got an online form that still 
        feels like part of her artistic expression. All in all, I think this is 
        a great way for her to share her talent and creativity with potential 
        clients.</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>
