Programacion: html

Mostrando entradas con la etiqueta html. Mostrar todas las entradas

domingo, 17 de abril de 2022

jueves, 14 de abril de 2022

sábado, 25 de mayo de 2019

80 Python. WebScraping

Iniciacion a webscraping, obteniendo datos de una web usando Python.

Puedes acceder a la web de pruebas en este enlace.
Es aconsejable tener una base de html, puedes consultar una introduccion aqui

El codigo python disponible en github.

from urllib.request import urlopen
from urllib.error import HTTPError
from urllib.error import URLError
from bs4 import BeautifulSoup

try:
html = urlopen("http://ticoticotaa.es/ejemplowebscraping.php")
except HTTPError as e:
print(e)
except URLError:
print("Servidor caido o dominio incorrecto")
else:
resultado = BeautifulSoup(html.read(),"html5lib")
#print(resultado.title)
articulo = resultado.findAll("div",{"class":["articulo"]})
#print(articulo)
descripcion=resultado.findAll("div",{"class":["descripcion"]})
precio=resultado.findAll("div",{"class":["precio"]})
descripcionLista=[]
precioLista=[]
for desc in descripcion:
descripcionLista.append(desc.getText().strip())
print(descripcionLista)
for prec in precio:
precioLista.append(prec.getText().strip())
print(precioLista)
for i in range(len(descripcionLista)):
if int(precioLista[i])<150:
print(descripcionLista[i]+' : '+precioLista[i]+' €')
print(' *** esta por debajo de 150 € *** ')
else:
print(descripcionLista[i]+' : '+precioLista[i]+' €')

sábado, 2 de enero de 2016

#Sonidos

En esta web podreis encontrar recursos de sonidos para incluir en vuestras aplicaciones.

martes, 22 de diciembre de 2015

Php - Envio de correo con php

Codigo para enviar correos desde formulario html que llama a archivo php.
Para ello creamos un formulario en html, de la siguiente forma:

<html>
<head>
<title>Envio de correo</title>
</head>
<body>
<form action="enviarcorreo.php" method="post">
<input type="text" name="asunto"/>
<textarea name="cuerpo"></textarea>
<input type="submit" value="Enviar"/>
</form>
</body>
</html>

En el codigo html creamos el formulario que llama al archivo php que procesara los datos y creara el email a enviar, creamos un campo para el asunto y otro para el cuerpo del mensaje.

<?php
$asunto=$_POST['asunto'];
$cuerpo=$_POST['cuerpo'];
if (isset($asunto) && !empty($asunto) && isset($cuerpo) && !empty($cuerpo)){
$destino="correo@gmail.com";
$desde="From:"."ticoticotaa";
mail($destino,$asunto,$cuerpo,$desde);
echo "Correo enviado con exito";
}else{
echo"Problemas al enviar correo";
}
?>

En el archivo php tomamos las variables pasadas desde el formulario y creamos el email.
El codigo es autoexplicativo, espero os sea de utilidad.
Saludos.

viernes, 4 de diciembre de 2015

Php - Ejemplo pasar datos de Formulario a Factura

En este ejemplo, creamos un formulario con los datos necesarios para crear una factura,
este ejemplo se podria preparar para que tomara los datos de una base de datos, se vera mas adelante
El codigo seria asi:

<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html"/>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />

<title>Formulario</title>
</head>
<body>
<h3>Ejemplo de formulario para</h3>
<h1>introducir datos Factura</h1>
<form action="0012b.php" method="POST" class="form-horizontal" role="form">
        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Nombre empresa:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="nombreempresa"> <br>
        </div>
                    <label for="usuario" class="col-sm-3 control-label">Cif empresa:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="cifempresa"> <br>
        </div>
                    <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Direccion empresa:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="direccionempresa"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Nombre cliente:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="nombrecliente"> <br>
        </div>
                    <label for="usuario" class="col-sm-3 control-label">Codigo cliente:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="codigocliente"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Cif cliente:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="cifcliente"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Direccion cliente:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="direccioncliente"> <br>
        </div>
                    <label for="usuario" class="col-sm-3 control-label">Codigo Postal:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="codigopostal"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Fecha:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="fecha"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Localidad:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="localidad"> <br>
        </div>
                    <label for="usuario" class="col-sm-3 control-label">Provincia:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="provincia"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Num Factura:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="numerofactura"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Articulo:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="detalle"> <br>
        </div>
        </div>
                        <div class="form-group">
            <label for="usuario" class="col-sm-3 control-label">Importe base:</label>
    <div class="col-sm-2">
            <input class="form-control"type="text" name="base"> <br>
        </div>
        <input value="enviar" class="btn btn-default"type="submit">
        </div>
