<html><!-- #BeginTemplate "/Templates/layout-articles.dwt" -->
<!-- DW6 --> 
<head>
<!-- #BeginEditable "doctitle" --> 
<title>Build websites easier with premade templates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="title" content="Build websites easier with premade templates">
<META NAME="description" content="Free articles that can be used to learn about website design and development.">
<META NAME="keywords" content="free web templates, web template, site layouts, page layouts, page sets, graphic sets, web design, linkware, money, financial, floral, computer, hi tech, technology, skyline, building, patriotic, american, flag, automotive, christmas, baby, restaurant, halloween, sports, business">
<META NAME="rating" content="general">
<META NAME="distribution" CONTENT="global">
<META NAME="resource-type" CONTENT="document">
<META NAME="last-modified" CONTENT="2007/09/29">
<META NAME="robots" content="index,follow">
<META NAME="revisit-after" content="10_days">
<!-- #EndEditable --> 
<LINK REL=stylesheet HREF="http://www.afreewebtemplate.com/style.css" TYPE="text/css">
<script language="javascript">
function mailpage()
{
mail_str = "mailto:?subject=Check out this page called " + document.title;
mail_str += "&body=I thought you might be interested in this page called " + document.title;
mail_str += ". You can view it at, " + location.href.toString(); 
location.href = mail_str;
}
</script>
</head>
<body bgcolor="#E6E6FF" topmargin="0">
<STYLE type="text/css">
<!--
BODY
{
scrollbar-face-color: #001F5B;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #001F5B;
scrollbar-darkshadow-color: #001F5B;
scrollbar-shadow-color: #001F5B;
scrollbar-arrow-color: #BECFF1;
scrollbar-track-color: #BECFF1;
}
-->
</STYLE>
<!-- Kontera ContentLink™  --> 
<script type="text/javascript">
var dc_UnitID = 14;
var dc_PublisherID = 11120;
var dc_AdLinkColor = 'blue';
var dc_adprod='ADL';
</script>
<script type="text/javascript" src="http://kona.kontera.com/javascript/lib/KonaLibInline.js"></script>
<!-- Kontera ContentLink™  --> 
<table border="0" cellpadding="0" cellspacing="0" width="1000" align="center">
  <tr> <!-- Shim row, height 1. --> 
    <td><img src="../images/shim.gif" width="202" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="201" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="468" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="129" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 1 --> 
    <td colspan="4"><img name="layout_r1_c1" src="../images/layout_r1_c1.gif" width="1000" height="21" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="21" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 2 --> 
    <td rowspan="2" colspan="2"><a href="../index.html"><img name="layout_r2_c1" src="../images/layout_r2_c1.gif" width="403" height="90" border="0" alt="Home"></a></td>
    <td> 
      <div align="center"><a href="http://www.hooverwebdesign.com/flash_albums.html" target="_blank"><img name="layout_r2_c3" src="../images/468x60_flash_gallery.gif" width="468" height="60" border="0" alt="Flash Photo Gallery"></a></div>
    </td>
    <td rowspan="2"><img name="layout_r2_c4" src="../images/layout_r2_c4.gif" width="129" height="90" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="60" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 3 --> 
    <td><img name="layout_r3_c3" src="../images/layout_r3_c3.gif" width="468" height="30" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="30" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 4 --> 
    <td colspan="4"><img name="layout_r4_c1" src="../images/layout_r4_c1.gif" width="1000" height="41" border="0" usemap="#hoover_r2_c2Map"> 
      <map name="hoover_r2_c2Map"> <area shape="rect" coords="826,1,920,27" href="../links.html" alt="Related Links" title="Related Links"> 
        <area shape="rect" coords="730,-2,824,28" href="../resources.html" alt="Web Design Articles" title="Web Design Articles"> 
        <area shape="rect" coords="633,1,728,29" href="index.html" alt="Premium Web Templates" title="Premium Web Templates"> 
        <area shape="rect" coords="439,3,535,29" href="../terms.html" alt="Template Terms of Use" title="Template Terms of Use"> 
        <area shape="rect" coords="348,-2,438,26" href="../free-templates1.html" alt="Free Web Templates" title="Free Web Templates"> 
        <area shape="rect" coords="250,2,344,28" href="../index.html" alt="A Free Web Template Home" title="A Free Web Template Home"> 
        <area shape="rect" coords="538,1,632,29" href="../freegraphics/index.html" alt="Free Web Templates" title="Free Web Templates"> 
      </map></td>
    <td><img src="../images/shim.gif" width="1" height="41" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 5 --> 
    <td colspan="4"><img name="layout_r5_c1" src="../images/layout_r5_c1.gif" width="1000" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 6 --> 
    <td background="../images/layout_r6_c1.gif" bgcolor="#FFFFFF"> 
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr background="../images/layout_r6_c1.gif" valign="top"> 
          <td> 
            <table width="100%" border="0" cellspacing="1" cellpadding="0" bordercolor="#CCCCCC" bordercolorlight="#999999" bordercolordark="#666666">
              <tr> 
                <td colspan="2" bgcolor="#6699CC"><b><font color="#FFFFFF">Freebies</font></b></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"> <a href="../free-templates1.html">Free 
                  Web Templates</a> </td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../freegraphics/index.html">Free Web Graphics</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="index.html">Free Web Design 
                  Articles</a></td>
              </tr>
            </table>
            <table width="100%" border="0" cellspacing="1" cellpadding="0" bordercolor="#CCCCCC" bordercolorlight="#999999" bordercolordark="#666666">
              <tr> 
                <td colspan="2" bgcolor="#6699CC"><b><font color="#FFFFFF">Help 
                  &amp; Information</font></b></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"><a href="../index.html">Home</a></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC" width="1%" height="20">&nbsp;</td>
                <td width="99%" height="20"> <a href="../terms.html">Terms of Use</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="http://www.hooverwebdesign.com/templates">Premium 
                  Web Templates</a></td>
              </tr>
              <tr> 
                <td bgcolor="#6699CC">&nbsp;</td>
                <td><a href="../link-exchange.html">Link Exchange Form</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../website-builders.html">Online Website 
                  Builders</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../resources.html">Website Resources</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../links.html">Web Links</a></td>
              </tr>
              <tr> 
                <td width="1%" bgcolor="#6699CC">&nbsp;</td>
                <td width="99%"><a href="../contact.html">Contact Us</a></td>
              </tr>
            </table>
            
          </td>
        </tr>
      </table>
    </td>
    <td bgcolor="#FFFFFF" colspan="3"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr> 
          <td> 
            <div align="center"></div>
            <table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#FFFFFF">
              <tr> 
                <td width="50%"> 
                  <p>&nbsp; <img src="../images/icon-book.gif" width="29" height="29" align="absmiddle"> 
                    Learn Website Design Tricks and Tips. <a href="http://www.afreewebtemplate.com/articles/">Click 
                    here</a>.</p>
                </td>
                <td width="50%" valign="bottom"> 
                  <div align="right"> </div>
                  </td>
              </tr>
            </table>
            <div align="center"> </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td valign="top"> 
                  <div align="center"> </div>
                  </td>
              </tr>
            </table>
            <table width="98%" border="0" cellspacing="0" cellpadding="5" bordercolor="#CC6666" align="center">
              <tr valign="top"> 
                <td> 
                  <div align="center"> 
                    <h1>Free Website Design Web Templates<b><font face="Arial, Helvetica, sans-serif"><b><font face="Arial, Helvetica, sans-serif"><font size="2"><br>
                      <br>
                      </font><b><font face="Arial, Helvetica, sans-serif"><font size="2"><img src="../images/icon-article.gif" width="18" height="16" align="absmiddle"> 
                      <a href="index.html">Related articles</a> <img src="../images/icon-graphics.gif" width="18" height="16" align="absmiddle"> 
                      <a href="../freegraphics/index.html">Add graphics to your 
                      template</a> <img src="../images/icon-friend.gif" width="18" height="16" align="absmiddle"> 
                      <a href="javascript:mailpage()">Send this page to a friend</a> 
                      <br>
                      <script type="text/javascript"><!--
