Y bien lo primero que necesitamos para elaborar el ya famoso login es un navegador web no importa cual sea el que tengamos instalado debe funcionar, otra cosa que necesitamos para los mismos fines es un editor de textos, yo, personalmente recomiendo Sublime Text que actualmente se encuentra disponible de forma gratuita en su versión 2 y que puede descargarse aquí , lo recomiendo por que tiene elementos importante que nos son de mucha utilidad al momento de generar código como por ejemplo el autocompletado de texto que es bastante util para reducir tiempos, aocntinuación pongo una captura de la interfaz de Sublime Textcon fines ilustrativos.
Pues bien, a grandes rasgos y de forma muy resumida esto es Sublime Text, pero
no es el único que existe, pues también está Notepad++ que puede ser descargado desde su web ofical desde aquí, ambos son software libre de muy alta calidad, y pues teniendo instalado uno de estos procedemos a generar código, lo primero que hay por hacer es generar el cuerpo de nuestro programa HTML de la siguiente manera :
Con esto se crea la carcasa de un login pero lo interesante viene cuando hacemos uso de CSS3 para definir estilos para esto me situaré dentro de la definición de la etiqueta "head" y escribiré el siguiente código :Login
UserName : Password :
Es importante recalcar que todo este bloque de código va dentro de la etiqueta "head" de nuesto código html y que para definir los colores hago uso de una tabla que me ayuda a ver que color me agrada y el código que corresponde al mismo. Al finalizar y ya con un poco más de personalización podriamos llegar a un resultado como el siguiente :
Anexo el documento html y la fuente que utilicé aquí




No hay comentarios:
Publicar un comentario