Stilos en HTML con CSS

Hola queridos lectores bueno ahora les presento CSS y qué puede hacer por nosotros?
CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

Bueno primero que nada una defincion de CSS:
Es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo,
CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.

Y porque CSS y no directamente dar estilo con HTML, primero que nada si es posible incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado, algunos de los veneficios al usar CSS son:

• control de la presentación de muchos documentos desde una única hoja de estilo;
• control más preciso de la presentación;
• aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
• numerosas técnicas avanzadas y sofisticadas.

bueno no quiero aburrirlos asi que les muestro un ejemplo sencillo de lo que se puede hacer.

 

bueno este es un ejemplo con el login que hemos venido trabajando

Bueno el codico o etiquetas implementadas fueron las siguientes dos: <header> y <footer>

 

esas etiquetas que estamos utilizando las mandaremos a llamar para darle estilo con CSS

y bueno ya dependiendo la imaginacion de cada uno son los resultados para este ejemplo pues decidi utilizar algo sencillo  el codigo como siempre estara en el link de abajo

https://mega.co.nz/#!VxtkACrC!IEWVSn7ZHTpxxs5MAT9JP7ki6ve7Or7aKzQlLn4C3SU

Validación de datos con JavaScript y HTML

hola queridos(as) lectores y amigos que me siguen, hoy lees mostrare como validar datos en los campos de mi login que en la publicacion anterio realize pues ahora con esa misma interfaz agregaremos un JavaScript el cual nos permitira realizar la validacion de los campos para no tener inconsistencia de datos es decir que solo me permira avanzar si rellene todos los campos de lo contrario me mostrara un mensaje de alerta y no me dejara avanzar a PHP el cual tenemos conectado a una base de datos que por medio de una consulta con nuestros datos lla previamente validados con JavaScript nos regresara si esta o no dentro de nuestra base de datos.

en la siguiente imagen esta el codigo  de JavaScript el cual utilizaremos para crear la validacion

bueno ahora lo unico que tenemos que hacer es llamar el metodo en donde tenemos la llamada a php  como en la siguiente imagen.

de esta forma si retorna true (verdadero) se creara la consulta en caso contrario retorne false(falso) no mantendra en la pagina del formulario hasta que todos los campos este previamente con la informacion correspondiente.

 para el caso de ser false nos retornara lo siguiente

y para el caso de  true

bueno para los que quieran el codigo completo pueden descargarlo en el siguiente link

https://mega.co.nz/#!1klCHDaS!PbmbpZasJ8G_Pe_qLRjEPTlusKs5Dg4TdXlwXO1fYP0

Conexion PHP con Mysql con Netbeans como IDE

hola amigos buenas tarde-noches-dias-bueno lo que sea en donde me estas mirando hoy lees mostrare como crear una conexion php con una base de datos usando como IDE Netbeans y MySQLWorkbenche bueno mas que nada creare una conexion con la base de datos y para hacerlo mas interesante crearemos un login para saber si el usuario esta dentro o no en los registros de mi base de datos bueno comensemos :D

Lo primero que tenemos que hacer es tener nuestra base de datos en este caso utilizare una con el nombre de "prueba" donde solo tengo una tabla la cual solo contendra dos campos uno para nombre y otro para la contraceña suficiente para lograr el objetivo

 

 

 

bueno ya crea nuestra base de datos agregamos unos cuantos registros 

 

bueno para los que se preguntan como agregar registros con workbech solo tiene que darle en la Pestaña >DataBase en mi caso ya que lo tengo en ingles y dalr en coneccio a database que seria la primera obcion que les depliega

bueno una ves ya creada nuestra base de datos crearemos nuestro formulario con php desde netbeans para ello tienes que tener la vercion completa o agregar el plugin de php que no tarda mucho en instalarse

• lo primero es crear un nuevo proyecto y seleccionamos php
• en el mismo proyecto click derecho y creamos un archivo html

 

 

bueno el html lo usaremos para crear el formulario y mandar nombre y contraseña

a php donde realizaremos  la conexion ala base de datos

Acontinuacion les mostrare el codigo de como crear la interfaz en html para posteriormente usarla en php en caso de que no conoscas algunas o quiras mejorar el diseño solo basta con poner en "San Google" etiquetas para html y pues cada quien con su imaginacion.

bueno una ves creada a interfaz procedemos a crear la conexion con mysql para ello iremos al index.php que nos generar netbeans y crearemos la conecion con mysql como se muestra acontinuacion

bueno esto asido todo una vez creado lo que sigue es ejecutar el programa dandole en correr proyecto 

y nos mostra la interfaz html que creamos

 

nos logiamos con uno de los registros que realizamos y pulsamos el boton de login php ara el trabajo de la conexion y hara la consultas y nos dira si el usuario existe o no dentro de nuestra base de datos

bueno espero lees hayga parecido interesante y recuerden al crear una interfaz tu unica limitancia es tu inaginacion :P