Comienza trabajando con HTML + CSS

Probablemente estés viendo texto negro sobre un fondo blando, pero esto depende de cómo esté tu navegador configurado. Para que la página tenga algo más de encanto podemos añadir algunos colores. (Deja el navegador abierto, lo utilizaremos más tarde). Comenzaremos con una hoja de estilo interna en el archivo HTML. Más adelante, pondremos el HTML y el CSS en archivos diferentes. La separación de estos archivos es recomendable ya que facilita la utilización de la misma hoja de estilo para diferentes archivos HTML: sólo tienes que escribir la hoja de…

Leer más

Botones y CSS

Las Hojas de Estilos en Cascada (CSS) son sin duda una de las herramientas más útiles que podemos usar en nuestras páginas web. Nos permiten definir el aspecto con el que se van a presentar todos y cada uno de los elementos de una página web, consiguiendo con ello la buscada separación entre datos y presentación, tan buscada por los desarrolladores. Mediante CSS podemos mejorar notablemente el aspecto de nuestros botones de formulario, siempre y cuando el navegador usado por nuestro visitante soporte la aplicación de estilos a estos elementos,…

Leer más

Crea tus propios botones con html

A pesar de ser los formularios una de las partes más importantes de toda aplicación web, es bien cierto que el lenguaje HTML nos ofrece pocas (por no decir ninguna) opciones para adaptar sus elementos al diseño de nuestra página. Efectivamente, son pocos los componentes sobre los que podemos actuar para cambiar su aspecto externo. Tenemos la opción de dar más o menos longitud a un textarea o a una caja de texto, de configurar el tamaño de la fuente de las mismas, de «trucar» una lista de selección mediante…

Leer más

Desarrolla Páginas Web Inteligentes en 10 lecciones

Curso de WordPress online Desarrolla Páginas Web Inteligentes en 10 lecciones Certíficate en Worpress: http://uneweb.edu.ve/wordpress-3-0-nivel-1/,  CURSO EN VIVO CON EL INSTRUCTOR ON LINE, en nuestro sistema de conferencia en línea  Participantes hasta 8 cupos Fecha: LUNES 09/ NOVIEMBRE /2015 Hora: 8pm a 9:30pm Clases en vivo: Lunes, miércoles y viernes ( 2 semanas) Con más de 12 módulos del mejor material orientado a proyecto on line las 24 horas, Certificado por el Ministerio de Educación Bs. 4000 Uneweb Instituto | Todos los derechos Reservados. Telf. Telf. – +1-786-352-8205 / +58 212 9538412 /  04141150705

Leer más

Curso de WordPress online

Desarrolla Páginas Web Inteligentes en 12 lecciones Certíficate en Worpress: http://uneweb.edu.ve/wordpress-3-0-nivel-1/,  CURSO EN VIVO CON EL INSTRUCTOR ON LINE, en nuestro sistema de conferencia en línea  Participantes hasta 8 cupos Fecha: LUNES 14/ OCTUBRE /2015 Hora: 7pm a 8:30pm Clases en vivo: Lunes, miércoles y viernes ( 2 semanas) Con más de 12 módulos del mejor material orientado a proyecto on line las 24 horas, Certificado por el Ministerio de Educación conferencias en vivo cada semana Uneweb Instituto | Todos los derechos Reservados. Telf. Telf. – +1-786-352-8205 / +58 212 9538412 /  04141150705

Leer más

Conoce sobre los tags de Estructura de la página

 En HTML5 existen tags específicos para marcar varios elementos en la estructura de una página: <header></header>: Para marcar el encabezado. <nav></nav>: Para marcar la sección de navegación de la página web. <section></section>: Permite marcar diferentes secciones dentro de la página, que pueden ser anidadas una dentro de otra. <aside></aside>: Se puede utilizar para marcar una zona que, si bien forma parte del contenido principal de la página, es una exclusión a este y tiene sentido propio. <footer></footer>: Se utiliza para marcar el pie de página.  Este es un ejemplo de código HTML…

Leer más

Aprende cómo hacer un formulario con Validaciones

En este tutorial crearemos un formulario con validaciones en varios de los campos y estilo usando HTML5 y CSS3. Si bien el formulario no será funcional, ya estará listo para aplicarle código serverside y manipular sus datos. Lo primero que haremos es crear el HTML básico de nuestra página. Crearemos la forma y le agregaremos varios fieldsets. Este es el código: <!doctype html> <html> <head> <title>Formulario HTML5 y CSS3</title> </head> <body> <form id=»orderForm» action=»» method=»get»> <h3>Formulario de Compra</h3> <fieldset> <legend>Orden</legend> <ul> </ul> </fieldset> <fieldset> <legend>Datos de Contacto</legend> <ul> </ul> </fieldset> <fieldset> <legend>Datos de pago</legend>…

Leer más

Degradados lineales con repetición con CSS3

En este estudio profundo de los degradados de color en CSS3 ahora vamos a tratar de explicar los degradados con repetición, que se pueden hacer para conseguir un degradado entre dos o más colores que se repite varias veces a lo largo de todo el fondo del elemento al que se le coloque. Los degradados con repetición se realizan de manera similar a los que vimos al tratar los degradados lineares normales. La diferencia es que utilizaremos el nombre de atributo repeating-linear-gradient y que, para que se produzcan las repeticiones tendremos que utilizar…

Leer más

Textos multi-columna con CSS 3

En este artículo vamos a tratar sobre las nuevas características de CSS para maquetación automática de textos en columnas, que se encontrarán disponibles cuando CSS 3 se implemente finalmente en los navegadores. Aunque todo esto no pase de un estado experimental, lo cierto es que ya podemos empezar a probarlo y utilizar en navegadores modernos, como muchas de las nuevas posibilidades que estamos comentando sobre CSS 3 Numerosas publicaciones maquetan el texto en diversas columnas, como criterio de diseño y para facilitar la lectura. Podríamos imaginarnos el texto de los periódicos…

Leer más

Resplandor exterior con CSS3

La propiedad box-shadow, que sirve para producir una sombra en un contenedor, por medio de CSS. Es una de esas propiedades que vienen como novedad en la tercera especificación de CSS y que nos vendrán como anillo al dedo para conseguir ciertos efectos que antes sólo podíamos emular mediante el uso de imágenes semi-transparentes por canal alpha. Así pues, lo que antes era un verdadero engorro y peso adicional innecesario para nuestras páginas, ahora se puede hacer con unas sencillas propiedades de CSS 3. Como decíamos, ya explicamos la propiedad box-shadow de CSS 3 y…

Leer más