SlideShare a Scribd company logo
1 of 71
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;
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;
}
.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;
         color: #900;
         margin-top: 0;
         margin-right: 0px;
         margin-bottom: 0;
         margin-left: 0;
         padding-top: 0;
         padding-bottom: 0;
         padding-left: 20;
         letter-spacing: normal;
         word-spacing: normal;
         width: 550px;
         height: 500px;
         clear: left;
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 */
}
.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]>
<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>
<p>Creado por Julissa Rodriguez Vilca</p>
<!-- end #sidebar1 --></div>

<div id="mainContent">

<h1>registro de usuario</h1>
<form id="form1" name="form1" method="post" action="verificandologueo.php">
<p> INGRESA TUS DATOS </p>
<table width="257" height="99" border="2" align="center" bgcolor="#99CC99">
<tr>
<td>NOMBRE:</td>
<td><input type="text" name="txtusuario"></td>
</tr>
<tr>
        <td>Password</td>
        <td><input type="password" name="txtclave"></td>
</tr>
<tr>
<td>
<input type="submit" name="INGRESAR" id="INGRESAR" value="Ingresar" /></td>
<td>
<input type="submit" name="CANCELAR" id="CANCELAR" value="Cancelar" /></td>
</tr>

</table>&nbsp;</p></form>
<!-- end #mainContent --></div>
<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que
contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>

Código de PHP verifica_ usuario
<?php
$usuario=$_POST["txtusuario"];
$clave=$_POST["txtclave"];
SESSION_START();
$conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456") or die ('Ha fallado la conexion'.mysql_error()); // se conecta
con el servidor
mysql_select_db("u643294674_institut",$conexion)or die('Error al seleccionar la base de Datos: '.mysql_error()); // selecciona la base de
datos
$tabla = mysql_query("SELECT usuario,contraseña FROM contactos");


     $checkusuario = mysql_query("SELECT usuario FROM contactos WHERE usuario='$usuario'");
       $usuario_exist = mysql_num_rows($checkusuario);
        $checkclave = mysql_query("SELECT contraseña FROM contactos WHERE contraseña='$clave'");
$clave_exist = mysql_num_rows($checkclave);
if ($usuario_exist>0 && $clave_exist>0) {
        $_SESSION['username']=$usuario;
        $_SESSION['userclave']=$clave;
    echo "Has sido logueado correctamente ".$_SESSION['username']." <p>";
        echo $_SESSION['username'].' y '.$_SESSION['userclave'].' son correctos';
        echo '<a href="registro2.html">Registro</a></p>';
}else{
echo 'Usuario y clave Incorrectas';
       echo '<a href="index.html">Index</a></p>';
}
/*while($row = mysql_fetch_array($tabla)){
   if(($row["usuario"] == $_POST['txtusuario']) && ($row["contraseña"]==$_POST['txtclave'])){

      $_SESSION["username"] = $row['usuario'];
          $_SESSION["userclave"] = $row['clave'];
      $verifi=1;
               }
      else{
                       $verifi=0;
               }

}*/

/*if($verifi == 1){
        echo 'Has sido logueado correctamente '.$_SESSION['username'].' <p>';
        echo $_SESSION["username"].' y '.$_SESSION["userclave"].' correctos';
        echo '<a href="logueo.php">Index</a></p>';
}else{
        echo 'Usuario y clave Incorrectas';
        echo '<a href="logueo.php">Index</a></p>';
}
$verifi=0;*/
/*$registros = mysql_fetch_array($tabla);
$checkuser = mysql_query("SELECT usuario FROM registros WHERE usuario='$username'");
if ($username_exist = mysql_num_rows($checkuser)){
        echo ("Usuario Encontrado");
}
else{
        echo ("Te Equivocaste tÃ-o");
}*/
mysql_free_result($tabla);
mysql_close($conexion);
?>
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;
border-top-color: #360;
        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;
         clear: left;
         float: left;
         height: 500px;
         width: 500px;
         margin-top: 0;
         margin-right: 0px;
         margin-bottom: 0;
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 */
}
.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]>
<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>
<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>
</tr>
       <tr>
               <td>Telefono:</td>
               <td><input type="text" name="txttelefono"></td>
       </tr>
       <tr>
               <td>Email</td>
               <td><input type="text" name="txtemail"></td>
       </tr>
<tr>
               <td><input type="submit" value="Enviar Datos"></td>
               <td><input type="reset" value="Restablecer"></td>
        </tr>
        </table>
