lunes, 1 de agosto de 2016

MODIFICAR UN REGISTRO

PRIMERO DEBEMOS DE TENER UN LINK EN EL FORMULARIO PRINCIPAL QUE NOS LLAME A ESTE ARCHIVO DE MODIFICAR....


<!DOCTYPE html>
<html>
<head>
<title>guardar</title>
</head>
<body>
<center>

<?php
$id=$_REQUEST['id'];
include("conexion.php");
$query="SELECT *FROM alumnos WHERE id='$id'";
$resultado=$conexion->query($query);
$row=$resultado->fetch_assoc();
?>
<form action="operacionmodificar.php?id=<?php echo $row['id'];?>" method="POST">
<CENTER><table border=2 width=400 align=center>
<tr>
<td>nombre</td>
<td> <input type="text" required name="nombre" size=44px placeholder="ingrese el nombre" value="<?php echo $row['nombre'];?>"/> </td>
</tr>
<tr>
<td>grado</td>
<td> <input type="text" required name="grado" placeholder="ingrese el grado academico" value="<?php echo $row['grado'];?>"/> </td>
</tr>
<tr>
<td>edad</td>
<td> <input type="text" required name="edad" placeholder="ingrese la edad de la persona" value="<?php echo $row['edad'];?>"/></td>
</tr>
<tr>
<td colspan=2 align="center">
<button type="submit">GUARDAR CAMBIOS</button>
</td>
</tr>
</table>
</FORM>
</CENTER>
</BODY>
</HTML>


__________________________________________________________________________________________________________________________________________________________________
LUEGO DEBEMOS DE CREAR UN ARCHIVO LLAMADO MODIFICAR.PHP
QUE ES EL QUE LLAMARA EL FORMULARIO ANTERIOR
<?php
include("conexion.php");
$id=$_REQUEST['id'];
$nombre= $_POST['nombre'];
$grado= $_POST['grado'];
$edad= $_POST['edad'];
$query="UPDATE alumnos SET nombre='$nombre', grado='$grado', edad='$edad' WHERE id='$id' ";
$resultado= $conexion->query($query);

if($resultado){
header("Location: tabla.php");
}
else
{
echo"error al insertar dato";
}
?>

Publicado por en No hay comentarios:

COMO ELIMINAR UN REGISTRO

<?php
include("conexion.php");
$id=$_REQUEST['id'];
$query="DELETE FROM alumnos WHERE id='$id'";
$resultado=$conexion->query($query);
if($resultado){
header("Location: tabla.php");
}
else
{
echo"error al eliminar datos";
}


?>


DEBEMOS DE TOMAR EN CUENTA QUE EN NUESTRA TABLA PRINCIPAL
DEBE DE HABER UN LINK CON HREF QUE LLAME AL ARCHIVO DE ELIMINAR
SOLO DEBEMOS DE TOMAR EN CUENTA NUESTRAS VARIABLES...

Publicado por en No hay comentarios:

FORMULARIO PARA CONSULTAR

<html>
<header>
<title></title>
<center><h1>CONSULTAR UN PRODUCTO</h1></select>
</header>
<body>
<center>
<form  method="post" action="consultar.php">

<label>INGRESE NOMBRE:</label>
<input type="text" name="producto">
<button type="submit" value="Aceptar">CONSULTAR</button>
</form>
</center>
</body>
</html>
Publicado por en No hay comentarios:

LLAMAR UN FILA CON UN CRITERIO EN PHP

<!DOCTYPE html>
<html>
<head>
<title>guardar</title>
</head>
<body>
<center>

<?php
include("conexion.php");
$producto=$_POST['producto'];
$query="SELECT *FROM inventarios WHERE producto='$producto'";
$resultado=$conexion->query($query);
$row=$resultado->fetch_assoc();


?>

<CENTER><table border=2 width="200" align=center>
<tr>
<td>id</td>
<td> <input type="text"  name="id"  value="<?php echo $row['id'];?>"/> </td>
</tr>
<tr>
<td>producto</td>
<td> <input type="text" name="producto"  value="<?php echo $row['producto'];?>"/> </td>
</tr>
<tr>
<td>categoria</td>
<td> <input type="text"  name="categoria" value="<?php echo $row['categoria'];?>"/></td>
</tr>
<tr>
<td>fecha</td>
<td> <input type="date" name="fecha"  value="<?php echo $row['fecha'];?>"/></td>
</tr>
<tr>
<td>cantidad</td>
<td> <input type="text"  name="cantidad"  value="<?php echo $row['cantidad'];?>"/></td>
</tr>
<tr>
<td colspan=2 align="center">
<a href="index.html">INICIO</a>
</td>
</tr>
</table>

</CENTER>
</BODY>
</HTML>
Publicado por en No hay comentarios:

jueves, 28 de julio de 2016

EXPORTAR A EXCEL DESDE PHP