</form>
</body>
</html>

Creo un formulario, he introducido en la cabecera "HEAD" del archivo un enlace a bootstrap,
es un framework de css que facilita el formato de nuestra web.
En el formulario se introducen los datos y se pasan estos mediante el metodo POST.
Seguidamente se abre la pagina con la factura, dicha pagina tiene codigo para darle el estilo
necesario, normalmente esto se hace con CSS, pero aun no lo hemos visto, mas adelante pondre
una introduccion a CSS.
El codigo de la web que recibe los datos es:

<?php
//variables tomadas del formulario
$nombreempresa=$_POST['nombreempresa'];
$cifempresa=$_POST['cifempresa'];
$direccionempresa=$_POST['direccionempresa'];
$nombrecliente=$_POST['nombrecliente'];
$codigocliente=$_POST['codigocliente'];
$direccioncliente=$_POST['direccioncliente'];
$numerofactura=$_POST['numerofactura'];
$codigopostal=$_POST['codigopostal'];
$fecha=$_POST['fecha'];
$localidad=$_POST['localidad'];
$provincia=$_POST['provincia'];
$cifcliente=$_POST['cifcliente'];
$detalle=$_POST['detalle'];
$base=$_POST['base'];
$iva=$base*0.21;
$total=$base+$iva;
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html"/>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <title>Factura</title>
</head>
<body>
<div class="table-responsive">
<table class="table">
     <tr>
      <td><small><strong><?php echo $nombreempresa; ?></strong></small></td>
    </tr>
    <tr>
      <td><small>N.I.F: <?php echo $cifempresa; ?></small></td>
    </tr>
    <tr>
      <td><small><?php echo $direccionempresa; ?></small></td>
    </tr>
</table>

<div class="table-responsive">
<table class="table">
    <th>Factura Nº <?php echo $numerofactura; ?></th>
    <tr>
        <td><strong>Fecha</strong>: <?php echo $fecha; ?></td>
    </tr>
        <tr>
        <td><strong>Fecha Vencimiento</strong>: 26/10/2016</td>
    </tr>
</table>
<div class="table-responsive">
<table class="table">
    <th>Cliente</th>
    <tr>
      <td><strong>Id. Cliente</strong>: <?php echo $codigocliente; ?></td>
    </tr>
    <tr>
      <td><strong>Cliente</strong>:<?php echo $codigocliente; ?> </td>
    </tr>
    <tr>
        <td><strong>N.I.F</strong>: <?php echo $cifcliente; ?></td>
    </tr>
    <tr>
      <td><strong>Domicilio</strong>: <?php echo $direccioncliente; ?></td>
    </tr>
    <tr>
    <td><strong>Código Postal</strong>: <?php echo $codigopostal; ?></td>
</tr>
<tr>
    <td><strong>Localidad</strong>: <?php echo $localidad; ?></td>
</tr>
    <tr>
    <td><strong>Provincia</strong>: <?php echo $provincia; ?></td>
</tr>
<tr>
    <td><strong>País</strong>: ESPAÑA</td>
    <td></td>
</tr>
</table>
      <table class="table">
    <tr>
    <th colspan="4" class="center">Concepto</th>
    <th class="center">Importe Total</th>
</tr>
<tr>
    <td colspan="4" class="center">
    <?php echo $detalle; ?>
    </td>
    <td class="center"><?php echo $base; ?></td> </tr>
</table>
<table class="table">
    <tr>
         <th>Base Imponible</th>
    <th>IVA 21 %</th>
    <th>Total</th>
</tr>

    <tr>
    <td class="left"><?php echo $base; ?> €
    </td>
    <td class="left"><?php echo $iva; ?> €</td>
    <td class="left"><?php echo $total; ?> € </td>
</tr>
</table>

<table class="table">
    <tr>
    <td colspan="3" class="left">Modalidad de pago: <strong>DOMICILIACION BANCARIA </strong> </td>
    </tr>
</table>
</div>
</body>
</html>

En este segundo codigo se toman los datos pasados por el metodo POST del formulario anterior,
despues pongo estos datos en variables situadas al principio del archivo.
Esas variables las vamos introduciendo entre el codigo HTML para que aparezcan donde queremos.
El codigo es autoexplicativo como ejemplo muy basico, se puede mejorar introduciendo acceso a
bases de datos de articulos, clientes, etc.

El ejemplo de esta pequeña introduccion esta en la web de Ejemplos.

viernes, 4 de septiembre de 2015

Html 7. Encabezados