</form>
<!-- end #mainContent --></div>
        <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que
contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>


Código PHP
<?php
    $dni=$_POST["txtdni"];
       $apellidos=$_POST["txtapellidos"];
       $nombres=$_POST["txtnombres"];
       $email=$_POST["txtemail"];
$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");
?>
<!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;
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;
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 */
}
.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]>
<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>
<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>
<option value="Secretariado;">Secretariado</option>
<option value="Administracion">Administracion</option>
<option value="Enfemeria">Enfermeria</option>
<option value="Diseño Grafico">Diseño Grafico</option>
<option value="Electronica">Electronica</option>
</select>
</td>
</tr>
</tr>
<tr>
<td>Turno:</td>
<td align="center">
<select name="cboTurno" id="cboturno">
<option value="M">Mañana</option>
<option value="T">Tarde</option>
<option value="N;">Nocturna</option>
</select>
</td>
</tr>
<tr>
<td>Semestre:</td>
<td align="center">
<select name="cboSemestre" id="cboSemestre">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td></tr>
</tr>
<tr>
                 <td><input type="submit" value="Enviar Datos"></td>
                 <td><input type="reset" value="Restablecer"></td>
         </tr>
         </table></form>
</div>
        <br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>


Código PHP Registro Estudiante
<?php
    $dni=$_POST["txtdni"];
       $apellidos=$_POST["txtapellidos"];
       $nombres=$_POST["txtnombres"];
       $email=$_POST["txtemail"];
       $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");
?>
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 {
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;
}
.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: 150px; /* 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 {
         width:800px;
         text-align: center;
         clear: none;
         float: none;
         height: auto;
         margin-top: 0;
         margin-bottom: 0;
         margin-left: 0;
         padding-top: 0;
         padding-bottom: 0;
         padding-right: 0px;
         padding-left: 0px;
}
.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 */
}
.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]>
<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="mainContent">
<h1>Borrar un registro</h1>
<br>
<?php
$conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
mysql_select_db('u643294674_institut',$conexion);
$tabla=mysql_query("SELECT * FROM matriculas");
?>
<table width="750" border="1" align="center" cellpadding="2" cellspacing="0">
<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 align="left">

<td>
<form name="frm" method="POST" action="eliminar.php">
       <?php
       $id=$registro['idmatricula'];
echo"<input type='checkbox' name='chkregistro' value='$id'>";
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>

</tr>

<?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
<tr>
<td>
<center><input type="submit" value="Eliminar" name="btneliminar"></center>
</td>
</tr>
</table>
</form>
<!-- end #mainContent --></div>
        <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que
contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- 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>';

?>
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;
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;
}
.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: 150px;
         color: #900;
         background-color: #558EAC;
         padding-top: 15px;
         padding-right: 10px;
         padding-bottom: 15px;
         padding-left: 10px;
}
.twoColFixRtHdr #mainContent {
         width:760px;
         text-align: center;
         height: 500px;
         white-space: normal;
         letter-spacing: normal;
         padding: 10;
         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. */
           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 */
.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>Actualizar un registro</h1>
<br>
<?php
 $conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
 mysql_select_db('u643294674_institut',$conexion);
 $tabla=mysql_query("SELECT * FROM matriculas");
 ?>
<table width="750" border="1" align="center" cellpadding="2" cellspacing="0">
<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>
<form name="frm" method="POST" action="consulta.html">
       <?php
       while($registro=mysql_fetch_array($tabla))
       {
       ?>

<tr align="left">

<td>

       <?php
       $id=$registro['idmatricula'];
       echo"<input type='checkbox' name='chkregistro' value='$id'>";
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>

</tr>

<?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
<tr>
<td>
<center><input type="submit" value="Actualizar" name="btneliminar"></center>
</td>
</tr>
</table>
</form>

</div>
<div id="footer">
<h3>JULISSA RODRIGUEZ</h3>
</div>
</div>
</body>
</html>
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;
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;
         clear: left;
         float: left;
         margin-top: 0;
         margin-right: 0px;
         margin-bottom: 0;
         margin-left: 0;
         padding-top: 0;
         padding-right: 20px;
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 */
}
.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]>
<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>
<p>Creado por Julissa Rodriguez Vilca</p>
<!-- end #sidebar1 --></div>

<div id="mainContent">

