UAI ArmandoSA: 2014

domingo, 1 de junio de 2014

PRACTICA#5

Conexión de PHP-MySQL, utilizando estilo css en formulario html.

Un formulario para rellenar con datos de correspondencia. Creamos un formulario en HTML

para despues rellenarlo y almacenar los datos en una DB (Data-Base) utilizando el manejador MySQL.

Creacion de Formulario:

con nuestra BD de datos ya creada en MySQL pasamos a la conexion con nuestro formulario:

la conexión la hacemos con el nombre los campos que utilizamos en nuestro formulario, para insertar en nuestra BD los datos del formulario.

tambien podemos mostar los datos ya insertados tanto en nuestra MySQL server como tambien en un formulario de php:

estos son datos que insertamos desde el formulario creado en html y debido al exito en la conexion se guardan en nuestra BD:

cuando realizamos un registro mostraremos un mensaje de registro exitoso y un boton para crear otro registro(NUEVO REGISTRO) o dirigirnos a los registro (REGISTROS):

CODIGO FUENTE:
https://mega.co.nz/#!HA9kkIaC!sS8U_DTkNPcUaqh2dOEQ6XZJiGfm9ZM9jTu8Lx0p67I

************************************THE END************************************

domingo, 25 de mayo de 2014

Java Scrip Expresiones Regulares
La utilizaremos Parrafo Rellenar ONU Campo Estafadores ano determinadas numeros De reglas
mostradas en el inicio de Sesión.
Ya Que Si no lo rellenamos correctamente nos arrogara sin error.

Rellenado Correctamente:

Rellenado Incorrectamente:

Codigo Fuente:

<html>
<head>
<style type="text/css">
header {

Fondo: anaranjado;
Altura: 300px;
ancho: 200px;
position: absolute;
top: 30px;
Izquierda: 565px;
padding: 25px;
border-radius: 15px;
}
pastel de page {
Fondo: blanco;
Fronteriza: Sólido 10px naranja;
margin-top: 215px;
ancho: 20%;
position: absolute;
top: 250px;
Izquierda: 100px;
}
</ Style>
<script type="text/javascript">
Función Borrar () {
UNO var = document.getElementById ("nuevoid") de valor.;
Regla var = / ^ [AZ] {4} [0-9] {1,6} [az] {3} $ / ;/ / reglas a Seguir

si (regla.test (ONU))
alert ("CAMPOS LLENADOS CORRECTAMENTA");
Más
alert ("VERIFIQUE LOS CAMPOS NO HAS SIDO LLENADO CORRECTAMENTE");
}

Función de verificar () {
var a = document.getElementById ("id") de valor.;
var b = document.getElementById ("pass") de valor.;

if (a.length! = 0 && b.length! = 0) {
alert ("VERIFICANDO ...")
return true;
} Else {
alert ("incompletos CAMPOS!")
return false;

}

}
</ Script>


<title> 5entrada </ title>
</ Head>

<body background="f.jpg">
<center>
<header>
<font face="Papyrus"> <br> Ingrese DATOS <br> </ font>
<form id="formulario" Acción ="index.php" method="post" onsubmit="return verificar()"> <BR>
<font color="blue" face="Papyrus"> INICIO </ font>
<br>
<h6> <font color="white" face="Papyrus"> NOMBRE </ font>
<input id="nuevoid" name = "campo1" type="text">
<br>
<font color="white" face="Papyrus"> CONTRASEÑA </ font>
<input id="psw1" name="psw" type="password">
<br> </ h6>
<input id="b1" name="boton" type="submit" value="Entrar" onclick="borrar()">
<input id="rse" name="reset" type="reset">
<br>
</ Form>
</ Header> </ center>
<footer> INSTRUCCIONES! <br>
-Su Nombre parrafo debe ingresar Contener: <br>
> 4 mayusculas de la AZ <br>
> 1 a 6 numeros 0-9 <br>
> 3 letras Minúsculas <br>
(En Este Orden)
</ Pie de Página>


</ Body>

</ Html>

********************************** FIN *************** *************************

martes, 8 de abril de 2014

PRACTICA#0

INSTALACION DE XAMPP EN WINDOWS 7

******************************THE END******************************

domingo, 30 de marzo de 2014

PRACTICA#3

Utilizando css en html, Para poner nuestros Diseños web mas "Hermosos" rapido y facil! :)

*******Código HTML al al Que le daremos Diseño y forma utilizando CSS *******

<! DOCTYPE html>

<! -

Para change this Encabezado de LICENCIA, Seleccione Encabezados LICENCIA en Propiedades del Proyecto.

Para change this Archivo de plantilla, Seleccione Herramientas | Plantillas

y abra la Plantilla en el editor.

<html>

<head>

<br>

<center> <header> <h1> <br> BIENVENIDO! </ H1>

<h3> <nav> <ul> <li> Inicio </ li>

<li> informacion </ li>

<li> bibliografias </ li> <br> </ nav> </ center> </ h3>

<br>

</ Header> Inglés <-! ESTE HEIDER ARRIBA LE DAMOS FORMA Y DISEÑO CON EL CSS ->

<article> Creando UNA PAGINA EN UTILIZANDO CSS HTML </ article>

</ Section>

</ Section>

<br>

<div> renglón 0 </ div>

<br>

<div> renglón 1 </ div>

<br>

<div> renglón 2 </ div>