En html tenemos distintos tipos de encabezados que van desde H1 a H6.
El H1 es el de mayor tamaño, disminuyendo conforme vamos pasando el H2, H3, etc.
Ejemplo:

<html> <head> <title>Encabezados</title> </head> <body> <h1>Encabezado Mayor</h1> <h2>Encabezado 2</h2> <h3>Encabezado 3</h3> <h4>Encabezado 4</h4> <h5>Encabezado 5</h5> <h6>Encabezado 6</h6> </body> </html>

El ejemplo esta en la web de Ejemplos.

lunes, 29 de junio de 2015

Php Sesiones

Hoy explicare como manejar sesiones desde php.
El codigo seria asi:

<!DOCTYPE html>
<html lang="es">
<head>
<?php
session_start();
    if(isset($_SESSION['visitado'])){
            echo "ya has visitado nuestra web, no subo el contador";
    } else {
        $_SESSION['visitado']="si";
       echo "bienvenido, es la primera vez que entras en nuestra web hoy";
    }
?>
<meta charset='utf-8'>
<title>EJEMPLO DE SESION</title>
</head>
<body>

</body>
</head>

En muchas ocasiones no podremos utilizar las cookies porque el navegador del usuario no las activa o porque el usuario lo ha configurado para que no se activen,
por lo que nos veremos obligados a usar otro sistema para almacenar informacion, en este caso las variables de sesion, estas almacenan datos en el
servidor y no en el pc del usuario, por lo que nos seran muy utiles.
En el ejemplo como vereis lo primero que se hace en la cabecera es iniciar las variables de sesion con "session_start()," antes del body.
una vez iniciada comprobamos al cargar la web si ya existia, en caso de existir mostramos mensaje de que ya la habiamos visitado, en caso contrario damos la bienvenida.
Este es uno de los muchos ejemplos de variables de sesion, en mi caso lo utilizo para el contador de la web

Con esto se puede ver la forma en la que podemos crear y leer una variable de sesion, que nos servira para guardar informaciones diversas.

Espero sea util la informacion y sirva para comenzar a practicar con las sesiones. Gracias.

El ejemplo de esta pequeña introduccion esta en la web de Ejemplos.

lunes, 4 de mayo de 2015

Html Formularios

Añadido videos de Html.
Para complementar los tutoriales publicados en AprendiendoProgramacion
Publicado en YouTube.

lunes, 20 de abril de 2015

Aplicaciones Android

He actualizado las aplicaciones Android, destacandoles:

Countkids: aplicacion para que los niños practiquen las operaciones basicas, cuentas mediante imagenes como globos o personajes disney conocidos, para que se les haga ameno.

Aprendiendo programacion: aplicacion en la que voy subiendo ejemplos de programacion con explicaciones sencillas.

Espero os sea util, gracias.

miércoles, 1 de abril de 2015

Mas videos de Html

Añadido videos de Html.
Para complementar los tutoriales publicados en AprendiendoProgramacion
Publicado en YouTube.

miércoles, 25 de marzo de 2015

Html 6. Hipervinculos

Para incluir enlaces de una web a otra dentro de nuestro sitio, utilizamos la etiqueta "a href" y tras el igual incluimos el nombre de la web a la que se enlaza, antes de cerrar la etiqueta se incluye la descripcion que queremos que aparezca en dicho enlace.

Todo esto y mas lo podeis encontrar en Aprendiendo Programacion.
Ejemplo:


<html>

<head>

<title>hipervinculo</title>

</head>

<body>

<h1>Primera Pagina</h1>

<a href="0006b.html">Segunda Pagina</a>

</body>

</html>

El ejemplo esta en la web de Ejemplos.


<html>

<head>

<title>Segunda pagina</title>

</head>

<body>

<h1>Segunda Pagina</h1>

<a href="0006.html">Primera Pagina</a>

</body>

</html>

domingo, 22 de marzo de 2015

Video iniciacion Html

Añadido video de iniciacion de Html.
Publicado en YouTube.

viernes, 20 de marzo de 2015

Html 5. Formularios

