Foros del Web - HTML y PHP

Hola compañeros, sigo dando una vez mas guerra por aqui, el tema es el siguiente, tengo un documento php, para realizar la conexión e inserción en la base de datos, de los datos que recoge un formulario, validado este mediante un javascript. He probado en un editor de php el documento y me conecta y me inserta bien en la base de datos, pero el problema es que cuando lo intento hacer mediante el formulario, no se realiza la conexión o no sé que pasa pero al clickear en el boton de "insertar" lo único que ocurre es que se me carga el código entero del documento php. ¿Alguien puede ayudarme?El documento .htm

Código PHP:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Gestión de proyectos y seminarios</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  <script language="JavaScript" type="text/javascript"> 

 
   function validar(){ 

    var bOk = true; 

    with (document.adm){ 

     if (Nombre.value == ""){ 

      alert("Faltan campos por rellenar"); 

      Nombre.focus(); 

      bOk = false; 

     } 

     else { 

      if (Apellidos.value == ""){ 

       alert("Faltan campos por rellenar"); 

       Apellidos.focus(); 

       bOk = false; 

      }

      else{

    if((CodProfesor.value)==""){

     alert("Faltan campos por rellenar");

      CodProfesor.focus();

     bOk=false;

    }

    else{

     if(Asignatura.value==""){

      alert("Faltan campos por rellenar");

      Asignatura.focus();

      bOk=false;     

     }

    }

       }

     } 

     if (bOk) 

      submit(); 

    } 

   } 

 
  </script>

</head>

<body bgColor="#cddcdc">

<form name='adm' method="post" action="administrador.php"> 

<div align="center">

  <p><strong>GESTI&Oacute;N DE PROFESORADO</strong></p>

  <p align="left"><a href="#">Ver lista de profesores autorizados</a></p>

</div>

  <p>&nbsp;</p>

<p>Nombre

  <input name="Nombre" type="text" size="25" maxlength="50" style="Z-INDEX: 106; LEFT: 145px; POSITION: absolute; TOP: 127px; width: 184px; height: 16px;">

</p>

  <p>Apellidos

    <input name="Apellidos" type="text" size="25" maxlength="50" style="Z-INDEX: 107; LEFT: 145px; POSITION: absolute; TOP: 162px; width: 184px; height: 16px;">

  </p>

  <p>Cod.Profesor

    <input name="CodProfesor" type="text" size="25" maxlength="15" style="Z-INDEX: 108; LEFT: 145px; POSITION: absolute; TOP: 202px; width: 184px; height: 16px;">

</p>

  <p>Nombre de Usuario  

    <input name="Asignatura" type="text" size="25" maxlength="50" style="Z-INDEX: 109; LEFT: 145px; POSITION: absolute; TOP: 240px; height: 16px; width: 184px;">

  </p>

<div>

  <p>  

    <input name="Modificar" type="button" value="Modificar" style="Z-INDEX: 112; LEFT: 94px; POSITION: absolute; TOP: 297px; width: 105px;">

  </p>

</div>  

 
<div>

  <p>

    <input name="A&ntilde;adir" type="button" value="A&ntilde;adir" style="Z-INDEX: 110; LEFT: 229px; POSITION: absolute; TOP: 297px; width: 102px;" onclick='validar()'>

</p>

</div>

 
<p>&nbsp;</p>

</form>

<p>

<a href="http://validator.w3.org/check?uri=referer"><img border="0"style="Z-INDEX: 110; LEFT: 821px; POSITION: absolute; TOP: 499px; width: 102px;"

src="http://www.w3.org/Icons/valid-html401"

alt="Valid HTML 4.01!" height="31" width="88"></a></p>

</body>

</html>