google_ad_client = "pub-8746590042519546";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
//2008-01-21: myprintablegreetings.com
google_ad_channel = "6444342160";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "0000FF";
//-->
</script>
                                            <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                      </font></font></b></font></b></font></b></h1>
                  </div>
                </td>
              </tr>
              <tr> 
                <td valign="top" width="66%"> 
                  <div align="center"> 
                    <div align="center"> 
                      <div align="center"> 
                        <div align="center"> 
                          <div align="center"> </div>
                          <div align="center"> 
                            <div align="center"> 
                              <div align="center"> 
                                <div align="center"> 
                                  <div align="center"> 
                                    <div align="center"> </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div align="center"> </div>
                        <div align="center"> 
                          <div align="center"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div align="center"></div>
                  <div align="center"> </div>
                  <div align="center"> </div>
                  <!-- #BeginLibraryItem "/Library/free-temps-navigation.lbi" -->
<div align="center"> <font face="Arial, Helvetica, sans-serif" size="2"><b> &gt;&gt; 
  [ <a href="http://www.afreewebtemplate.com/free-templates1.html">1</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates2.html">2</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates3.html">3</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates4.html">4</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates5.html">5</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates6.html">6</a> 
  ] [ <a href="http://www.afreewebtemplate.com./free-templates7.html">7</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates8.html">8</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates9.html">9</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates10.html">10</a> 
  ] [ <a href="http://www.afreewebtemplate.com/free-templates11.html">11</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates12.html">12</a> 
  ] [ <a href="http://www.afreewebtemplate.com./free-templates13.html">13</a> ] [ <a href="http://www.afreewebtemplate.com/free-templates14.html">14</a> 
  ] &lt;&lt; </b></font></div>