Debemos de hacer un link desde el archivo en donde nos muestra los datos.
luego realizamos otro archivo con el mismo codigo que el de mostrar.
con la diferencia que insertamos antes de Html el siguiente código.
<?

header("Content-Type: application/vnd.ms-excel");

header("Expires: 0");

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

header("content-disposition: attachment;filename=NOMBRES.xls");

?>
"el texto filename nombre.xls es el nombre del archivo que crearemos lo puedes cambiar a tu gusto 
esto es un comentario no es parte del codigo"
Publicado por en No hay comentarios:

hover galeria

#galeria img:hover {

  opacity:1;
  z-index:20;
  -moz-transform:scale(1.5);                   /* zoom en navegador Firefox */
  -webkit-transform:scale(1.5);                /* zoom en navegador Chrome y Safari */
  -o-transform:scale(1.5);
  }
Publicado por en 1 comentario:

GALERIA

<html>
 <head>
 <title></title>
 <meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="estilos.css">
 </head>
 <body>
 <table border="2" align="center" width="900" id="table1">
 <tr>
 <td>
 <div id="galeria">
 <ul  >
  <li ><img src="imagenes/fiesta.jpg" /></li>
  <li ><img src="imagenes/quince.jpg" /></li>
  <li ><img src="imagenes/fantasia.jpg" /></li>
  <li ><img src="imagenes/fiestas.jpg" /></li>
  <li ><img src="imagenes/chicados.jpg" /></li>
  <li><img src="imagenes/chicacuatro.jpg" /></li>
  <li ><img src="imagenes/novia.jpg" /></li>
  <li ><img src="imagenes/noviatres.jpg" /></li>
  <li ><img src="imagenes/chica.jpeg" /></li>
  <li ><img src="imagenes/chicauno.jpeg" /></li>
  <li ><img src="imagenes/chica.jpeg" /></li>
  <li ><img src="imagenes/chicauno.jpeg" /></li>
  </ul>
  </td>
 <tr>
 </html>
  </body>
  </html>
 
Publicado por en No hay comentarios:

lunes, 25 de julio de 2016

ESPACIO DE COMENTARIOS

Publicado por en No hay comentarios:

domingo, 24 de julio de 2016

FORMULARIO CON SELECT OPTION

<html>
<head>
<title> </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/estilos">
</head>
<body>
<form action="guardar.php" method="post">
<label for="titulo"> CONTROL DE PRODUCTOS</label>
<label for="producto">PRODUCTO</label>
<input type="text" name="producto"></input>
<label for="producto">CATEGORÍA</label>
<select  type="text" name="categoria">
<option>LATEOS</option>
<option>CARNES</option>
<option>BEBIDAS</option>
</select>
<label for="fecha">FECHA DE INGRESO</label>
<input type="date" name="fecha"></input>
<label for="cantidad">CANTIDAD INGRESADA</label>
<input type="text" name="cantidad"></input>
<label for="mostrar"><a href="mostrar.php">MOSTRAR DATOS<a></label>
<button type="submit" value="ingresar">INGRESAR</button>
</form>
</table>
</body>
</html>
_________________________________________________________________________________
APLICANDO CSS A NUESTRO FORMULARIO
form{
width:40%;
height:60%;
border:1px solid blue;
margin: 0 auto;

padding:12px 12px;
}
label{
display:block;
width:90%;
border-bottom:12px;
margin-bottom:15px;

}
input{
width:90%;
margin-bottom:15px;
border-bottom:12px;
}
select{
width:90%;
border-bottom:12px;
margin-bottom:15px;
}
button{
border:none;
background:gray;
padding:14px 14px;
border-radius: 0.5em;
cursor:pointer;
border:2px solid black;
}
input:focus{
border:2px solid black;
}
button:hover{
border:2px solid blue;
}
Publicado por en No hay comentarios:

miércoles, 20 de julio de 2016

MENU PRINCIPAL

PRIMERO HACEMOS NUESTRO MENÚ EN HTML
<html>
<head>
<title> pagina</title>
<link rel="stylesheet" type="text/css"
href="css/estilos.css">
<meta charset="utf-8">
</head>
<body>

<nav>
<ul>
    <li><a  href="inicio.html">INICIO</a></li>
    <li><a  href="inicio.html">VISION</a></li>
    <li><a  href="inicio.html">MISIÓN</a></li>
    <li><a  href="inicio.html">NOVEDADES</a></li>
    <li><a  href="inicio.html">NOTICIAS</a></li>