<h1> Actualizar Estudiantes</h1></center>
<?php
$conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
mysql_select_db('u643294674_institut', $conexion);
$id=$_POST['chkregistro'];
$tabla=mysql_query("Select * from matriculas where idmatricula=$id");
$registro = mysql_fetch_array($tabla);
?>
<form id="form1" name="form1" method="post" action="actualizar.php">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#ffffff">
<tr>
<?php echo "<input name='txtidmatricula' type='hidden' value='$registro[0]'>";?>

</tr>
<tr>
<td align="right">DNI</td>
<td>
<?php echo "<input name='txtdni' type='text' size='30' value='$registro[1]'>";?>
</td>
</tr>
<tr>
<td align="right">Apellidos</td>
<td>
<?php echo "<input name='txtapellidos' type='text' size='30' value='$registro[2]'>";?>
</td>
</tr>
<tr>
<td align="right">Nombres</td>
<td>
<?php echo "<input name='txtnombres' type='text' size='30' value='$registro[3]'>";?>
</td>
</tr>
<tr>
<td align="right">Email</td>
<td>
<?php echo "<input name='txtemail' type='text' size='30' value='$registro[4]'>";?>
</td>
<tr>
<td align="right">Especialidad</td>
<td>
<?php echo "<input name='especialidad' type='text' size='30'
value='$registro[5]'>";?>
</td>
</tr>
<tr>
<td align="right">Turno</td>
<td>
<?php echo "<input name='turno' type='text' size='30'
value='$registro[6]'>";?>
</td>
</tr>
<tr>
<td align="right">Semestre</td>
<td><?php echo "<input name='semestre' type='text' size='30'
value='$registro[7]'>";?></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="Submit" value="Actualizar Estudiante" />
</td>
</tr>

</table>
</form>
<!-- end #mainContent --></div>
        <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que
contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Código PHP

<?php
$id=$_POST['txtidmatricula'];
$dni=$_POST['txtdni'];
$apellidos=$_POST['txtapellidos'];
$nombres=$_POST['txtnombres'];
$email=$_POST['txtemail'];
$especialidad=$_POST['especialidad'];
$turno=$_POST['turno'];
$semestre=$_POST['semestre'];
$conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456");
mysql_select_db('u643294674_institut',$conexion);
$Sql="Update matriculas Set
dni='$dni',apellidos='$apellidos',nombres='$nombres',email='$email',especialidad='$especialidad',turno='$turno',semestre='$semestre'
Where idmatricula='$id'";
mysql_query($Sql);
header ("Location: actualizar.html");
?>
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 {
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;
}
.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: 150px;
         color: #900;
         background-color: #558EAC;
         padding-top: 15px;
         padding-right: 10px;
         padding-bottom: 15px;
         padding-left: 10px;
}
.twoColFixRtHdr #mainContent {
         text-align: center;
         width: 810px;
         height: auto;
         margin: 10;
         padding: 10;
         letter-spacing: 0px;
         word-spacing: 0px;
}
.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 */
}
.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>
<![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">
<h2>Consulta de Estudiantes Matriculados</h2>
<br>
<form id="form1" name="form1" method="post" action="buscar.php">
<table width="750" height="automatico" border="1" align="center">

<tr align="center">
<td>Especialidad</td>
<td>Turno</td>
<td>Semestre</td>
<td>DNI del Estudiante</td>
</tr>
<tr align="center">
         <td>
<select name="cboEspecialidad" id="cboEspecialidad">
<option>Elegir Especialidad</option>
<option value="Computacion e Informatica">Computacion e Informatica</option>
<option value="Contabilidad">Contabilidad</option>
<option value="Secretariado;">Secretariado</option>
<option value="Administracion">Administracion</option>
<option value="Enfemeria">Enfermeria</option>
<option value="Diseño Grafico">Diseño Grafico</option>
<option value="Electronica">Electronica</option>
</select>
</td>
<td>
<select name="cboTurno" id="cboturno">
<option value="M">Mañana</option>
<option value="T">Tarde</option>
<option value="N;">Nocturna</option>
</select>
</td>
<td>
<select name="cboSemestre" id="cboSemestre">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
<td>
<input type="text" name="txtdni" size=25 maxlength=8 />
</td>
</tr>
        <tr>
<td align="center" colspan="4"><br/><input type="submit" name="btnBuscar" value="Buscar" /></td>
        </tr>
        </table>
</form>

<!-- end #mainContent --></div>
        <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que
contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<h3>&nbsp;</h3>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
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;
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: 150px;
         color: #900;
         background-color: #558EAC;
         padding-top: 15px;
         padding-right: 10px;
         padding-bottom: 15px;
         padding-left: 10px;
}
.twoColFixRtHdr #mainContent {
         width:760px;
         text-align: center;
         height: 500px;
         white-space: normal;
         letter-spacing: normal;
         padding: 10;
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. */
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 */
.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");
$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>
</tr>
<?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
</table>
</div>
<div id="footer">
<h3>JULISSA RODRIGUEZ</h3>
</div>
</div>
</body>
</html>

