i have been learning web development by self study..referring forums and web tutorials....if any body can help me to sort out my requirement..it will be great...

the code am using for the homepage is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Aemunathan - aemunathan.r@gmail.com" />
<meta name="Robots" content="index,follow" />

<link rel="stylesheet" href="images/Envision.css" type="text/css" />



<!-- wrap starts here -->
<div id="wrap">

<!--header -->
<div id="header">

<h1 id="logo-text"><a href="index.html">BSNL</a></h1>
<p id="slogan">Connecting India</p>

<div id="header-links">
<a href="index.htm">Home</a> |
<a href="index.htm">Contact</a> |
<a href="index.htm">Site Map</a>


<!-- menu -->
<div id="menu">
<li id="current"><a href="index.htm">Home</a></li>
<li><a href="index.html">LBA</a></li>
<li><a href="index.html">GPRS</a></li>
<li><a href="index.html">MMS</a></li>
<li><a href="index.html">JIMPS</a></li>
<li><a href="index.html">MYTV</a></li>
<li><a href="index.html">PTT</a></li>
<li class="last"><a href="local/routine_rep.htm">LOCAL</a></li>


<!-- content-wrap starts here -->
<div id="content-wrap">

<div id="sidebar">

<h3>Site Search</h3>
<form action="#" class="searchform">
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />

<h3>Wise Words</h3>
<div class="left-box">
<p>&quot;Evaluation of the past is the first step toward
vision for the future.&quot; </p>

<p class="align-right">- Chris Widener</p>


<div id="main">

<a name="Welcome"></a>
<h2>Welcome to the telecom hub</h2>

<p><strong>Envision 1.1</strong> is a free, W3C-compliant, CSS-based website template
by <strong><a href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to
use and modify it for any purpose. All I ask is that you include a link back to
<a href="http://www.styleshout.com/">my website</a> in your credits.</p>

<p>Good luck and I hope you find my free templates useful!</p>

<form action="#">
<label>Name &nbsp&nbsp&nbsp
<input name="dname" value="Your Name" type="text" size="30" /></label>
<label>Email &nbsp&nbsp&nbsp
<input name="demail" value="Your Email" type="text" size="30" /></label>
<label>Your Comments</label>
<textarea rows="3" cols="3"></textarea>
<br />
<input class="button" type="submit" />


<!-- content-wrap ends here -->

<!--footer starts here-->
<div id="footer">

&copy; 2008 <strong>BSNL</strong> |
Design by: <a href="">Aemunathan</a> |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>


<a href="index.html">Home</a>&nbsp;|&nbsp;
<a href="index.html">Sitemap</a>&nbsp;|&nbsp;
<a href="index.html">RSS Feed</a>


<!-- wrap ends here -->


in this i need to have sub menus like the one in http://deluxe-menu.com/ways-showing-submenus-sample.html

am planning to split the home page in to foure frames..menu, sidebar, footer, main window...where am going to display the result of the menu click event....
can any one help me out.....