</ul>
</nav>
</body>
</html>
_______________________________________________________
SEGUNDO APLICAMOS NUESTRO MENÚ CON CSS
body{
background: -webkit-linear-gradient(left, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
}
nav{
    /*Bordes redondeados*/
    -webkit-border-radius:10px;/*Para chrome y Safari*/
    -moz-border-radius:10px;/*Para Firefox*/
    -o-border-radius:10px;/*Para Opera*/
    border-radius:10px;/*El estandar por defecto*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));/*Para chrome y Safari*/
    /*Degradados*/
    background-image: -moz-linear-gradient(top center, #FFF, #CCC);/*Para Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #CCC);/*Para Opera*/
    background-image: linear-gradient(top, #FFF, #CCC);/*El estandar por defecto*/
    overflow:hidden;
    padding:10px 10px;
    width:1000px;
margin: 0 auto;
}
nav ul li{
    /*Bordes redondeados*/
    -webkit-border-radius:5px;/*Chrome y Safari*/
    -moz-border-radius:5px;/*Firefox*/
    -o-border-radius:5px;/*Opera*/
    border-radius:5px;/*Estandar por defecto*/
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin-right:90px;
    text-align:center;
    /*Sombras para texto, los mismos parametros que box-shadow*/
    text-shadow: 0px 1px 0px #FFF;
}
nav ul li:hover{
    /*Degradado de fondo*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #FFF, #E3E3E3);/*Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #E3E3E3);/*Opera*/
    background-image: linear-gradient(top, #FFF, #E3E3E3);/*Estandar por defecto*/
    /*Sombras*/
    -webkit-box-shadow:  1px -1px 0px #999;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #999;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #999;/*Opera*/
    box-shadow:  1px -1px 0px #999;/*Estandar por defecto*/
    border:1px solid #E3E3E3;
}
nav ul li a{
    color:#999;
    display:block;

    padding:10px;
    text-decoration:none;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}
nav ul li a:hover {
    color:#000;
}
Publicado por en No hay comentarios:

martes, 12 de julio de 2016

aplicando css a html

index
_________________________________________________________
<html>
<head>
<title> pagina</title>
<link rel="stylesheet" type="text/css"
href="css/estilos.css">
<meta charset="utf-8">
</head>
<body>
<p id="parrafo"> CSS es un lenguaje utilizado en la presentación
de documentos HTML. Un documento HTML
viene siendo coloquialmente “una página web”. Entonces
podemos decir que el lenguaje CSS sirve para organizar
 la presentación
 y aspecto de una página web.
</p>
</body>
</html>
_________________________________________
css_______________________________________________________________________________
body
{
background-color:#0489B1;
}
#parrafo
{
color:#DF3A01;
font-family:arial;
font-size:20px;
}

Publicado por en No hay comentarios:

miércoles, 6 de julio de 2016

index

<html>
<head>
<title>pagina</title>
<link rel="stylesheet" type="text/css"
href="css/estilos.css">
<meta charset="utf-8">
</head>
<body>
<table border="2" align="center" width="900">
<tr>
<td>
<div id="menu">
<ul>
<li><a href="inicio.html" target="principal">INICIO</a></li>
<li><a href="vision.html" target="principal">VISIÓN</a></li>
<li><a href="mision.html"target="principal">MISIÓN</a></li>
<li><a href="contactos.html"target="principal">CONTACTOS</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
<iframe name="principal" src="inicio.html"
width="900" height="800"></iframe>
</td>
</tr>
</table>
</body>
</html>
Publicado por en No hay comentarios:

viernes, 10 de junio de 2016

menu principal

table{
margin-top: 100px;
}
#menu{
height:200px;
text-align:center;
width: 1200px;
}
#menu a {
 display: inline-block;
 width: 200px;
}
#menu a img {
 height: 150px;
 width: 150px;
}
#menu a:hover img {
 height: 180px;
 width: 180px;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
Publicado por en No hay comentarios:

martes, 7 de junio de 2016

mostrar datos

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> tabla</title>
</head>
<body>
<center>
<center> <table border="1">
<thead>
<tr>
<th colspan="1"> <a href="index.html">nuevo</a></th><!--el href="index.html es para volver a
cargar el formulario principal por si deseo ingresar otro dato-->
<th colspan="5"> lista de alumnos</th>
</tr>
</thead>
<tbody><!--encabezado de una tabla-->
<tr>
<td> id </td> <!--variables que use en la base de datos-->
<td> nombre</td><!--variables que use en la base de datos-->
<td> grado </td><!--variables que use en la base de datos-->
<td> edad</td><!--variables que use en la base de datos-->

</tr>
<?php
include("conexion.php");
$query="SELECT * FROM alumnos ORDER BY 1";
$resultado=$conexion->query($query);
while($row=$resultado->fetch_assoc()){ //ciclo para llamar los datos//
?>
<tr>
<td><?php echo $row['id'];?></td> <!--son las variables que realice en la base de datos-->
<td><?php echo $row['nombre'];?></td><!--son las variables que realice en la base de datos-->
<td><?php echo $row['grado'];?></td><!--son las variables que realice en la base de datos-->
<td><?php echo $row['edad'];?></td><!--son las variables que realice en la base de datos-->

</tr>
<?php
}
?>
</tbody>
</table>
</center>
</body>
</html>
Publicado por en No hay comentarios:

jueves, 19 de mayo de 2016

PAGINA DOS

<html>
<head>
<title>pagina heber</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<table align="center" border="0" width="900" bgcolor="gray" class="table1">
<tr>
<td>
<img src="imagenes/encabezado.jpg" align="center">
</td>
</tr>
<tr>
<td>
<div id="menu">
<a href="mision.html" target="marco"><img src="imagenes/mision.png"></a>
<a href="vision.html" target="marco"><img src="imagenes/vision.png"></a>
<a href="contacto.html" target="marco"><img src="imagenes/contacto.png"></a>
</div>
</td>
</tr>
<tr>
<td>
<iframe name=marco width=100%
height=500 frameborder=0 src="mision.html">
</iframe>
</td>
</tr>
<tr>
<td>
pie de página: Autor Heber Rodriguez
</td>
</tr>
</table>
</body>
</html>
_________________________________________________________________________________
APLICANDO CSS
body {
background-color:#4682B4;
}
/* este es para darle color a toda el cuerpo de la pagina*/

.table1 {
margin-top: 100px;
box-shadow: 5px 5px 15px #000;
}
/* con esta opcion el margen de la tabla de arriba*/
#menu {
height: 100px;
text-align:center;
width: 900px;
}
/*desde aqui el menu le damos un alto un ancho y alineamos el texto al centro del menu*/
#menu a {
display: inline-block;
width: 150px;
}
/*esta opcion es para colocar el menu en linea y tener una separción de 150px por cada uno*/
#menu a img {
height: 75px;
width: 75px;
}
/* con esta opcion le estoy diciendo  a la imagen del menu el tamaño y ancho que tendra*/