More Related Content

What's hot

Codigo que conecta php con mysql
Codigo que conecta php con mysqlCodigo que conecta php con mysql
Codigo que conecta php con mysqleylincita10
 
Efectos de la contaminacion atmosferica
Efectos de la contaminacion atmosfericaEfectos de la contaminacion atmosferica
Efectos de la contaminacion atmosfericadiplomaturacomahue
 
Tutorial3 Desymfony - La Vista. Twig
Tutorial3 Desymfony - La Vista. TwigTutorial3 Desymfony - La Vista. Twig
Tutorial3 Desymfony - La Vista. TwigMarcos Labad
 
025 kantam
025 kantam025 kantam
025 kantamHari99
 
Guía práctica desarrollo web con php 5 y my sql
Guía práctica desarrollo web con php 5 y my sqlGuía práctica desarrollo web con php 5 y my sql
Guía práctica desarrollo web con php 5 y my sqlJesus Machicado Gomez
 
Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPOVAWEB
 
The Premium Club AT&amp;T SportsDeck
The Premium Club AT&amp;T SportsDeckThe Premium Club AT&amp;T SportsDeck
The Premium Club AT&amp;T SportsDeckMichelek8
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formularioOVAWEB
 
WordCamp Cantabria - Código mantenible con WordPress
WordCamp Cantabria  - Código mantenible con WordPressWordCamp Cantabria  - Código mantenible con WordPress
WordCamp Cantabria - Código mantenible con WordPressAsier Marqués
 

What's hot (15)

Perl5 hashes
Perl5 hashesPerl5 hashes
Perl5 hashes
 
Codigo que conecta php con mysql
Codigo que conecta php con mysqlCodigo que conecta php con mysql
Codigo que conecta php con mysql
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Efectos de la contaminacion atmosferica
Efectos de la contaminacion atmosfericaEfectos de la contaminacion atmosferica
Efectos de la contaminacion atmosferica
 
Tutorial3 Desymfony - La Vista. Twig
Tutorial3 Desymfony - La Vista. TwigTutorial3 Desymfony - La Vista. Twig
Tutorial3 Desymfony - La Vista. Twig
 
025 kantam
025 kantam025 kantam
025 kantam
 
Guía práctica desarrollo web con php 5 y my sql
Guía práctica desarrollo web con php 5 y my sqlGuía práctica desarrollo web con php 5 y my sql
Guía práctica desarrollo web con php 5 y my sql
 
¿Que pasa-si-vamos-de-lo-mas-alto-a-lo-mas-bajo
¿Que pasa-si-vamos-de-lo-mas-alto-a-lo-mas-bajo¿Que pasa-si-vamos-de-lo-mas-alto-a-lo-mas-bajo
¿Que pasa-si-vamos-de-lo-mas-alto-a-lo-mas-bajo
 
Carrito20110429
Carrito20110429Carrito20110429
Carrito20110429
 
Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHP
 
The Premium Club AT&amp;T SportsDeck
The Premium Club AT&amp;T SportsDeckThe Premium Club AT&amp;T SportsDeck
The Premium Club AT&amp;T SportsDeck
 
Php
PhpPhp
Php
 
32773 php-basico
32773 php-basico32773 php-basico
32773 php-basico
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formulario
 
WordCamp Cantabria - Código mantenible con WordPress
WordCamp Cantabria  - Código mantenible con WordPressWordCamp Cantabria  - Código mantenible con WordPress
WordCamp Cantabria - Código mantenible con WordPress
 

Viewers also liked

ร่างกายของฉัน
ร่างกายของฉันร่างกายของฉัน
ร่างกายของฉันSathuta luamsai
 
OuiShare Drink Stockholm
OuiShare Drink StockholmOuiShare Drink Stockholm
OuiShare Drink StockholmOuiShare
 
ร่างกายของมนุษย์
ร่างกายของมนุษย์ร่างกายของมนุษย์
ร่างกายของมนุษย์Sathuta luamsai
 
Factores que influyen en el comportamiento de consumidor
Factores que influyen en el comportamiento de consumidorFactores que influyen en el comportamiento de consumidor
Factores que influyen en el comportamiento de consumidorEdwin Armando
 
