1) il faut creer une feuille de style, c'est a dire un fichier "style.css" et mettre dedans ce que tu as dans les balises <head>
et dans la balise <head></head> en lieu et place de ton style actuel tu places un lien
<link rel="stylesheet" type="text/css" href="ton_dossier/style.css">
qui pointe vers ton fichier style.css ce qui fait que tu as juste ce fichier a modifier pour tout changer en une seule fois
2) il faut creer comme tu as du le faire un fichier footer
grosso modo ta construction ressemble à ca si tu as 1 frame en haut 1 sur le coté et une en bas.
<frameset rows="xxx,xxx,xx" border="0">
<frame name="heading" src="heading.html" marginwidth="0" topmargin="0" leftmargin="0" marginheight="0" scrolling="no" frameborder="no" noresize>
<frameset cols="xx,*" border="0">
<frame name="menu" src="menu.html" marginwidth="0" topmargin="0" leftmargin="0" marginheight="0" scrolling="no" frameborder="no" noresize>
<frame name="main" src="home.html" marginwidth="0" topmargin="0" leftmargin="0" marginheight="0" scrolling="yes" frameborder="no" noresize>
</frameset>
<frame name="footer" src="footer.html" marginwidth="0" topmargin="0" leftmargin="0" marginheight="0" scrolling="no" frameborder="no" noresize>
les X representent les pixels, et les valeurs 0 les bordures etc que tu modifies à volonté