About Web Design

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=120 BGCOLOR="#003366" TEXT="#F7F7FF" bgproperties="fixed" background="8a000781dkcfqa.jpg"> <div> <B> <SCRIPT> // CREDITS: // Right-To-Left Scroller // By Urs Dudli and Peter Gehrig // Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 8/31/2002 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create your own text animation // with our new Text Factory. var text=new Array() var textlink=new Array() var texttarget=new Array() text[0]="SIMPLE - AFFORDABLE WEB DESIGN - WITH GOOD OLD FASHIONED SERVICE" textlink[0]="#" texttarget[0]="_blank" var textfont="Arial" var textfontcolor="#000000" var textfontcolora="#000000" var textfontcolorb="#aaaa66" var textfontcolorc="#dddd66" var textfontcoloraa="#fffeff" var textfontcolorbb="#ff0000" var textfontcolorrollover="#ff0000" var textfontsize=10 var textfontsizeHTML=2 var textdecoration="none" var textbgcolor="#003366" var textbgcolora="#ffffff" var textbgcolorb="#dddddd" var textweight="bold" var textweightA="<b>" var textweightB="</b>" var textitalic="normal" var textitalicA="" var textitalicB="" var textwidth=600 var textheight=25 var textpause=2000 var textborder=0 var textbordercolor="#ff9000" var textalignonly="center" var i_text=0 var textcontent="" var thisspan="" var content="" var contentbg="" var toggle=1 var timer var scrollready=true var tablewidth var tableheight var textfontcolortoggle=new Array() var toggle=1 var step=2; var content var padding=3 var textcontentheight var textcontentwidth var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var ns4=document.layers?1:0 getcontent() function getcontent() { if (ie || ns6) { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder content="<table width="+tablewidth+" height="+tableheight+" cellpadding=3 cellspacing=0 border=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolortoggle[i]+"\'\">" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } else { tablewidth=textwidth-2*textborder tableheight=textheight-2*textborder contentbg="<table width="+tablewidth+" height="+tableheight+"><tr><td><font color="+textbgcolor+">hi</font></td></tr></table>" content="<table height="+textheight+" cellpadding=0 cellspacing=0><tr valign=middle><td><nobr>" for (i=0;i<text.length;i++) { if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa} else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb} toggle*=-1 content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" >" content+=text[i] content+="</a><font color="+textbgcolor+">----------</font>" } content+="</nobr></td></tr></table>" } } if (ns4) { toggle=1 document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<ilayer name="marker" bgcolor="'+textbordercolor+'" width='+textwidth+' height='+textheight+'></ilayer>'); document.write('</td></tr></table>') document.write('<layer name="tickerbg" left='+textborder+' top='+textborder+' width='+(textwidth-4*textborder)+' height='+(textheight-2*textborder)+' bgcolor='+textbgcolor+' visibility=hide>'+contentbg+'</layer>') document.write('<layer left=-50000 name="ticker" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">loading</layer>'); } if (ie || ns6) { document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>'); document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'" ></div>'); document.write('</td></tr></table>') if (ns6) { var tablewidth=textwidth-2*textborder var tableheight=textheight-2*textborder } else { var tablewidth=textwidth var tableheight=textheight } document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';visibility:hidden;overflow:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">') document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">'+content+'</span>') document.write('</div>') if (ns6) { document.write('<span ID="tickersize" style="position:absolute;top:0px;left:-5000px;visibility:hidden">'+content+'</span>') } } function doscroll(){ if (scrollready) { if(ns4){ document.ticker.left+=-step; if (document.ticker.left<document.marker.pageX+1*textborder) { document.ticker.clip.left+=step; } document.ticker.clip.right+=step; if(document.ticker.left<-textcontentwidth+document.marker.pageX) { document.ticker.left=textwidth+document.marker.pageX-1*textborder; document.ticker.clip.left=0 document.ticker.clip.right=0 } } if (ie) { document.all.ticker.style.posLeft+=-step if (document.all.ticker.style.posLeft<-textcontentwidth) { document.all.ticker.style.posLeft=textwidth } } if (ns6) { document.getElementById('ticker').style.left=parseInt(document.getElementById('ticker').style.left)-step if (parseInt(document.getElementById('ticker').style.left)<-textcontentwidth) { document.getElementById('ticker').style.left=textwidth } } timer=setTimeout("doscroll()",50) } else { clearTimeout(timer) } } function DL_GetElementLeft(eElement) { var nLeftPos = eElement.offsetLeft; var eParElement = eElement.offsetParent; while (eParElement != null) { nLeftPos += eParElement.offsetLeft; eParElement = eParElement.offsetParent; } return nLeftPos; } function DL_GetElementTop(eElement) { var nTopPos = eElement.offsetTop; var eParElement = eElement.offsetParent; while (eParElement != null) { nTopPos += eParElement.offsetTop; eParElement = eParElement.offsetParent; } return nTopPos; } function initscroller(){ if (ns4) { getcontent() var thisspan=eval("document.ticker") thisspan.document.clear() thisspan.document.write(content) thisspan.document.close() textcontentwidth=thisspan.clip.right document.tickerbg.left=document.marker.pageX+1*textborder document.tickerbg.top=document.marker.pageY+1*textborder thisspan.left=document.marker.pageX-1*textborder+textwidth thisspan.top=document.marker.pageY thisspan.clip.width=textcontentwidth; thisspan.clip.height=textheight; thisspan.clip.left=0 thisspan.clip.right=0 document.tickerbg.visibility="show"; thisspan.visibility="show"; } if (ie) { textcontentwidth=document.all.ticker.clientWidth document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker); document.all.roof.style.posTop=DL_GetElementTop(document.all.marker); document.all.ticker.style.posLeft=textwidth document.all.ticker.style.clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.all.roof.style.visibility="visible"; document.all.ticker.style.visibility="visible"; } if (ns6) { textcontentwidth=document.getElementById('tickersize').offsetWidth document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker')); document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker')); document.getElementById('ticker').style.left=textwidth document.getElementById('ticker').clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)'; document.getElementById('roof').style.visibility="visible"; document.getElementById('ticker').style.visibility="visible"; } doscroll() } function setscrollready(whatanswer) { if (whatanswer==1) { scrollready=true checkscroll() } else { scrollready=false } } function checkscroll() { clearTimeout(timer) if (scrollready) { doscroll() } } function reopenpage() { history.go(0) } window.onresize=reopenpage window.onload=initscroller </script>  </B></div> <div> </div> </td> </tr><tr> <td valign="top" width=180 BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="84bc8253.jpg"> <div> <B> <TABLE BORDER="4" CELLPADDING="3" CELLSPACING="3" WIDTH="164" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#FFFFFF" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Dinky Di</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="about_design.htm" TARGET="_top" TITLE="About Web Design"><B>About Web Design</B></A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I need a Website ?</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options">Design Options</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q's</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </tD> </tR> </TABLE></B></div> <bR> <bR> <bR> </td> <td valign="top" height=360 width="100%" BGCOLOR="#FFFFFF" TEXT="#080000"> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="502" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER BGCOLOR=#003366 HEIGHT= 16 WIDTH="496"><div> <B>EFFECTIVE BASICS OF GOOD WEB DESIGN</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 356 WIDTH="496"><bR> <div> According to the Nielsen Media Research, <I>approximately 70.5 Million adults are now online.  </I>And International Data Corporation reports that 41.2 percent of all small businesses are accessing the Internet (up from 19.7 percent in 1996).</div> <bR> <div> Web sites are the <B>21st century's preferred method of advertisement</B>.<B>  It's inexpensive, it's interactive, and it has the potential to reach an enormous number of people.</B></div> <bR> <div> Designing a <B>dynamic web site</B> is more than pretty colours and fancy moving graphics. While building an eye-catching appearance is important, we must concentrate on the important  issues that the web site is being created for.   We have to ensure that your visitors and customers will be left with a memorable image.</div> <bR> <div> We understand how important all of  these features are and how requirements change within individual sites.</div> <bR> <div> Most people search the web looking for information.  The best way to keep someone at your site is to make it simple and easy to access all areas.  Navigation is such an important structural process in designing a website.  </div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 1081 WIDTH="496"><bR> <div> <I><B>Why have other pages that people have to wander around your website to see. </B></I><B> </B></div> <bR> <div> <B>Don't play hide-and-seek with your viewers</B>, give them a navigational system where they can see what you have on your website.</div> <bR> <div> Not everybody understands the jargon of the Internet, so whether you require an entire site from scratch or need your existing pages redesigned, we can work with you, to achieve your envisaged result.</div> <bR> <div> Whether you would like a new site just to brag about your wonderful dogs, or a site that targets your kennels, stud dogs, services, club etc., we are at your service to assist you with your ideas. </div> <bR> <div> <B><U>Search Engines</U></B></div> <div> Web sites can be submitted for free to some search engines.  This does work, but it does take a little time for your site to start ranking in the top 20.  We are very precise about choosing prominent keywords to help your site on the way to the top.  This is one of the major factors in web placement.</div> <bR> <div> The key word, however, is potential.  In order to reap the benefits of having an impressive web site, we must ensure that you site is going to be easy to find.   </div> <bR> <div> You are considering spending money on an impressive web site, so we are sure that you would like people to see it.   </div> <bR> <div> <B>Search engines help us to get your site out there, to be looked at and admired.  By using the correct methods and keywords, your site will be on its way to the world.</B></div> <bR> <div> <I>By adding your web address to your business cards and any other advertising, will also rank your site a little faster.</I></div> <bR> <div> <I><B>Flashy does not necessarily mean good.</B></I></div> <bR> <div> <I>How many times have you backed out of a site because it was just taking too long to load the first page ?</I></div> <bR> <div> While the use of graphics, animation, and flashing/scrolling text can be effective in the design of a great site, going overboard with these and other enhancements will ultimately slow your site down, and turn off a lot of potential clients.</div> <bR> <div> <B>Keep the design simple and effective.   If you're not sure what that is, surf around awhile. </B></div> <bR> <div> When I first started my web design business, I would look at  least 30 web sites a day...trying to find what I liked and what I didn't like, what stood out and what stood out like a sore thumb, what worked, and what didn't. </div> <bR> <div> What you like and what others like may be completely different, but if you see the types of sites that are continually popular, quick to load, and effectively doing their job, you'll start to get the idea of what's already working.</div> <bR> <div> Every customer that enters your website for the first time will form an impression of the company and if this impression is not of a highly skilled, professional company, then it is better to have a simple one page website showing just a logo and content.   No more.</div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B>Ideally, it is better to have a simple, well designed website, easy to navigate, fast to load and functional. </B></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A>  |  <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Us</A>   |   <B>About Web Design</B>   |   <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I Need A Website ?</A>   |   <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A>   |   <A HREF="design.htm" TARGET="_top" TITLE="Design Options">Design Options</A>   |   <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A>   |   <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A>   |   <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A>   |   <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q.'s</A>   |   <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </td> </tr></table></body>