ร่างกายของมนุษย์
ร่างกายของมนุษย์ร่างกายของมนุษย์
ร่างกายของมนุษย์Sathuta luamsai
 
OuiShare Drinks Barcelona Airbnb - Jam Session
OuiShare Drinks Barcelona Airbnb - Jam SessionOuiShare Drinks Barcelona Airbnb - Jam Session
OuiShare Drinks Barcelona Airbnb - Jam SessionOuiShare
 

Viewers also liked (15)

ร่างกายของฉัน
ร่างกายของฉันร่างกายของฉัน
ร่างกายของฉัน
 
The english language in a nutshell preview
The english language in a nutshell previewThe english language in a nutshell preview
The english language in a nutshell preview
 
RESUME
RESUMERESUME
RESUME
 
OuiShare Drink Stockholm
OuiShare Drink StockholmOuiShare Drink Stockholm
OuiShare Drink Stockholm
 
Costos abc (3)
Costos abc (3)Costos abc (3)
Costos abc (3)
 
Resume- Ram Raj Yadav
Resume- Ram Raj YadavResume- Ram Raj Yadav
Resume- Ram Raj Yadav
 
ร่างกายของมนุษย์
ร่างกายของมนุษย์ร่างกายของมนุษย์
ร่างกายของมนุษย์
 
Teju ppt
Teju pptTeju ppt
Teju ppt
 
Laporan ppl ethy
Laporan ppl ethyLaporan ppl ethy
Laporan ppl ethy
 
Factores que influyen en el comportamiento de consumidor
Factores que influyen en el comportamiento de consumidorFactores que influyen en el comportamiento de consumidor
Factores que influyen en el comportamiento de consumidor
 
Woodmart profile
Woodmart profileWoodmart profile
Woodmart profile
 
Mohammad syaltut abduh hrp case study
Mohammad syaltut abduh hrp case studyMohammad syaltut abduh hrp case study
Mohammad syaltut abduh hrp case study
 
ร่างกายของมนุษย์
ร่างกายของมนุษย์ร่างกายของมนุษย์
ร่างกายของมนุษย์
 
OuiShare Drinks Barcelona Airbnb - Jam Session
OuiShare Drinks Barcelona Airbnb - Jam SessionOuiShare Drinks Barcelona Airbnb - Jam Session
OuiShare Drinks Barcelona Airbnb - Jam Session
 
33.alif luthvi azizah
33.alif luthvi azizah33.alif luthvi azizah
33.alif luthvi azizah
 

Similar to Julissarodriguezvilca

Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2Pepe Potamo
 
Etiquetas
EtiquetasEtiquetas
Etiquetasuts
 
LENGUAJE PHP
LENGUAJE PHPLENGUAJE PHP
LENGUAJE PHPuts
 
Etiquetas
EtiquetasEtiquetas
Etiquetasuts
 
Html y css
Html y cssHtml y css
Html y cssisandy
 
Desarrollo web inteligente
Desarrollo web inteligenteDesarrollo web inteligente
Desarrollo web inteligenteMax Kraszewski
 
Consultar estado
Consultar estadoConsultar estado
Consultar estadoLismirabal
 
Practica de html5 y css3
Practica de html5 y css3Practica de html5 y css3
Practica de html5 y css3Noé Arpasi
 
Etquetas pabo
Etquetas paboEtquetas pabo
Etquetas pabopabobdp
 
Consultar estado
Consultar estadoConsultar estado
Consultar estadoLismirabal
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesFernando Irigaray
 
rosario
rosariorosario
rosariolalexs
 
Taller multimedia
Taller multimediaTaller multimedia
Taller multimediaGuille
 

Similar to Julissarodriguezvilca (20)

Etiquetas html 2
Etiquetas html 2Etiquetas html 2
Etiquetas html 2
 
Etiquetas en html
Etiquetas en htmlEtiquetas en html
Etiquetas en html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
LENGUAJE PHP
LENGUAJE PHPLENGUAJE PHP
LENGUAJE PHP
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Html y css
Html y cssHtml y css
Html y css
 
Presentación CSS y HTML en Gummurcia
Presentación CSS y HTML en GummurciaPresentación CSS y HTML en Gummurcia
Presentación CSS y HTML en Gummurcia
 
Menu css
Menu cssMenu css
Menu css
 
Desarrollo web inteligente
Desarrollo web inteligenteDesarrollo web inteligente
Desarrollo web inteligente
 