#menu a:hover img {
height: 100px;
width: 100px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* efecto al menu cuando pasamos el mouse*/
.titulo {
font-family: "Arial";
font-size: 40px;
text-align: center;
width: 100%;
}

.texto {
font-family: "Arial";
font-size: 20px;
line-height: 35px;
text-align: center;
}

.campo {
background: blue;
color: #FFF;
font-family: "Tahoma";
}

.campo:hover {
background: #f60;
box-shadow: 5px 5px 15px #000;
}

Publicado por en No hay comentarios:

lunes, 9 de mayo de 2016

formulario sencillo

<!DOCTYPE html>
<html>
<head>
<title>

</title>
<meta charset="utf-8">
</head>
<body>
<form action="guardar.php" method=POST>
<table border=2 width=400 align=center>
<tr>
<td>nombre</td>
<td> <input type="text" required name="nombre" size=44px placeholder="ingresa tu primer nombre">  </td>
</tr>
<tr>
<td>grado</td>
<td> <input type="text" required name="grado" placeholder="ingrese el grado academico" > </td>
</tr>
<tr>
<td>edad</td>
<td> <input type="text" required name="edad" placeholder="ingrese la edad de la persona"></td>
</tr>
<tr>
<td colspan=2 align="center">
<button type="submit">GUARDAR</button>
</td>
</tr>
</table>
</form>
</body>
</html>
Publicado por en No hay comentarios:

viernes, 6 de mayo de 2016

insertar datos

<?php
include("conexion.php")
$nombre= $_POST['nombre'];
$grado= $_POST['grado'];
$edad= $_POST['edad'];
$query="INSERT INTO alumnos(nombre,grado,edad)VALUES('$nombre','$grado','$edad')";
$resultado= $conexion->query($query);

if($resultado){
echo "<script>alert('los datos fueron enviados exitosamente'); location.href='index.html'</script>";

}
else
{
 echo"error al insertar dato";
}

?>
Publicado por en No hay comentarios:

miércoles, 20 de abril de 2016

OPTION SELECT

<html>
<head>
<title>formulario</title>
<meta charset="uft-8">
</head>
<body>
<form action="opciones.php" method="post">
<table border="2" width="400" align="center">
<tr>
<td colspan="2">
<center>
<img src="imagenes/icono.png" width="500" ></IMG>
</center>
</td>
</tr>
<tr>
<td>
INGRESE NOMBRE
</td>
<td>
<input type="text" name="nombre"></input>
</td>
</tr>
<tr>
<td>
SELECCIONE UNA CARRERA
</td>
<td>
<SELECT name="opcion">
<option value="baco">BACHILLERATO EN COMPUTACIÓN</OPTION>
<option value="merca">MERCADOTECNIA Y PUBLICIDAD</OPTION>
<option value="bad">BACHILLERATO EN DISEÑO GRAFICO</OPTION>
<option value="pcc">PERITO CONTADOR</OPTION>
<option value="pae">PERITO EN ADMINISTRACIÓN DE EMPRESAS</OPTION>
</SELECT>
</td>
</tr>
<TR>
<TD COLSPAN="2">
<button type="sumbit" value="INGRESAR">VER CARRERA</button>
</TD>
</TR>
</table>
</form>
</html>



