1. Código html logeo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
2. margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
border-right-color: #360;
border-bottom-color: #360;
border-left-color: #360;
color: #000;
}
4. float: left;
padding-right: 0;
}
.twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 18px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
height: auto;
width: auto;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
5. .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
6. <style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
<div id="sidebar1">
<h3>Contenido de Sidebar1</h3>
<p>El color de fondo de este div sólo se mostrará a lo largo del contenido. Si desea utilizar una lÃ-nea divisoria en su lugar, coloque un borde
en el lado derecho del div #mainContent si siempre va a incluir más contenido. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend
sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
11. Código HTML de registro de usuario
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
13. margin-left: 0;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 18px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
14. }
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
15. <![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
<div id="sidebar1">
<h3>Contenido de Sidebar1</h3>
<p>El color de fondo de este div sólo se mostrará a lo largo del contenido. Si desea utilizar una lÃ-nea divisoria en su lugar, coloque un borde
en el lado derecho del div #mainContent si siempre va a incluir más contenido. </p>
16. <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend
sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<p>Creado por Julissa Rodriguez Vilca</p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<h1>registro de usuario</h1>
<form name="form1"method="post" action="register.php">
<center><h1>Inscripcion de Usuarios</h1></center>
<p align="center"> Ingresa tus datos personales</p>
<table align="center">
<tr>
<td>Nombre Usuario</td>
<td><input type="text" name="txtusuario" ></td>
</tr>
<tr>
<td>Contraseña</td>
<td><input type="text" name="txtclave" ></td>
</tr>
<tr>
<td>DNI:</td>
<td><input type="text" name="txtdni"></td>
</tr>
<tr>
<td>Apellidos</td>
<td><input type="text" name="txtapellidos"></td>
</tr>
<tr>
<td>nombres:</td>
<td><input type="text" name="txtnombres"></td>
18. $especialidad=$_POST["cboEspecialidad"];
$turno=$_POST["cboturno"];
$semestre=$_POST["cboSemestre"];
$conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456") or die(mysql_error());
mysql_select_db("u643294674_institut",$conexion)or die(mysql_error());
$sql="INSERT INTO matriculas(idmatricula,dni,apellidos,nombres,email,especialidad,turno,semestre)
values(null,'$dni','$apellidos','$nombres','$email','$especialidad','$turno','$semestre')";
mysql_query($sql);
echo ("registro insertado correctamente");
?>
19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
20. border-right-color: #360;
border-bottom-color: #360;
border-left-color: #360;
color: #000;
}
.twoColFixRtHdr #header {
background: #DDDDDD;
padding: 0 10px 0 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza
una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.twoColFixRtHdr #header h1 {
margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio
inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.twoColFixRtHdr #sidebar1 {
float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
width: 200px; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
padding: 15px 10px;
color: #900;
background-color: #558EAC;
}
.twoColFixRtHdr #mainContent {
text-align: center;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 20px;
21. clear: left;
float: left;
height: 500px;
width: 500px;
}
.twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 18px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la
contracción de márgenes */
}
22. .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento
junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya
completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
23. <style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
<div id="sidebar1">
<h3>Contenido de Sidebar1</h3>
<p>El color de fondo de este div sólo se mostrará a lo largo del contenido. Si desea utilizar una línea divisoria en su lugar, coloque un borde en el
lado derecho del div #mainContent si siempre va a incluir más contenido. </p>
<p>Creado por Julissa Rodriguez Vilca</p>
<!-- end #sidebar1 --></div>
24. <div id="mainContent">
<h1>Registro de Estudiantes</h1>
<p>Ingresa los datos del Estuduante</p>
<form name="form1"method="post" action="registroe.php">
<table width="342" align="center">
<tr>
<td>DNI:</td>
<td><input type="text" name="txtdni"></td>
</tr>
<tr>
<td>Apellidos</td>
<td><input type="text" name="txtapellidos"></td>
</tr>
<tr>
<td>nombres:</td>
<td><input type="text" name="txtnombres"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="txtemail"></td>
</tr>
<tr>
<td>Especialidad:</td>
<td align="center">
<select name="cboEspecialidad" id="cboEspecialidad">
<option>Elegir Especialidad</option>
<option value="Computacion e Informatica">Computacion e Informatica</option>
<option value="Contabilidad">Contabilidad</option>
28. Código HTML Borrar Estudiante
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
29. font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 800px;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
border-right-color: #360;
border-bottom-color: #360;
border-left-color: #360;
color: #000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
31. .twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 14px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
width: 780px;
height: auto;
clear: none;
float: none;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
32. .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
33. <style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
36. <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Código PHP
<?php
$valor=$_POST['chkregistro'];
echo"ID de la matricula es= >".$valor;
$conexion= mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
mysql_select_db('u643294674_institut',$conexion);
$tabla=mysql_query("delete from matriculas where idmatricula=$valor");
echo '<a href="eliminar.html"> Listado de Registro de Matriculas</a>';
?>
37.
38.
39. Código HTML Actualizar Registro
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
40. margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
border-right-color: #360;
border-bottom-color: #360;
border-left-color: #360;
color: #000;
}
42. color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 16px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
43. margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
47. Código HTML consulta.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
49. padding-bottom: 0;
padding-left: 20px;
height: auto;
width: 500px;
}
.twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 18px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
50. .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
51. <style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
<div id="sidebar1">
<h3>Contenido de Sidebar1</h3>
<p>El color de fondo de este div sólo se mostrará a lo largo del contenido. Si desea utilizar una lÃ-nea divisoria en su lugar, coloque un borde
en el lado derecho del div #mainContent si siempre va a incluir más contenido. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend
sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
57. CODIGO HTML Consulta Estudiante
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
58. font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 810px;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
border-right-color: #360;
border-bottom-color: #360;
border-left-color: #360;
color: #000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
}
60. .twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
height: auto;
width: 810px;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
61. .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 16px;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
62. <![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="766" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="822" height="125" border="1" align="center">
<tr>
<td width="120" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="121"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="126"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="128" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="139"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="106"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="101" height="77" /></a></p></td>
</tr>
</table>
<div id="mainContent">
65. CODIGO PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tÃ-tulo</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración
predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado
de alineación a la izquierda en el selector #container */
color: #FFF;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
text-align: center; /* esto anula text-align: center en el elemento body. */
background-color: #399;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #360;
67. float: none;
margin: auto;
}
.twoColFixRtHdr #footer {
padding: 0 10px 0 20px;
color: #FF0;
height: 50px;
background-color: #000;
background-image: url(Barra6.gif);
}
.twoColFixRtHdr #container table {
color: #FFF;
font-family: "Comic Sans MS", cursive;
font-size: 16px;
background-color: #000;
text-align: center;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
background-image: url(Barra3.gif);
background-repeat: no-repeat;
background-position: center center;
}
.twoColFixRtHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio
entre divs) */
padding: 15px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo harÃ-a el margen, sin el problema de la
contracción de márgenes */
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al
elemento junto al que debe aparecer en la página. */
68. float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que
incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
body,td,th {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link {
color: #FFF;
}
a:visited {
color: #FF0;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
69. .twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<img src="BannerAqp.jpg" width="739" height="268" border="2" align="CENTER" />
<!-- end #header --></div>
<table width="785" border="1" align="center">
<tr>
<td width="174" height="60"><a href="index.html">INICIO<img src="casa.gif" width="71" height="74" /></a></td>
<td width="299"><a href="registro1.html">REGISTRO USUARIO<img src="Compu.gif" width="76" height="68" /></a></td>
<td width="290"><a href="registro2.html">REGISTRO ESTUDIANTES<img src="evaluacion-fullinit_.jpg" width="65" height="51" /></a></td>
<td width="174" ><a href="eliminar.html">ELIMINAR</a><a href="eliminar.html"><img src="btnEliminar.gif" width="71" height="74"
/></a></td>
<td width="299"><a href="actualizar.html">ACTUALIZAR</a><a href="actualizar.html"><img src="actualizar.png" width="86" height="69"
/></a></td>
<td width="290"><p><a href="buscar.html">BUSCAR</a><a href="buscar.html"><img src="Lupa.gif" width="53" height="57" /></a></p></td>
</tr>
</table>
<div id="mainContent">
<h1> Registro del Estudiante</h1>
<br>
</head>
<?php
$conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
mysql_select_db('u643294674_institut',$conexion);
$tabla=mysql_query("SELECT * FROM matriculas");
70. $especialidad=$_POST["cboEspecialidad"];
$turno=$_POST["cboturno"];
$semestre =$_POST["cboSemestre"];
$dni=$_POST["txtdni"];
$tabla = mysql_query("SELECT * FROM matriculas where dni=$dni"); // Selecciono todos los registros de la tabla
?>
<table border="1" width="700">
<tr align="center">
<td>Id</td>
<td>DNI</td>
<td>APELLIDOS</td>
<td>Nombres</td>
<td>Email</td>
<td>Especialidad</td>
<td>Turno</td>
<td>Semestre</td>
</tr>
<?php
while($registro=mysql_fetch_array($tabla))
{
?>
<tr>
<td><?php echo $registro['idmatricula'];?></td>
<td><?php echo $registro['dni'];?></td>
<td><?php echo $registro['apellidos'];?></td>
<td><?php echo $registro['nombres'];?></td>
<td><?php echo $registro['email'];?></td>
<td><?php echo $registro['especialidad'];?></td>
<td><?php echo $registro['turno'];?></td>
<td><?php echo $registro['semestre'];?></td>