Per esternalizzare intendo che:

in ogni pagina del sito nel codice avrai una cosa tipo:

<div id="header">...........................</div>
<div id="left-menu">...........................</div>

<div id="contenuti">...........................</div>

<div id="footer">...........................</div>

visto che il primo, il secondo ed il quarto div sono presenti in tutte le pagine e sono statici, cioè il contenuto non cambia mai potreti salvare il codice di ognuno di questi div e farne pagine singole,ad esempio in php sarebbe cosi:

prendi il codice <div id="header">.........tutto il contenuto dell'header...........</div> e lo salvi in un file chiamandolo header.php
quel file poi lo includi sempre nella stessa posizione dove prima c'era il codice <div id="header">.........tutto il contenuto dell'header...........</div> e scrivi <?php include 'header.php' ?>

questo lo fai per le tre parti "statiche".Cosi hai il vantaggio che se vuoi fare modifiche a queste pagine lo fai una volta sola e la modifica viene effettuata su tutte le pagine, stessa logica di usare i css.

Il div dei contenuti è l'unico che in ogni pagina cambia e quindi si potrebb usare o un iframe o impostare tutto il layout usando i frameset, ma questa seconda possibilità non la consiglio.