__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________-
<?
$nombre=$_POST['nombre'];
$opcion=$_POST['opcion'];

if($opcion=="pcc")
{
echo"<script>;location.href='peritos.html'</script>";
}
else if($opcion=="baco")
{
echo"<script>;location.href='baco.html'</script>";
}
else if($opcion=="merca")
{
echo"<script>;location.href='merca.html'</script>";
}
else if($opcion=="bad")
{
echo"<script>;location.href='bad.html'</script>";
}
else if($opcion=="pae")
{
echo"<script>;location.href='pae.html'</script>";
}

?>
Publicado por en No hay comentarios:

jueves, 7 de abril de 2016

case

$dia=4;
switch ($dia)
{
    case 1:
        echo "el dia es lunes";
        break;
    case 2:
        echo "el dia es martes";
        break;
    case 3:
        echo "el dia es miercoles";
        break;
    case 4:
        echo "el dia es jueves";
        break;
    case 5:
        echo "el dia es viernes";
        break;
    case 6:
        echo "el dia es sabado";
        break;
    case 7:
        echo "el dia es domingo";
        break;
    default:
        echo "ese dia no existe";
}
?>
Publicado por en No hay comentarios:

ejemplo dos

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Heber</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body class="bg-primary">
  <CENTER> <h1>CONTROL DE REGISTRO</h1></CENTER>
<body>
      <form action="insertar.php" method="POST" >
        <div class="container">
          <div class="form-group">
              <label for="nombre">Nombre</label>
              <input type="text" class="form-control" name="nombre"  placeholder="ingrese su nombre">
          </div>
       
          <div class="form-group">
              <label for="telefono">Teléfono</label>
              <input type="text" class="form-control" name="tel"  placeholder="ingrese su teléfono">
          </div>
          <div class="form-group">
 <label for="profesion">profesion</label>
 <input type="text" class="form-control" name="prof"  placeholder="ingrese su teléfono">
 </div>

  <div class="form-group">
  <label for="opciones">Seleccione un departamento</label>
 <select name="opciones" class = "form-control" >

    <option name="opciones" value="Guatemala">Guatemala</option>
<option name="opciones" value="Zacapa">Zacapa</option>
<option name="opciones" value="Izabal">Izabal</option>
</select>
</div>

<div>
          <button type="submit" class="btn btn-info btn-lg">Enviar</button>
      </div>
      </form>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
    </body>
</html>

Publicado por en No hay comentarios:

boostrap ejemplo uno

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Heber</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body class="bg-primary">
  <CENTER> <h1>CONTROL DE REGISTRO</h1></CENTER>
<body>
      <form action="insertar.php" method="POST" >
        <div class="container">
          <div class="form-group">
              <label for="nombre">Nombre</label>
              <input type="text" class="form-control" name="nombre"  placeholder="ingrese su nombre">
          </div>
       
          <div class="form-group">
              <label for="telefono">Teléfono</label>
              <input type="text" class="form-control" name="tel"  placeholder="ingrese su teléfono">
          </div>
          <div class="form-group">
 <label for="profesion">profesion</label>
 <input type="text" class="form-control" name="prof"  placeholder="ingrese su teléfono">
 </div>

 

<div>
          <button type="submit" class="btn btn-info btn-lg">Enviar</button>
      </div>
      </form>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
    </body>
</html>
Publicado por en No hay comentarios:

jueves, 31 de marzo de 2016

ejemplo básico utilizando bootrap

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Heber</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
  <CENTER> <h1>BIENVENIDOS AL CONTROL DE INGRESO DE REGISTROS</h1></CENTER>
<body>
      <form action="insertar.php" method="POST" >
        <div class="container">
          <div class="form-group">
              <label>Nombre</label>
              <input type="text" class="form-control" name="nom"  placeholder="ingrese su nombre">
          </div>
         <div class="form-group">
              <label for="paswoord">Contraseña</label>
              <input type="password" class="form-control" name="con"  placeholder="ingrese su contraseña">
          </div>
          <div class="form-group">
              <label for="telefono">Teléfono</label>
              <input type="text" class="form-control" name="tel"  placeholder="ingrese su teléfono">
          </div>
         
          <button type="submit" class="btn btn-default btn-lg">Enviar</button>
      </div>
      </form>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
______________________
debemos de tener  en la misma carpeta
el css, fonts jps para aplicar el diseño
Publicado por en No hay comentarios:

martes, 29 de marzo de 2016

PHP VARIABLES Y FORMULARIO

<meta charset="utf-8"> //libreria para tildes
<?php
$nombre= $_POST['nombre'];// variables 
$grado= $_POST['grado'];
$edad= $_POST['edad'];

 echo" su nombre es ".$nombre;// imprimo los valores de las variables//
