Publicado el Deja un comentario

Php 23. Acceso Usuarios

En este video creamos la plantilla en html que nos servira para preparar la entrada de usuarios con php y mysql.
A esta plantilla le damos formato con el archivo css.
El siguiente video tendra codigo php para comenzar el proyecto.






Index

<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”initial-scale=1,width=device-width”>
<meta name=”keywords” content=”acceso,usuarios,php,mysqli”>
<link rel=”stylesheet” href=”css/estilos.css” type=”text/css”>
<title>Acceso Usuarios</title>
</head>
<body>
<header id=”cabecera”>
<nav id=”navegacion”>
<ul>
<li><a href=”#”>Inicio</a></li>
<li><a href=”#”>Acerca de</a></li>
</ul>
</nav>
</header>
<div id=”contenido”>
<section>
<article>
<div id=”formulario”>
<h1>Acceso usuarios</h1>
<form autocomplete=”off” action=”index.php” method=”post” name=”formulario”>
<input type=”text” name=”nombre” required placeholder=”Nombre”/><br/>
<input type=”password” name=”clave” required placeholder=”Clave”/><br/>
<input type=”submit” value=”Entrar” class=”boton”/>
</form>
</div>
</article>
</section>
<aside></aside>
<footer id=”pie”>
<p>@Copyright ——</p>
</footer>
</div>
</body>
</html>




Estilos Css

*{
margin:0 auto;
color: white;
padding:2px;
font-family:sans-serif,Helvetica,Arial;
text-decoration:none;
}
header,nav,section,article,aside,footer{
display:block;
background:linear-gradient(200deg,orange,blue);
}
#cabecera{
height:auto;
width:100%;
margin-bottom:5px;
padding:5px;
}
#navegacion{
padding:5px;
margin:2px;
text-align:center;
}
#navegacion li{
display:inline-block;
text-align:center;
padding:2px;
margin:2px;
}
#navegacion li a{
background-color:orange;
color:blue;
text-decoration:none;
padding:10px;
}
#navegacion li a:hover{
background-color:yellow;
color:red;
}
#formulario{
display:block;
text-align:center;
margin:10px;
padding:5px;
}
input[type=”text”],input[type=”password”]{
border-radius:5em;
color:blue;
padding:2px;
margin:5px;
}
.boton{
border-radius:5em;
color:blue;
padding:2px;
margin:5px;
width:120px;
}
#pie{
margin-top:5px;
padding:5px;
font-size:0.5em;
}


Enlace video instalacion WampServer

Please follow and like us:
Publicado el Deja un comentario

38 Python. Como distribuir y crear ejecutable de nuestra aplicacion

Para poder distribuir nuestra aplicacion Python para windows, debemos :

  1. Instalar el paquete pyinstaller, para ello vamos a nuestra consola de comando y ponemos “pip install pyinstaller”
  2. Buscamos y nos situamos en la carpeta de nuestro proyecto.
  3. Ponemos “pyinstaller nombreProyecto.py –windowed”
  4. Una vez terminado en la carpeta de nuestro proyecto tendremos una carpeta llamada “dist”, esta carpeta contiene un archivo ejecutable con el mismo nombre que indicamos en el punto 3. Es la carpeta que podemos distribuir.

En el siguiente video puedes ver el proceso completo.

Please follow and like us:
Publicado el Deja un comentario

Scratch – 21 Compartir proyecto

Con Scratch podemos programar de forma offline y online, en el video se muestran las dos formas y como compartir nuestro proyecto con la comunidad Scratch.
Al compartirlo, el resto de personas pueden ver nuestro codigo para aprender o para desarrollarlo con otros metodos o mejoras.
Nosotros podemos tambien ver ejemplos del resto de la comunidad para practicar, aprender y mejorar en el desarrollo de nuestros codigos y proyectos.
Podeis descargar en el siguiente enlace una guia scratch.

Please follow and like us:
Publicado el Deja un comentario

Scratch – 05 Compartir proyecto en la web

En este video os indico como compartir nuestro proyecto en la web de Scratch como en nuestra propia web.
Debeis entender que compartir o mostrar como se ha realizado nuestro proyecto, puede servir tanto para ayudar a otros como para que nos ayuden a mejorarlo.
En la comunidad Scratch es muy facil compartir proyectos para que se vean publicamente, asi como tambien es facil acceder a proyectos de otros con el objetivo de que nos sirvan de ejemplo para entender como realizar acciones que nos puedan servir para nuestros proyectos.

Espero os sea util, gracias.

Please follow and like us: