NB:EXCUSE ME EXPERTS....,,,,THESE TIPS ARE ONLY FOR BEGINNERS...
1.TRY TO FRAGMENT YOUR WHOLE PAGE SIZE INORDER TO ARRANGE DATAS BEAUTIFULLY
We can use the <span> tag for this fragmentation
for Eg-:
Main Banner-At Top Center
<span style='position:absolute;left:120px;top;5px;width:990px;height:69px;'>
<img src="mainbanner.gif"/>/*To Add The Animated Banner*/
</span>
Left Side Column For Links
<span style='position:absolute;left:0px;top:69px;width:340px;height:640px;'>
<table width="340" height="640">
<tr>
<td valign="top">
<a href="link1.html">Link1</a>
.
. /*Link to Other Pages*/
.
<a href="link2.html">Link2</a>
</td>
</tr>
</table>
</span>
The Body-Central Area Below Top-Center Banner And Above Copyright Area
<span style='position:absolute;left:340px;top:69px;width:650px;height:580px;'>
<table width:650" height="580">
<tr>
<td valign="top">
<img src="bodyofpage.jpg"/>
</td>
</tr>
</span>
Copyrght Area-Bottom most part of the page...
<span style='position:absolute;left:120px;top:640px;width:990px;height:100px;'>
<center>
<a href="link1.html">Link3</a>
.
. /*Link to Other Pages*/
.
<a href="link2.html">Link4</a>
©Copyright@yourwebsie.com
</center>
</span>
1.TRY TO APPLY STYLES TO TEXTS & HEADINGS
Using Class Method
Below the <title> tag and inside the <head> and </head> the styles can be defined.
or you can just make another CSS file.
For defining styles with in the page do as follows
<html>
<head>
<title>
<style>
.class1
{
font-family:Comic Sans Ms;
font-size:20pt;
text-align="center";
color:black;
}
</style>
</head>
<body>
<p class="class1"> /*applies style of class1 for the texts inside*/
Using Styles by class method
</p>
</body>
</html>
Inline Styles
This is much simple
<h1 style="font-family:Comic Sans Ms;color:white">
Content text
</h1>
Make Use of These Tips..........
This is your friend,,,,
Rajeesh.N.Santhu