echo"<br>";// espacio con enter
echo"usted esta en ".$grado;
echo"<br>";
echo"y tiene ".$edad." años";
?>
<!DOCTYPE html>
<html>
<head>
<title>

</title>
<meta charset="utf-8">
</head>
<body>
<form action="datoss.php" method="POST">
<table border=2 width=400 align=center>
<tr>
<td colspan=2 align="center">
 INGRESAR DATOS
</td>
</tr>
<tr>
<td>nombre</td>
<td> <input type="text" required name="nombre" size=44px placeholder="ingrese el nombre">  </td>
</tr>
<tr>
<td>grado</td>
<td> <input type="text" required name="grado" placeholder="ingrese el grado academico" > </td>
</tr>
<tr>
<td>edad</td>
<td> <input type="text" required name="edad" placeholder="ingrese la edad de la persona"></td>
</tr>
<tr>
<td colspan=2 align="center">
<button type="submit">GUARDAR</button>
</td>
</tr>
</table>
</form>
</body>

</html>

_________________________________________________________________________________
<?php
$nombre=$_POST['nombre'];
$n1=$_POST['n1'];
$n2=$_POST['n2'];
$n3=$_POST['n3'];
$n4=$_POST['n4'];
$promedio=($n1+$n2+$n3+$n4)/4;

echo $nombre. "su promedio es de" .$promedio;
echo "<br>";
if($promedio>=60)
{
echo"esta promovido(a)";
}
else
{
echo"reprobado(a)";
}

?>
_________________________________________________________________________________
<?php
$nombre=$_POST['nombre'];
$sueldo=$_POST['sueldo'];

if($sueldo>=3000)
{
    echo $nombre." usted paga isr";
}
else
{
    echo $nombre." usted no paga impusto de isr";
}

?>

Publicado por en No hay comentarios:

viernes, 25 de marzo de 2016

variables


<?php
// variables se utiliza el simbolo dolar al principio y luego el nombre puede ser numero,string .
$numero = 50;
print $numero;

$texto="<br> esto es un texto";
print $texto;
$numerouno = 2;
$numerodos = 4;
$numeroseis= 12;
$texto= "<br> esta es la suma de los numero";
echo $texto;
echo "<br>";
echo $numerouno+$numerodos+$numeroseis;
?>
constantes_______________________
<meta charset="utf-8">
<?php
/*hoy trabajaremos constantes, que se definen de la manera define("nombre de la constante"," valor de la constante");
y luego la imprimo con echo y el nombre de la constante*/

define("saludo"," hola a todos como estan");
echo  saludo;
echo "<br>";
define("numero",30);
echo saludo." ".numero; // aqui estoy concatenado constantes separadas con un punto
echo "<br>";
define("nombre","<br>heber rodriguez");
define("cargo"," profesor de computación");
echo nombre." mi cargo es ".cargo; // aqui estoy concatenando  pero entre las comillas saldra el texto a unir entre las dos

?>
Publicado por en No hay comentarios:

estructuras condicionales

sentencias condicionales

Las estructuras condicionales comparan una variable contra otro(s)valor (es), para que en base al resultado de esta comparación, se siga un curso de acción dentro del programa. Cabe mencionar que la comparación se puede hacer contra otra variable o contra una constante, según se necesite. Existen tres tipos básicos, las simples, las dobles y las múltiples.

<?php

$dia=4;
switch ($dia){
    case 1:
        echo "el dia es lunes";
        break;
    case 2:
        echo "el dia es martes";
        break;
    case 3:
        echo "el dia es miercoles";
        break;
    case 4:
        echo "el dia es jueves";
        break;
    case 5:
        echo "el dia es viernes";
        break;
    case 6:
        echo "el dia es sabado";
        break;
    case 7:
        echo "el dia es domingo";
        break;
    default:
        echo "ese dia no existe";
}
?>

_________________________________________________________________________
<?php
$i=2;
if ($i == 0)
    {
    echo "i es igual a 0";
}
elseif ($i == 1)
    {
    echo "i es igual a 1";
}
elseif ($i == 2)
    {
    echo "i es igual a 2";
}

?>


<?php
echo"<hr>";
$genero="femenino";
$edad=17;
if($edad<18 and $genero=="femenino")
{
    echo"Entra gratis al cine";
   
}
 else
     {
    echo"tiene que pagar entrada";
}

?>
__________________________________
BUBLES: Las estructuras repetitivas (bucles) son aquellas que reiteran una o un grupo de instrucciones "n" veces y dependen de una variable de control del ciclo. Es decir, ejecutan una o varias instrucciones un número de veces definido.
<!--Bucles en php-->
<?php
//la instruccion while mientras se cumpla la codicion
$valor= 0;
while ($valor < 10)
    {
echo "$valor,";
$valor++;
}
?>
<!-- instruccion for
<?php
for ($valor = 0; $valor < 10; $valor++)
{
echo "$valor, ";
}
?>

