transfer cat mai putin la vizualizare site

vreau ca la vizualizarea site-ului sa se transfere cat mai putine date. hostingul pe care-l voi folosi are o limita de trafic lunar.

in site continutul se modifica doar in centru. ce se afla in stanga, dreapta, sus ramane la fel. in centru apare o lista de produse care se modifica in functie de ce aleg din meniu.

asa cum e acum, daca aleg ceva din meniu se incarca toata pagina.

cum fac sa se modifice doar anumite parti din site iar celelalte sa ramana ?

Cea mai simpla varianta e sa folosesti frameset. Asta se potriveste foarte bine la stilul de pagina de care spui tu, cu benzi verticale/orizintale de informatie.

O varianta mai complexa este sa folosesti tehnologie AJAX.

am incercat cu iframe... functioneaza, dar continutul nou afisat nu va fi luat in considerare de motoarele de cautare. se considera separat de pagina initiala.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="height: 100%;">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Div</title>

<script type="text/javascript">
function setMyDiv(userFile)
{
document.getElementById("myDiv").innerHTML = "<iframe src='"+userFile+"' width=100%; height=100%; frameborder=0 scrolling=yes>";
}
</script>

</head>
<body style="height: 100%;">

<div style="height:50%;background-color:gray" id="myDiv">Continut</div>
<br >
<br >
<form>
<input type="button" onClick="setMyDiv('http://www.google.com/')" value="Google" >
<!-- in loc de link se pune untitled.html -->
<input type="button" onClick="setMyDiv('http://www.bing.com/')" value="Bing" >
</form>

</body>
</html>

solutia ar fi sa pun cat mai multa informatie pe prima pagina care sa fie luata de motoarele de cautare

http://blog.futtta.be/2010/03/03/5-tips-to-tackle-the-problem-with-iframes/

Cel mai indicat e sa folosesti Ajax, asa cum zice si Paul. Dar cum Ajax nu e un limbaj de programare prea usor, te sfatuiesc sa incerci cu JavaScript.