Allora, salve a tutti. Vorrei creare il layout del mio sito con i fogli di stile.
Il codice della pagina principale è questo di seguito. COme posso fare?

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Pc Point</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style type="text/css">
<!--
.style5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
-->
  </style>

<style type="text/css">
div#MENU
{
    background-color: #000000;
    width: 150px;
    padding: 5px;
    border: Solid 1px blue;
}
div.TITOLO
{
    position: Relative;
    background-color: #000000;
    font: Bold 10px Verdana;
    margin-bottom: 5px;
    padding: 5px;
    border: Solid 1px blue;
    cursor: Pointer;
}
span.VOCI
{
    display: None;
    font-family: Verdana;
    font-size: 10px;
}
a
{
    color: white;
}
  </style>
<style type="text/css">
div#MENU
{
    background-color: #000000;
    width: 168px;
    padding: 5px;
    border: Solid 1px blue;
}
div.TITOLO
{
    position: Relative;
    background-color: #000000;
    font: Bold 10px Verdana;
    margin-bottom: 5px;
    padding: 5px;
    border: Solid 1px blue;
    cursor: Pointer;
}
span.VOCI
{
    display: None;
    font-family: Verdana;
    font-size: 10px;
}
a
{
    color: #ffffff;
}
  </style>
  
  <style type="text/css">
<!--
.style5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
-->
  </style>

</head>




<body topmargin="0" bottommargin="0" alink="white" bgcolor="#000000" link="white" text="#ffffff" vlink="white">











<script language="JavaScript1.2">

//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

<table style="border: 1px solid rgb(96, 163, 255);" align="center" border="0" cellpadding="0" cellspacing="0" width="750">








  <tbody>







    <tr>








    <td background="images/02.gif" width="12">[img]images/02.gif[/img]</td>








    <td colspan="3" background="images/01.gif" height="26"></td>








    <td background="images/02.gif" width="12">[img]images/02.gif[/img]</td>








  </tr>








  <tr>








    <td background="images/02.gif"></td>








    <td colspan="3" height="26">[img]images/logo.gif[/img]</td>








    <td background="images/02.gif"></td>








  </tr>












    <tr>



      <td style="height: 27px;" background="images/02.gif"></td>








    <td style="height: 27px;" width="178"></td>








    <td style="height: 27px;" background="images/07.jpg" width="453"></td>








    <td style="height: 27px;" background="images/07.jpg" width="241"></td>








    <td style="height: 27px;" background="images/02.gif"></td>








  </tr>










  <tr>








    <td background="images/02.gif"></td>








    <td align="center" valign="top">
      
      
      
      
      
      
      
      <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="101" width="165">








      
      <tbody>







          <tr>








        <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Men&ugrave;:.]</span></td>








      </tr>








      <tr>








        <td align="left" height="68" valign="top" width="165">




  
  
            
  
  
            
            
            



  
  
            
            
            
            <script language="javascript">
function Menu(id)
{
    var e = document.getElementById(id);
    var a = document.getElementById("MENU").getElementsByTagName("span");
    if (e.style.display != "Block")
    {
        for (var i=0; i<a.length; i++)
        {
            if (a[i].className == "VOCI")
            {
                a[i].style.display = "None";
            }
        }
        e.style.display = "Block";
    }
    else
    {
        e.style.display = "None";
    }
}
  </script>





            
            
            
            <div id="MENU">
<? include("menu.php"); ?>
            </div>







            </td>










      </tr>










       <tr>










        <td align="left" background="images/03.gif" height="12" valign="top"></td>










      </tr>










    
        
        
        
        
        
        
        
        
        
        </tbody>
      
      
      
      
      
      
      
      
      
      </table>









  
    










  
      
      
      
      
      
      
      
      
      
      <table style="border: 1px solid rgb(71, 216, 229);" border="0" cellpadding="0" cellspacing="0" height="142" width="165">










      
      <tbody>









          <tr>










        <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Ricerca:.]</span></td>










      </tr>










      <tr>










        <td align="left" height="115" valign="top" width="165">

</p>
          


            <? include("formcerca.php"); ?>
          </p></td>










      </tr>










       <tr>










        <td align="left" background="images/03.gif" height="12" valign="top"></td>










      </tr>










    
        
        
        
        
        
        
        
        
        
        </tbody>
      
      
      
      
      
      
      
      
      
      </table>









    











    
      
      
      
      
      
      
      
      
      
      <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="106" width="165">










      
      <tbody>









          <tr>










        <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Affiliati speciali:.]</span></td>










      </tr>










      <tr>










        <td align="center" height="77" valign="top" width="165"></td>










      </tr>










       <tr>










        <td align="left" background="images/03.gif" height="12" valign="top"></td>










      </tr>










    
        
        
        
        
        
        
        
        
        
        </tbody>
      
      
      
      
      
      
      
      
      
      </table>









      </td>










    <td colspan="2" align="center" valign="top">
      
      
      
      
      
      
      
      
      
      <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="237" width="98%">










      
      <tbody>









          <tr>










        <td class="style5" align="left" background="images/03.gif" height="12" valign="top">[.:Benvenuti:.]</td>










      </tr>
      <tr>

        <td height="223" valign="top">       
            
            
            <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
            
            
            
            
            
            <script type="text/javascript" src="jquery.easing.min.js"></script>
            
            
            
            
            
            <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    
    
    
    
            
            
            
            
            
            <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>

	


            </td>










      </tr>










      <tr>










        <td align="left" background="images/03.gif" height="12" valign="top"></td>










      </tr>










    
        
        
        
        
        
        
        
        
        
        </tbody>
      
      
      
      
      
      
      
      
      
      </table>









      










      
      
      
      
      
      
      
      
      
      <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="105" width="98%">










      
      <tbody>









          <tr>










        <td align="left" background="images/03.gif" height="12" valign="top">
            
            
            
            
            
            
            
            
            
            <div align="left"><span class="style5">[.:Affiliati:.]</span></div>









            </td>










      </tr>










      <tr>










        <td height="79">
            
            
            
            
            
            
            
            
            
            

</p>










          
            
            
            
            
            
            
            
            
            
            

</p>










          
            
            
            
            
            
            
            
            
            
            

</p>









            </td>










      </tr>










	  <tr>










        <td align="left" background="images/03.gif" height="12" valign="top"></td>










      </tr>










    
        
        
        
        
        
        
        
        
        
        </tbody>
      
      
      
      
      
      
      
      
      
      </table>









      </td>










    <td background="images/02.gif"></td>










  </tr>










  <tr>










    <td background="images/02.gif"></td>










    <td colspan="3" height="26"></td>










    <td background="images/02.gif"></td>










  </tr>










  <tr>










    <td background="images/02.gif"></td>










    <td background="images/footer01.gif" height="26"></td>










    <td colspan="2" background="images/footer01.gif" height="26">
      
      
      
      
      
      
      
      
      
      <div align="right"></div>









      </td>










    <td background="images/02.gif"></td>










  </tr>










  
  
  
  
  
  
  
  
  
  </tbody>
</table>










</body>
</html>
Grazie a tutti