Laboratorio 03
Laboratorio 03Laboratorio 03
Laboratorio 03
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Practica de html5 y css3
Practica de html5 y css3Practica de html5 y css3
Practica de html5 y css3
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Etquetas pabo
Etquetas paboEtquetas pabo
Etquetas pabo
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
 
rosario
rosariorosario
rosario
 
Taller multimedia
Taller multimediaTaller multimedia
Taller multimedia
 
ccs
ccsccs
ccs
 

Julissarodriguezvilca

  • 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; }
  • 3. .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; color: #900; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; padding-left: 20; letter-spacing: normal; word-spacing: normal; width: 550px; height: 500px; clear: left;
  • 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>
  • 7. <p>Creado por Julissa Rodriguez Vilca</p> <!-- end #sidebar1 --></div> <div id="mainContent"> <h1>registro de usuario</h1> <form id="form1" name="form1" method="post" action="verificandologueo.php"> <p> INGRESA TUS DATOS </p> <table width="257" height="99" border="2" align="center" bgcolor="#99CC99"> <tr> <td>NOMBRE:</td> <td><input type="text" name="txtusuario"></td> </tr> <tr> <td>Password</td> <td><input type="password" name="txtclave"></td> </tr> <tr> <td> <input type="submit" name="INGRESAR" id="INGRESAR" value="Ingresar" /></td> <td> <input type="submit" name="CANCELAR" id="CANCELAR" value="Cancelar" /></td> </tr> </table>&nbsp;</p></form> <!-- end #mainContent --></div>
  • 8. <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3> <!-- end #footer --></div> <!-- end #container --></div> </body> </html> Código de PHP verifica_ usuario <?php $usuario=$_POST["txtusuario"]; $clave=$_POST["txtclave"]; SESSION_START(); $conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456") or die ('Ha fallado la conexion'.mysql_error()); // se conecta con el servidor mysql_select_db("u643294674_institut",$conexion)or die('Error al seleccionar la base de Datos: '.mysql_error()); // selecciona la base de datos $tabla = mysql_query("SELECT usuario,contraseña FROM contactos"); $checkusuario = mysql_query("SELECT usuario FROM contactos WHERE usuario='$usuario'"); $usuario_exist = mysql_num_rows($checkusuario); $checkclave = mysql_query("SELECT contraseña FROM contactos WHERE contraseña='$clave'"); $clave_exist = mysql_num_rows($checkclave); if ($usuario_exist>0 && $clave_exist>0) { $_SESSION['username']=$usuario; $_SESSION['userclave']=$clave; echo "Has sido logueado correctamente ".$_SESSION['username']." <p>"; echo $_SESSION['username'].' y '.$_SESSION['userclave'].' son correctos'; echo '<a href="registro2.html">Registro</a></p>'; }else{
  • 9. echo 'Usuario y clave Incorrectas'; echo '<a href="index.html">Index</a></p>'; } /*while($row = mysql_fetch_array($tabla)){ if(($row["usuario"] == $_POST['txtusuario']) && ($row["contraseña"]==$_POST['txtclave'])){ $_SESSION["username"] = $row['usuario']; $_SESSION["userclave"] = $row['clave']; $verifi=1; } else{ $verifi=0; } }*/ /*if($verifi == 1){ echo 'Has sido logueado correctamente '.$_SESSION['username'].' <p>'; echo $_SESSION["username"].' y '.$_SESSION["userclave"].' correctos'; echo '<a href="logueo.php">Index</a></p>'; }else{ echo 'Usuario y clave Incorrectas'; echo '<a href="logueo.php">Index</a></p>'; } $verifi=0;*/ /*$registros = mysql_fetch_array($tabla); $checkuser = mysql_query("SELECT usuario FROM registros WHERE usuario='$username'"); if ($username_exist = mysql_num_rows($checkuser)){ echo ("Usuario Encontrado"); } else{ echo ("Te Equivocaste tÃ-o");
  • 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;
  • 12. border-top-color: #360; 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; clear: left; float: left; height: 500px; width: 500px; margin-top: 0; margin-right: 0px; margin-bottom: 0;
  • 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>
  • 17. </tr> <tr> <td>Telefono:</td> <td><input type="text" name="txttelefono"></td> </tr> <tr> <td>Email</td> <td><input type="text" name="txtemail"></td> </tr> <tr> <td><input type="submit" value="Enviar Datos"></td> <td><input type="reset" value="Restablecer"></td> </tr> </table> </form> <!-- end #mainContent --></div> <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3> <!-- end #footer --></div> <!-- end #container --></div> </body> </html> Código PHP <?php $dni=$_POST["txtdni"]; $apellidos=$_POST["txtapellidos"]; $nombres=$_POST["txtnombres"]; $email=$_POST["txtemail"];
  • 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>
  • 25. <option value="Secretariado;">Secretariado</option> <option value="Administracion">Administracion</option> <option value="Enfemeria">Enfermeria</option> <option value="Diseño Grafico">Diseño Grafico</option> <option value="Electronica">Electronica</option> </select> </td> </tr> </tr> <tr> <td>Turno:</td> <td align="center"> <select name="cboTurno" id="cboturno"> <option value="M">Mañana</option> <option value="T">Tarde</option> <option value="N;">Nocturna</option> </select> </td> </tr> <tr> <td>Semestre:</td> <td align="center"> <select name="cboSemestre" id="cboSemestre"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </td></tr>
  • 26. </tr> <tr> <td><input type="submit" value="Enviar Datos"></td> <td><input type="reset" value="Restablecer"></td> </tr> </table></form> </div> <br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3> <!-- end #footer --></div> <!-- end #container --></div> </body> </html> Código PHP Registro Estudiante <?php $dni=$_POST["txtdni"]; $apellidos=$_POST["txtapellidos"]; $nombres=$_POST["txtnombres"]; $email=$_POST["txtemail"]; $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"); ?>
  • 27.
  • 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;
  • 30. } .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: 150px; /* 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 { width:800px; text-align: center; clear: none; float: none; height: auto; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; padding-right: 0px; padding-left: 0px; }
  • 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>
  • 34. <div id="mainContent"> <h1>Borrar un registro</h1> <br> <?php $conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456"); mysql_select_db('u643294674_institut',$conexion); $tabla=mysql_query("SELECT * FROM matriculas"); ?> <table width="750" border="1" align="center" cellpadding="2" cellspacing="0"> <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 align="left"> <td> <form name="frm" method="POST" action="eliminar.php"> <?php $id=$registro['idmatricula'];
  • 35. echo"<input type='checkbox' name='chkregistro' value='$id'>"; 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> </tr> <?php } mysql_free_result($tabla); mysql_close($conexion); ?> <tr> <td> <center><input type="submit" value="Eliminar" name="btneliminar"></center> </td> </tr> </table> </form> <!-- end #mainContent --></div> <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3>
  • 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; }
  • 41. .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: 150px; color: #900; background-color: #558EAC; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; } .twoColFixRtHdr #mainContent { width:760px; text-align: center; height: 500px; white-space: normal; letter-spacing: normal; padding: 10; float: none; margin: auto; } .twoColFixRtHdr #footer { padding: 0 10px 0 20px;
  • 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>
  • 44. <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>Actualizar un registro</h1> <br> <?php $conexion=mysql_connect("mysql.nixiweb.com","u643294674_insti","123456"); mysql_select_db('u643294674_institut',$conexion); $tabla=mysql_query("SELECT * FROM matriculas"); ?> <table width="750" border="1" align="center" cellpadding="2" cellspacing="0"> <tr align="center"> <td>Id</td> <td>DNI</td> <td>APELLIDOS</td>
  • 45. <td>Nombres</td> <td>Email</td> <td>Especialidad</td> <td>Turno</td> <td>Semestre</td> </tr> <form name="frm" method="POST" action="consulta.html"> <?php while($registro=mysql_fetch_array($tabla)) { ?> <tr align="left"> <td> <?php $id=$registro['idmatricula']; echo"<input type='checkbox' name='chkregistro' value='$id'>"; 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>
  • 46. <td><?php echo $registro['semestre'];?></td> </tr> <?php } mysql_free_result($tabla); mysql_close($conexion); ?> <tr> <td> <center><input type="submit" value="Actualizar" name="btneliminar"></center> </td> </tr> </table> </form> </div> <div id="footer"> <h3>JULISSA RODRIGUEZ</h3> </div> </div> </body> </html>
  • 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;
  • 48. 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; clear: left; float: left; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 20px;
  • 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>
  • 52. <p>Creado por Julissa Rodriguez Vilca</p> <!-- end #sidebar1 --></div> <div id="mainContent"> <h1> Actualizar Estudiantes</h1></center> <?php $conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456"); mysql_select_db('u643294674_institut', $conexion); $id=$_POST['chkregistro']; $tabla=mysql_query("Select * from matriculas where idmatricula=$id"); $registro = mysql_fetch_array($tabla); ?> <form id="form1" name="form1" method="post" action="actualizar.php"> <table width="100%" border="0" align="center" cellpadding="2" cellspacing="2" bgcolor="#ffffff"> <tr> <?php echo "<input name='txtidmatricula' type='hidden' value='$registro[0]'>";?> </tr> <tr> <td align="right">DNI</td> <td> <?php echo "<input name='txtdni' type='text' size='30' value='$registro[1]'>";?> </td> </tr> <tr> <td align="right">Apellidos</td> <td> <?php echo "<input name='txtapellidos' type='text' size='30' value='$registro[2]'>";?> </td> </tr> <tr>
  • 53. <td align="right">Nombres</td> <td> <?php echo "<input name='txtnombres' type='text' size='30' value='$registro[3]'>";?> </td> </tr> <tr> <td align="right">Email</td> <td> <?php echo "<input name='txtemail' type='text' size='30' value='$registro[4]'>";?> </td> <tr> <td align="right">Especialidad</td> <td> <?php echo "<input name='especialidad' type='text' size='30' value='$registro[5]'>";?> </td> </tr> <tr> <td align="right">Turno</td> <td> <?php echo "<input name='turno' type='text' size='30' value='$registro[6]'>";?> </td> </tr>
  • 54. <tr> <td align="right">Semestre</td> <td><?php echo "<input name='semestre' type='text' size='30' value='$registro[7]'>";?></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" name="Submit" value="Actualizar Estudiante" /> </td> </tr> </table> </form> <!-- end #mainContent --></div> <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3> <!-- end #footer --></div> <!-- end #container --></div> </body> </html>
  • 55. Código PHP <?php $id=$_POST['txtidmatricula']; $dni=$_POST['txtdni']; $apellidos=$_POST['txtapellidos']; $nombres=$_POST['txtnombres']; $email=$_POST['txtemail']; $especialidad=$_POST['especialidad']; $turno=$_POST['turno']; $semestre=$_POST['semestre']; $conexion = mysql_connect("mysql.nixiweb.com","u643294674_insti","123456"); mysql_select_db('u643294674_institut',$conexion); $Sql="Update matriculas Set dni='$dni',apellidos='$apellidos',nombres='$nombres',email='$email',especialidad='$especialidad',turno='$turno',semestre='$semestre' Where idmatricula='$id'"; mysql_query($Sql); header ("Location: actualizar.html"); ?>
  • 56.
  • 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; }
  • 59. .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: 150px; color: #900; background-color: #558EAC; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; } .twoColFixRtHdr #mainContent { text-align: center; width: 810px; height: auto; margin: 10; padding: 10; letter-spacing: 0px; word-spacing: 0px; }
  • 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">
  • 63. <h2>Consulta de Estudiantes Matriculados</h2> <br> <form id="form1" name="form1" method="post" action="buscar.php"> <table width="750" height="automatico" border="1" align="center"> <tr align="center"> <td>Especialidad</td> <td>Turno</td> <td>Semestre</td> <td>DNI del Estudiante</td> </tr> <tr align="center"> <td> <select name="cboEspecialidad" id="cboEspecialidad"> <option>Elegir Especialidad</option> <option value="Computacion e Informatica">Computacion e Informatica</option> <option value="Contabilidad">Contabilidad</option> <option value="Secretariado;">Secretariado</option> <option value="Administracion">Administracion</option> <option value="Enfemeria">Enfermeria</option> <option value="Diseño Grafico">Diseño Grafico</option> <option value="Electronica">Electronica</option> </select> </td> <td> <select name="cboTurno" id="cboturno"> <option value="M">Mañana</option> <option value="T">Tarde</option> <option value="N;">Nocturna</option> </select> </td>
  • 64. <td> <select name="cboSemestre" id="cboSemestre"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </td> <td> <input type="text" name="txtdni" size=25 maxlength=8 /> </td> </tr> <tr> <td align="center" colspan="4"><br/><input type="submit" name="btnBuscar" value="Buscar" /></td> </tr> </table> </form> <!-- end #mainContent --></div> <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" /> <div id="footer"> <h3>&nbsp;</h3> <!-- end #footer --></div> <!-- end #container --></div> </body> </html>
  • 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;
  • 66. 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: 150px; color: #900; background-color: #558EAC; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; } .twoColFixRtHdr #mainContent { width:760px; text-align: center; height: 500px; white-space: normal; letter-spacing: normal; padding: 10;
  • 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>