<br>

<div> renglón 3 </ div>

<br>

<div> renglón 4 </ div>

<br>

<center> <h4> <p align="center"> CSS Es Un Lenguaje de Estilo Que definen la <br>

Presentación de los Documentos HTML. Por <br>

EJEMPLO, Cuestiones Abarca CSS relativas a <br>

fuentes, colores, Márgenes, Líneas, Altura, <br>

Anchura, Imágenes de Fondo, Posicionamiento <br>

Avanzado y MUCHOS Otros Temas. ¡Espera UNOS <br>

Segundos y ya VERÁS! </ P>

<p align="justify"> ES HTML USAR Posible, o INCLUSO abusar del <br>

Web Mismo, Parr ESQUEMA ESQUEMA Añadir ONU Formato de Los Sitios. <br>

Sin embargo, CSS ofrece Mas opciones y es <br>

Más Preciso y Sofisticado. No no está CSS Soportado <br>

Por Todos Los Navegadores Hoy Dia. </ P>

<p align="justify"> UNIVERSIDAD AUTONOMA DE GUERRERO <br>

UNIDAD ACADEMICA DE INGENIERIA <br>

ARMANDO SANCHEZ ALONSO <br>

SEPTIMO SEMESTRE <br>

INTERFACES GRAFICAS </ p> </ h4> </ center>

<- ACA LE DIMOS EL DISEÑO Y LA FORMA A LA TABLA SLO PARA SQUE SEA MAS LAMATIVA ->

<tr>

<br>

<td> <font face="Arial"> de color = "# D8D8D8"

<b> practica # 3 </ b>

</ Font> </ td>

</ Tr>

<tr>

En esta practica utilizaremos el css en HTML parrafo PONER Un Poco mas llamativas las paginas web

<br> Elaboro <br> http://alonsar.blogspot.mx/

</ Font>

</ Td>

</ Tr>

</ Table>

</ Body>

</ Html>

****** Código css Dandole forma y diseño al codigo HTML *******

<-! INICIO DEL USO DE CSS ->

encabezamiento

{

font-family: Monotype Corsiva / / TIPO DE LETRA DEL HEIDER

color: blanco / / COLOR DEL TEXTO DEL HEIDER

background-color: # A4A4A4 / / LE CREAMOS UN FONDO AL HEIDER

Fronteriza: Fondo 2px; / / ACA EL COLOR DEL FONDO UTILIZANDO EL CODIGO DE COLORES HEXADECIMAL

ancho: 20% / / TAMAÑO DEL CUADRO

}

Sección

{

background-color: red; / / AL FONDO COLOR ROJO Seccion

}

article

{

background-color: blanco;

Fronteriza: Fondo 3px Sólido / / BONDE DE 3 PIXIELES EN EL CUADRO DEL ARTICULO

}

div

{

font-family: Papiro; / / TIPO DE LETRA

background-color: negro / / COLOR DEL FONDO

color: blanco / / COLOR DE LA LAETRA

}

{

font-family: Imprimir Segoe;

color: red;

background-color: negro;

Fronteriza: Fondo 3px;

ancho: 80%;

}

</ Style>

</ Head>

*******Resultado *******

**********************************THE END*************************************

PRACTICA#2

En Esta practica (login), mandaremosMENSAJES de Error utlizando JavaScrip al DEJAR los campos vacios y querer ingresar.

codigo:

<! DOCTYPE html>

<! -

Para cambiar este encabezado de licencia, seleccione Encabezados licencia en Propiedades del proyecto.

Para cambiar este archivo de plantilla, seleccione Herramientas | Plantillas

y abra la plantilla en el editor.

<html>

<br>

<br> <center> <font color="blue"> FACE="Papyrus" <h2> .. :: LOGIN :: .. </ h2> </ font>

Messenger language="JavaScript">

función de mostrar ()

{

nom var = document.form1.nombre.value;

var ed = document.form1.edad.value;

alert ('Ingreso el Nombre y / o contraseña' + nom);

}

</ Script> <font color="blue">

<form name="form1"> Nombre:

<input type="text" name="nombre"> <br> Contraseña

</ Form>

</ Center>

</ Body>

</ Html>

resultados:

*************************************THE END********************************

domingo, 9 de marzo de 2014

Ejercicio Número 1 (Conexión de PHP con Mysql)

Este ejercicio consiste en relaizar un LOGIN que pida un usuario y contraseña ya registrados en una BD. Realizaremos una conexión de php con mysql, utilizando el IDE de netbeans y Mysql workbech.
Teniendo nuestra BD:

Creando una interfaz con HTML, dondole el diseño que nosotros queremos:

Posteriormente realizaremos la conexión con PHP:

Al realizar ya nuestra conexión y diseño de la interfaz, corremos el archivo HTML, donde nos pedirá un usuario y contraseña, los cuales deben de ser los que ya hemos registrado en la base de datos

al final nos arrojara si el usuario ingresado esta en nuestra Base de Datos

*****FIN*****

domingo, 1 de junio de 2014

PRACTICA#5

domingo, 25 de mayo de 2014

PRACTICA #4

martes, 8 de abril de 2014

PRACTICA#0

domingo, 30 de marzo de 2014

PRACTICA#3

PRACTICA#2

domingo, 9 de marzo de 2014

Ejercicio Número 1 (Conexión de PHP con Mysql)