Para solicitar datos del usuario en html lo hacemos mediante formularios, el que indico como ejemplo es basico, pero sirve para entender bien como funciona.
La etiqueta usada para el formulario es form, con apertura y cierre, dentro de la apertura se indica el metodo a usar para pasar los datos, en este caso POST (metodo que oculta las variables, el otro metodo seria GET que muestra las variables en la URL o direccion web que aparece arriba en el navegador. Con dicho metodo se indica en action a que pagina se envian los datos para procesarlos.
Se indica con texto que se solicita al usuario y mediante input type indicamos que tipo de dato se recoge y su nombre de variable con name, seguidamente ponemos un boton de envio.
Para todo esto tenemos que crear 2 webs, una que envia y otra que recibe (cuando avancemos mas veremos que tambien se puede hacer desde la misma web).
Ejemplo:


<html> 

<head> 

<title>Formulario</title> 

</head> 

<body> 

<form method=”post” action=”0005b.php”>

 Introduce nombre: <input type=”text” name=”nombre”>
<br> 

<input type=”submit” value=”enviar”> 

</form> 

</body> 

</html>

La web que recibe se llamara 0005.php


<html> 

<head> 

<title>Capta nombre del formulario</title> 

</head> 

<body> 

<?php echo “El nombre obtenido es:”;

 echo $_REQUEST['nombre'];

 ?> 

</body> 

</html>

miércoles, 18 de marzo de 2015

Nueva aplicacion Android

Incluida nueva aplicacion Android que enlaza con la web creada de tutoriales de programacion, para aprender a programar con distintos lenguajes y ejemplos sencillos.
Aprendiendo Programacion

jueves, 12 de marzo de 2015

Html 4. Comentarios

Un elemento utilizado en cualquier lenguaje de programacion es el comentario, este sirve para recordarnos algo importante del codigo ya que quizas al verlo tiempo despues para modificar algo no nos acordemos exactamente que hacia y esto nos puede ayudar.
Tambien es util cuando se programa en equipo y otra persona tiene que modificar o añadir algo, esto le servira de guia.
El comentario se realiza asi: .
Ejemplo:

<html>
<head>

<!-- Aqui ponemos el titulo de la web -->

<title>Ejemplo de comentario</title>

</head>
<body>
<!-- Ejemplo de parrafo-->
<p>Este ejemplo sirve para indicar como se incluye un comentario en el codigo</p>
</body>
</html>

Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

martes, 10 de marzo de 2015

Html 3. Tablas

Otro de los elementos mas utilizados en la web son las tablas, antiguamente se usaban para maquetar las paginas (ya no se usa para este fin).
Comienzan por <TABLE>.....</TABLE>, cada fila por <TR>...</TR> y dentro de estas cada elemento con <TD>.....</TD>.
Ejemplo:

<html>

<head>

<title>Ejemplo Tabla</title>

</head>

<body>

<h1>Tabla</h1>

<TABLE BORDER>
 <TR>
  <TH>Cabecera 1</TH> <TH>Cabecera 2</TH> <TH>Cabecera 3</TH>
 </TR>
 <TR>
  <TD>Fila 1 Cab 1</TD> <TD>Fila 1 Cab 2</TD> <TD>Fila 1 Cab 3</TD>
 </TR>
 <TR>
  <TD>Fila 2 Cab 1</TD> <TD>Fila 2 Cab 2</TD> <TD>Fila 2 Cab 3</TD>
 </TR>
</TABLE>


</body>

</html>

El ejemplo es autoexplicativo.
Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

lunes, 9 de marzo de 2015

Html 2. Listas

Junto con los encabezados y parrafos son de los elementos mas comunes o frecuentes en las webs.
Comienzan por <ol>.....</ol>
y cada elemento de la lista por
<il>.....</il>.
Ejemplo:

<html>

<head>

<title>Ejemplo Lista</title>

</head>

<body>

<h1>Listas</h1>

<h2>Lista ordenada</h2>

<ol>

<li>Uno</li>

<li>Dos</li>

<li>Tres</li>

</ol>

<br>

<h2>Lista sin ordenar</h2>

<ul>

<li>Uno</li>

<li>Dos</li>

<li>Tres</li>

</ul>

<br>

<br>

</body>

</html>

Este ejemplo esta publicado en Web Ejemplos.
Mas ejemplos y teoria en Web Aprendiendo Programacion
Esperando sea de utilidad, gracias.

Cambio de imagen en web programacion

Hace algun tiempo decidi publicar mis apuntes de programacion que usaba como recordatorio, con el fin de que pudiera servir a alguien mas.
Por esto cree la Web Aprendiendo Programacion, hace unos dias cambie un poco la imagen de dicha web y añadi algo mas de contenido.
En cuanto pueda seguire añadiendo mas, con el objetivo de tener un sitio completo para consultar teoria y ejemplos de programacion.
Espero os sea util, gracias.

viernes, 20 de febrero de 2015

Hoja Imprimible para practicar operaciones de Sumas Restas

En la web RecursosDidacticos he creado una pagina que genera una hoja imprimible para que los mas peques practiquen operaciones de sumas y restas.
Espero sea util, gracias.