HTML vers PHP

Bonjour,

Je viens de finir la page d'accueil de mon site web qui est un .php ,mais qui contient en majorité du code html dedans.

Mon bute est d'utiliser certain code html du code de la page d'accueil dans mes autre page car il ne vont pas changer comme par exemple le menu et le header...etc.
je crois savoir que la meilleure façon de faire ça c des includes du fichier php qui contiendrait ce dernier.

voilà un exemple du code que je veux reetuliser sans le copeir encore une fois dans mon autra page:

-------------------------------------------------------------------------
<div id="conteneura">
<div class="logo"><img src="images/image_page_accueil/logo.jpg" alt="Logo" width="148" height="177" /> </div>
<div class="animflash"><img src="images/image_page_accueil/anim-flash.jpg" width="237" height="177" alt="animation"/></div>
<div class="menu_global">
<p 6px="" margin-top:="" style="margin-top: 0px; margin-bottom: 0px; height: 177px;"><span class="Style1">
<a href="#" class="menu_general">    Accueil</a><br />
<a href="#" class="menu_general">    La société</a><br />
<a href="#" class="menu_general">    Achat</a><br />
<a href="#" class="menu_general">    News</a><br />
<a href="#" class="menu_general">    Ecrire</a><br />
<a href="#" class="menu_general">    maintenance</a></span><br />

</div>
<div class="connexion_recherche">
<div class="spécialité Style4 Style6">
<div style="float:right;">
<table cellspacing="0" cellpadding="0" border="0" width="230" vspace="0" style="background-color: rgb(83, 117, 184); ">
<tr>
<td width="121" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 8px;"><div align="left" style="margin-left: 10px;">mécano
</div>
<center> <hr noshade="noshade" color="#36a862" align="center" width="95%" style="width: 119px; margin-right: 13px; float: left; border-top-width: 1px; margin-top: 5px; margin-left: 11px;"/>
</center></td>

<td width="42" style="margin-bottom: 0px; border-bottom-width: 0px; height: 35px; padding-bottom: 4px;">|</td>

<td width="70" cellspacing="0" cellpadding="0" vspace="0" align="center" nowrap="nowrap" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 10px;" ><div align="center" style="margin-right: 10px;">monteur
</div>
<center> <hr color="#f7b234" align="center" width="88%" style="width: 60px; top: 20px; right: 0px; margin-bottom: 10px; border-top-width: 1px; margin-top: 5px; margin-right: 10px;" margin-top="0px "/></td>
</tr>
</table>

</div>

</div>

<div class="connexion_compte" >
<table class="Style8" cellspacing="0" border="0" style="float: right; margin-left: 0px; width: 175px; padding-left: 0px; padding-top: 0px; margin-top: 0px; height: 81px;">


<tr>
<td style="width: 129px;"> <div id="connexion">

<?php

if(!isset($_SESSION['MM_Username'])) {
echo'<div><a style="color: rgb(255, 255, 255); text-decoration: none; width: 120px; height: 24px;" href="page_accueil/Page_authentification.php"> Connexion compte</a></div>';
}
else{
?> <?php echo 'Bienvenue, '.$_SESSION['MM_Username'].'!'; ?>
<?php echo '<a href="deconnexion.php" style="color:#666666; text-decoration:none ; padding-left:10px;" > Déconnexion </a>'; }?> </div> </td>
<td ><div id="cadie" ><a href="#" ><img src="images/image_page_accueil/caddie_off.png" alt="cadie" name="poum" border="0" onmouseover="poum.src='images/image_page_accueil/caddie_on.png'" onmouseout="poum.src='images/image_page_accueil/caddie_off.png'" /></a></div></td>


</tr>
</table>


</div>
<div id="conteneur_recherche">
<div class="recherche">

<div align="right">
<script>
function textepardefaut(evenement){

if(evenement=="prisedefocus")

{

if(document.getElementById('recherche').value == "Recherche")

{

document.getElementById('recherche').style.color = "#666666";

document.getElementById('recherche').value = '';

}

}

if(evenement=="pertedefocus")

{

if(document.getElementById('recherche').value == "")

{

document.getElementById('recherche').value = 'Recherche';

document.getElementById('recherche').style.color = "#666666";

}

if(document.getElementById('recherche').value == "Recherche")

{

document.getElementById('recherche').style.color = "#666666";

}

}

}</script>
<input type="text" id="recherche" value="" style="color:#666666; border:1px solid #C6C6FF;" onfocus="textepardefaut('prisedefocus')" onblur="textepardefaut('pertedefocus')"/>
<script type="text/javascript">textepardefaut('chargement')</script><img src="images/image_page_accueil/bouton_rechercher.jpg" width="18" height="18" align="texttop" style="margin-left: 4px;"/> </div>
<div id="recherche_avancée">
<a href="#" style="text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; color:#666666;">Recherche avancée</a>
</div>
</div>
</div>


</div>

</div>
------------------------------------------------------------------------------------