<?php
$array=array("lunes","martes","miercoles","jueves","viernes");
foreach($array as $valor)
{

    echo $valor."<br>";
   
}
?>
Publicado por en No hay comentarios:

mostrar datos en pantalla

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> tabla</title>
</head>
<body>
<center>
<center> <table border="1">
<thead>
<tr>
<th colspan="1"> <a href="index.html">nuevo</a></th>
<th colspan="5"> lista de alumnos</th>
</tr>
</thead>
<tbody>
<tr>
<td> id </td>
<td> nombre</td>
<td> grado </td>
<td> edad</td>
<td> Modificar</td>
<td> Eliminar</td>
</tr>
<?php
include("conexion.php");
$query="SELECT * FROM alumnos ORDER BY 1";
$resultado=$conexion->query($query);
while($row=$resultado->fetch_assoc()){ //ciclo para llamar datos en pantalla
?>
<tr>
<td><?php echo $row['id'];?></td>
<td><?php echo $row['nombre'];?></td>
<td><?php echo $row['grado'];?></td>
<td><?php echo $row['edad'];?></td>
<td><a href="modificar.php ?id=<?php echo $row['id'];?>">modificar</a></td>
<td><a href="eliminar.php ?id=<?php echo $row['id'];?>">eliminar</a></td>
</tr>
<?php
}
?>
</tbody>
</table>
</center>
</body>
</html>
___________________________________________________________________________
modificar datos




<!DOCTYPE html>
<html>
<head>
<title>guardar</title>
</head>
<body>
<center>

<?php
$id=$_REQUEST['id'];
include("conexion.php");
$query="SELECT *FROM alumnos WHERE id='$id'";
$resultado=$conexion->query($query);
$row=$resultado->fetch_assoc();
?>
<form action="operacionmodificar.php?id=<?php echo $row['id'];?>" method="POST">
<CENTER><table border=2 width=400 align=center>
<tr>
<td>nombre</td>
<td> <input type="text" required name="nombre" size=44px placeholder="ingrese el nombre" value="<?php echo $row['nombre'];?>"/> </td>
</tr>
<tr>
<td>grado</td>
<td> <input type="text" required name="grado" placeholder="ingrese el grado academico" value="<?php echo $row['grado'];?>"/> </td>
</tr>
<tr>
<td>edad</td>
<td> <input type="text" required name="edad" placeholder="ingrese la edad de la persona" value="<?php echo $row['edad'];?>"/></td>
</tr>
<tr>
<td colspan=2 align="center">
<button type="submit">GUARDAR CAMBIOS</button>
</td>
</tr>
</table>
</FORM>
</CENTER>
</BODY>
</HTML>
____________________
modificar datos siempre

<?php
include("conexion.php");
$id=$_REQUEST['id'];
$nombre= $_POST['nombre'];
$grado= $_POST['grado'];
$edad= $_POST['edad'];
$query="UPDATE alumnos SET nombre='$nombre', grado='$grado', edad='$edad' WHERE id='$id' ";
$resultado= $conexion->query($query);

if($resultado){
header("Location: tabla.php");
}
else
{
echo"error al insertar dato";
}
?>
_______________________________
eliminar datos

<?php
include("conexion.php");
$id=$_REQUEST['id'];
$query="DELETE FROM alumnos WHERE id='$id'";
$resultado=$conexion->query($query);
if($resultado){
header("Location: tabla.php");
}
else
{
echo"error al eliminar datos";
}


?>
Publicado por en No hay comentarios:

hacer conexion

primero hacemos nuestra tabla en html para ingresar los datos


<!DOCTYPE html>
<html>
<head>
<title>

</title>
<meta charset="utf-8">
</head>
<body>
<form action="guardar.php" method=POST>
<table border=2 width=400 align=center>
<tr>
<td>nombre</td>
<td> <input type="text" required name="nombre" size=44px placeholder="ingrese el nombre">  </td>
</tr>
<tr>
<td>grado</td>
<td> <input type="text" required name="grado" placeholder="ingrese el grado academico" > </td>
</tr>
<tr>
<td>edad</td>
<td> <input type="text" required name="edad" placeholder="ingrese la edad de la persona"></td>
</tr>
<tr>
<td colspan=2 align="center">
<button type="submit">GUARDAR</button>
</td>
</tr>
</table>
</form>
</body>
</html>
_________________________________________________________________________________

segundo


este es el codigo para realiazar una conexion a una base de datos
la variable, el localhost, contraseña y el nombre de la base de datos


<?php
$conexion=new mysqli("localhost","root","1234","colegioss");

?>
_________________________________________________________________________________

tercero:  guardar.php hacemos un archivo de php


<?php
include("conexion.php");
$nombre= $_POST['nombre'];
$grado= $_POST['grado'];
$edad= $_POST['edad'];
$query="INSERT INTO alumnos(nombre,grado,edad)VALUES('$nombre','$grado','$edad')";
$resultado= $conexion->query($query);

