Simple graphic design for your web site: In many stipulations, all the web site you need is just simple code and nice appearance, well indexed with the external search engines. You can use ready web site templates: just download them from the Web and do some content editing. Or you can also use this web design ebook to create your own unique appearance.
    This tutorial will give you working experience with the software that is easiest to buy and use: Corel Draw, MS Word and Adobe Photoshop. Actually, you may draw the line at two solutions only: a vector graphics processor (Corel Draw or MS Word) and a raster graphics processor (Adobe Photoshop). To write and edit HTML code, we use the Notepad that comes with the Windows.

    As an example, we're going to design a web page with a catalog of Barbie Wallpapers.  [Free wallpapers for Pocket PC]

    We'll use the lines and arches to make the frame, and we don't need the MS Word anymore. Please color the frame and make it a bit lower. Now copy the image to the clipboard and paste it in the Adobe Photoshop file, then start editing.

    Now let us make a similar frame, but smaller and in different color, and place it all were the first one; and then place a great frame at the bottom that will provide the shading:

    -we downsized the image in the Photoshop to change the curve radius of all the frame’s corners.
    
    Let’s now break the resulting graphic frame into components. First we’ll make it into three stripes: at the top, middle and bottom.

    Now let's isolate and save components of each ‘stripe’: the corners and the central component:

    The width of components may vary (their height depends on the ‘stripe’ height) – but this is irrelevant for design complexity. Everything will return to proportion when we write the HTML code.
    In our example, the web page design consists of three tables:
    
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=400/design.jpg width=20 height=23></td>
<td background=400/site.jpg width=141 height=23></td>
<td background=400/tutorial.jpg width=19 height=23></td>
</tr>
</table>
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=500/design.jpg width=17 height=60></td>
<td background=500/site.jpg width=148 height=60>Web Site Content Here</td>
<td background=500/tutorial.jpg width=15 height=60></td>
</tr>
</table>
<table cellpadding="0" width=180 cellspacing="0" border="0">
<tr>
<td background=600/design.jpg width=17 height=22></td>
<td background=600/site.jpg width=145 height=22></td>
<td background=600/tutorial.jpg width=18 height=22></td>
</tr>
</table>
 
    The result will look something like this:
 

    Ready code can be found in file table.htm (table.zip)
    Full complete web site - complete.zip
    
    We don’t have to set specific height for an average table (in the example, its height is 60). The height will automatically increase as we expand the content (text and images).
    Actually, this is just about enough to build a fairly balanced web page: a page that not only has standard appearance, but is fast to download and meets indexing requirements of search engines.
    
    
    
    !tzalist Webmasters Directory