<!-- #EndLibraryItem --> 
                  <div align="center"><img src="../images/lines.gif" width="517" height="1"> 
                  </div>
                  <div align="center"> 
                    <div align="center"> 
                      <div align="center"> 
                        <div align="center"> 
                          <div align="center"><!-- #BeginEditable "content" --> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr> 
                                <td valign="top"> 
                                  <div align="center"> </div>
                                  <table width="100%" border="0" cellspacing="0" cellpadding="5">
                                    <tr valign="top"> 
                                      <td height="881"> 
                                        <h1 align="center"><font face="Arial, Helvetica, sans-serif" size="2"> 
                                          </font>Build websites easier with premade 
                                          templates</h1>
                                        <p align="left"><font face="Arial, Helvetica, sans-serif" size="2"><!-- #BeginLibraryItem "/Library/adsense-300x250.lbi" --> 
<script language="JavaScript" type="text/javascript">
<!--
ctxt_ad_partner = "1917901875";
ctxt_ad_section = "10687";
ctxt_ad_bg = "";
ctxt_ad_width = 336;
ctxt_ad_height = 280;
ctxt_ad_bc = "FFFFFF";
ctxt_ad_cc = "FFFFFF";
ctxt_ad_lc = "0000FF";
ctxt_ad_tc = "000000";
ctxt_ad_uc = "999999";
// -->
</script>
<script language="JavaScript" src="http://ypn-js.overture.com/partner/js/ypn.js">
</script><!-- #EndLibraryItem --></font></p>
                                        <p>To most people the process of building 
                                          a web site remains somewhat of a mystery. 
                                          This confusion probably stems from the 
                                          fact that there is a cornucopia of web 
                                          sites on the Internet. Even with wide 
                                          variety of sites, every single one can 
                                          be divided into two sections: front-end 
                                          and back-end. </p>
                                        <p>The front-end is the first thing that 
                                          it is designed. It encompasses the look 
                                          and feel of a web site. This is probably 
                                          the most established part of the web 
                                          site production process. Design has 
                                          been around since Guttenberg printed 
                                          his first bible. Much of what has been 
                                          used in print media (especially art 
                                          magazines) has transferred to the web. 
                                        </p>
                                        <p>Most well thought out web sites start 
                                          off with sketches on paper. We like 
                                          using the big huge box of crayons, the 
                                          one with the crayon sharpener built 
                                          in. Most of the colors in the &quot;big 
                                          box&quot; are pleasing to the eye and 
                                          are web friendly. If you use begin paying 
                                          attention to sites you'll notice that 
                                          only a few colors are actually used, 
                                          256 to be exact. Only about 100 of those 
                                          won't give you a headache when you look 
                                          at them. On request we will give these 
                                          early designs to a client that wants 
                                          to control the look and feel of their 
                                          site. The site, of course, never ends 
                                          up looking like the early designs. The 
                                          same idea and concept is there but because 
                                          of restrictions colors and whole images 
                                          are lost. </p>
                                        <p>This brings us to the next part of 
                                          the front-end, the actual site creation. 
                                          This is what many people view as the 
                                          most important, which is what separates 
                                          a professional looking site from an 
                                          amateur one. </p>
                                        <p>The images are created using products 
                                          from across the board. Mainly, designers 
                                          stick to industry standards like Photoshop 
                                          and Illustrator. After getting the basic 
                                          image in terms of proportions and size 
                                          the designer should create the static 
                                          HTML page. </p>
                                        <p>This is the basic page you would see 
                                          if you viewed the page source. This 
                                          is one of the most rewarding, most hated 
                                          and most tedious part of the web design 
                                          process. Each browser displays a page 
                                          differently. Since most users either 
                                          use Internet Explorer 4+ or Netscape 
                                          4.5 we cater to those two. Sometimes 
                                          we build a different site for each, 
                                          trying to maintain the same layout. 
                                        </p>
                                        <p>That concludes the front-end section. 
                                          Personal sites and some small business 
                                          sites stop here. While this maybe acceptable 
                                          today, tomorrow any web site hoping 
                                          to attract and keep visitors is going 
                                          to have a strong back-end. </p>
                                        <p>There are many sites and website designers 
                                          that offer premade templates, these 
                                          have the entire graphical layout that 
                                          a page needs. </p>
                                        <p>For those with little or no experience 
                                          with website design software, templates 
                                          have quickly become a practical solution 
                                          to professional website design. Most 
                                          of the top end sites offer a huge selection 
                                          of very impressive, easy-to-edit website 
                                          templates. All you have to do is check 
                                          your email containing the link to download 
                                          the .zip file. The html in these templates 
                                          is compatible with Adobe GoLive, Macromedia 
                                          Dreamweaver and Microsoft Frontpage. 
                                          The major advantage is the price, they 
                                          run anywhere from $20 to $70. Another 
                                          great advantage is you don't have to 
                                          hire a web designer, who usually takes 
                                          1 to 2 weeks to produce a page of such 
                                          high quality. Webmasters, either novice 
                                          or expert, can easily save thousands 
                                          of dollars on design fees by using website 
                                          templates. </p>
                                        <p>There are also some exception sites, 
                                          such as http://www.web-site-templates.org 
                                          <br>
                                          that provide packages of templates at 
                                          one price, instead of providing a different 
                                          price for each template. </p>
                                        <p></p>
                                        <p><br>
                                          About the author:<br>
                                          Alexandru Marias is an IT student mentaining 
                                          software sites like: <a href="http://www.amicutilities.com" target="_blank">www.amicutilities.com</a>,www.downloadsplaza.com, 
                                          www.fungamesplaza.com, www.bluedownloads.com</p>
                                        <p><font size="2" face="Arial, Helvetica, sans-serif"> 
                                          </font></p>
                                        </td>
                                    </tr>
                                  </table>
                                  <div align="left">&lt;&lt; <a href="index.html">Return 
                                    to Articles Home Page</a><font face="Arial, Helvetica, sans-serif" size="2"> 
                                    </font>&nbsp; &nbsp; </div>
                                </td>
                              </tr>
                            </table>
                            <script language="javascript">