if($resultado){
echo "<script>alert('los datos fueron enviados exitosamente'); location.href='index.html'</script>";

}
else
{
echo"error al insertar dato";
}

?>
Publicado por en No hay comentarios:

ESTRUCTURA HTML5

<!doctype html>
<html lang="es">
<head>
<title> paginados</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
<meta charset="utf-8">
</head>
<body>
<header>
TÍTULO DE LA PÁGINA
</header>
<nav>
<ul>
<li><a href="#">PRINCIPAL</a></li>
<li><a href="#">GALERIAS</a></li>
<li><a href="#">CONTACTOS</a></li>
<li><a href="#">PREGUNTAS</a></li>
<li><a href="#">PRODUCTOS</a></li>
</ul>
</nav>
<section id="contenedor">
<section id="contenido">
CONTENIDO PRINCIPAL
</section>
<aside>
CONTENIDO SECUNDARIO
</aside>
</section>
<footer>
AUTOR HEBER RODRIGUEZ
</footer>
</body>
</html>
____________________________________________________________________________
APLICANDO CSS AL HTML5
body{
background-color:#4682B4;
color:white;
font-size: 1.2em;
}
header,nav,footer,section#contenido,section#contenedor,aside{
background-color:black;
padding: .5em ;/*separacion entre el texto y el borde*/
text-align:center;/*centra todo el contenido*/
border-radius: .5em;/*borde de cada div*/
margin:.1em auto;/*separa el margen de arriba y abajo de cada div*/
width:90%;

}
aside,section#contenido{
display:inline-block;
background-color:#008f8f;
min-height:210px;/*minimo de altura*/
width:55%;
vertical-align: top;

}

nav ul{
list-style:none;
margin:.1em;
padding:0px;/*sin margen a los lados pegado a los margenes de los lados*/
text-align:center;

}
nav ul li{
display:inline-block;
padding: .5em; /*este es el margen de cada li separados del margen*/
}
nav ul li a{
text-decoration:none;
border-radius:.5em;
background-color:white;
padding:.6em;
transition:all 0.5s linear;
}
nav ul li a:hover{
background:#e44e2d;

}

aside{
width:40%;
}
Publicado por en No hay comentarios:

CONTACTOS

<form action="mailto:heberhageo@gmail.com" method=post>
<table border="0" width="400" align=center>
<tr>
<td colspan=2>
<h3><CENTER>Escribanos sus comentarios</CENTER></h3>
</td>
</tr>
<tr>
<td align=right>Nombre:</td>
<td >
<INPUT TYPE="TEXT" NAME="NOMBRE:" size=25>
</td>
</tr>
<tr>
<td align=right>Genero:</td>
<td >
<select name="genero">
<option> Seleccione
<option> Masculino
 <option> Femenino
 
 </select>
</td>
</tr>
<tr>
<td align=right>E-mail:</td>
<td>
<INPUT TYPE="TEXT" NAME="MAIL:">
</td>
</tr>
<tr>
<td align=right>Comentarios:</td>
<td>
<TEXTAREA NAME="MENSAJE:" rows=7 cols= 39> </TEXTAREA>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=submit value=Enviar>
</td>
</tr>
<tr>
<td colspan=2 align=center>
<input type="reset" value="Borrar información"/>
</td>
</tr>

</table>
</form>
Publicado por en No hay comentarios:

HACER UN MARCO PRINCIPAL

ESTO DEBE IR DENTRO DE UNA TABLA FILA Y COLUMNA
<tr>
<td>

<iframe name="principal" width="100%"
height="500"  frameborder="0"
src="inicio.html"></iframe>
</td>
</tr>
Publicado por en No hay comentarios:

ESTRUCTURA BÁSICA HTML

<html>
<title>DISEÑO WEB</title>
<meta charset="utf-8">
<head>
</head>
<body bgcolor="#4682B4">
<table border="1" bgcolor="orange" align="center" width="900" >
<tr>
<td>
<CENTER>
<font color="white" font face="arial" zise="4">
DISEÑO COMPUTARIZADO
<BR>
3CALLE 5 AVENIDA 12-34 ZONA 10 TELEFONOS:2343-6789
</CENTER>
</tr>
</td>
<tr>
<td>
<center><img src="imagenes/portada.jpg" height="200" width="900">
</td>
</tr>
<tr>
<td>
<center><h2>
<a href="inicio.html" target="principal"><font color="white" font face="Cooper Std Black" size="4">INICIO</a>
<a href="galeria.html" target="principal"><font color="white" font face="Cooper Std Black" size="4">FOTOSSS</a>
<a href="contacto.html" target="principal"><font color="white" font face="Cooper Std Black" size="4">CONTACTANOS</a>
</center>
</tr>
</td>
</table>
</body>
</html>
Publicado por en No hay comentarios:
Suscribirse a: Comentarios (Atom)