function mailpage()
{
mail_str = "mailto:?subject=Check out this page called " + document.title;
mail_str += "&body=I thought you might be interested in this page called " + document.title;
mail_str += ". You can view it at, " + location.href.toString(); 
location.href = mail_str;
}
</script>
                            <!-- #EndEditable --></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            </table>
            
          </td>
        </tr>
      </table>
      <div align="center"><b> <br>
        If you use our free web templates, please link back to us a <a href="http://www.afreewebtemplate.com">http://www.afreewebtemplate.com</a>.</b></div>
    </td>
    <td><img src="../images/shim.gif" width="1" height="393" border="0"></td>
  </tr>
  <tr valign="top"> <!-- row 8 --> 
    <td colspan="4"><img name="layout_r8_c1" src="../images/layout_r8_c1.gif" width="1000" height="13" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="13" border="0"></td>
  </tr>
</table>
<!-- #BeginLibraryItem "/Library/bottom.lbi" -->
<div align="center"><font size="1" face="Arial, Helvetica, sans-serif"><a href="../index.html"><font size="2">Home</font></a><font size="2"> 
  | <a href="../free-templates1.html">Free Web Templates</a> | <a href="../freegraphics">Free 
  Web Graphics</a> | <a href="../articles">Web Design Articles</a> | <a href="../resources.html">Resources</a><br>
  © 2002-2009 <a href="../index.html">A Free Web Template</a>. All Rights Reserved.</font></font><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"> 
  </font></div>
<!-- #EndLibraryItem --> 
</body>
<!-- #EndTemplate --></html>

