Cómo visualizar un video de HTML5 en todos los navegadores.

BlogUneWeb

Cada vez son más las páginas web creadas con HTML5 y que utilizan la etiqueta video de HTML5 para mostrar los vídeos. Pero, ¿qué sucede con los navegadores web que no saben interpretar todavía esta etiqueta? Pues que no pueden visualizar el vídeo. En este artículo vamos a ver cómo podemos modificar el código HTML de nuestra web, de modo que utilice diferentes versiones del vídeo según el navegador y que en caso de que no dé soporte a la etiqueta video de HTML5 muestre la alternativa en Flash. FORMATOS…

Leer más

Conoce la propiedad outline con CSS

BlogUneWeb

Definición Establece algunas o todas las propiedades de todos los perfiles de los elementos Valorespermitidos Alguno o todos los siguientes valores y en cualquier orden: outline-color outline-style outline-width Valor inicial Cada propiedad define su propio valor por defecto Se aplica a Todos los elementos Válida en medios visuales, interactive Se hereda no Definición enel estándar w3.org/TR/CSS21/ui.html#propdef-outline La propiedad outline es una de las «propiedades shorthand» que define CSS y que se utilizan para establecer de forma abreviada el valor de una o más propiedades individuales. En este caso, se utiliza para establecer el mismo…

Leer más

Crea un campo de búsqueda con CSS3.

BlogUneWeb

En este artículo vamos a aprender a hacer un campo de búsqueda similar al que tenemos aquí en la barra lateral. El campo de búsqueda es uno de los elementos más importantes para la usabilidad, ya que permite encontrar fácilmente aquello que se anda buscando. En este tutorial veremos como crear un campo de búsqueda a partir de pseudo elementos de CSS3. El resultado final será este campo  de búsqueda: Código HTML: 1 <form id=»searchform»> 2      <input type=»text» placeholder=»Buscar aqu&iacute;…» required> 3      <button type=»submit»>Buscar</button> 4  </form> Código CSS3: 01 #searchform { 02     width: 280px; 03   height:30px;…

Leer más

Cónoce acerca de la estructura de cabecera de HTML

BlogUneWeb

Las páginas XHTML se dividen en dos partes denominadas cabecera y cuerpo. La sección de la cabecera está formada por todas las etiquetas encerradas por la etiqueta <head>: Etiqueta <head> Atributos comunes internacionalización Atributos propios profile = «url» – Especifica la URL del perfil o perfiles que utilizan los metadatos lang = «codigo_de_idioma» – Especifica el idioma principal de los contenidos de la página Tipo de elemento – Descripción Define la cabecera del documento HTML La cabecera típica de una página HTML completa presenta la siguiente estructura: <head> <!– Zona de etiquetas META…

Leer más

Cómo instalar WordPress en el ordenador

BlogUneWeb1 comentario

WordPress es un sistema gestor de contenidos (CMS) muy popular, prueba de ello es que uno de cada siete sitios web que hay en la red se ejecutan bajo WordPress. Muchas veces es conveniente hacer una instalación de WordPress en nuestro ordenador para poder crear o modificar un tema. Así tenemos la tranquilidad que sólo nosotros vemos los cambios que se van realizando. WordPress requiere de un servidor local para funcionar, pues se ejecuta bajo PHP que es un lenguaje de servidor. En este tutorial veremos todos los pasos a…

Leer más

Ejemplo práctico de uso de Mootools. ¡Descubre cómo!

BlogUneWeb

Un ejemplo de uso de Mootools para recopilar. Crear un textarea que cuenta los caracteres que se han escrito por el usuario. Ha llegado el momento de revisar todos los conocimientos adquiridos hasta el momento en el manual de Mootools. Hemos visto bastantes cosas ya sobre el manejo de este framework Javascript, así que estamos en disposición de crear un primer ejemplo que explota muchas de las funcionalidades que estamos aprendiendo. Este ejemplo nos dará una visión más global sobre el buen uso de Mootools y su potencia, a la vez…

Leer más

Cómo crear tablas a partir de sentencias SQL

BlogUneWeb

En general, la mayoría de las bases de datos poseen potentes editores de bases que permiten la creación rápida y sencilla de cualquier tipo de tabla con cualquier tipo de formato. Sin embargo, una vez la base de datos está alojada en el servidor, puede darse el caso de que queramos introducir una nueva tabla ya sea con carácter temporal (para gestionar un carrito de compra por ejemplo) o bien permanente por necesidades concretas de nuestra aplicación. En estos casos, podemos, a partir de una sentencia SQL, crear la tabla…

Leer más

Cómo usar el Plugin LightBox en jQuery

BlogUneWeb

En el Taller de jQuery os tenemos acostumbrados a explicar cómo realizar diversos efectos y componentes para páginas web, pero en este caso no vamos a contaros cómo realizar un plugin, sino como utilizar uno que ya está publicado. Este plugin que vamos a tratar, llamado jQuery lightBox, sirve para hacer una caja modal, en la que se presenta una imagen, oscureciendo el resto de la página, para que resalte aun más. El usuario podrá ver la imagen de cualquier tamaño en una capa que se superpone al contenido de la web…

Leer más

Uso sencillo de Ajax con jQuery. ¡Descubre como!

BlogUneWeb

Ha llegado el momento de hacer una primera aproximación a Ajax, en la serie de artículos que estamos publicando en DesarrolloWeb.com para mostrar el uso de este framework (léase el Manual de jQuery). Una de las ventajas de los frameworks Javascript es que nos permiten desarrollar scripts que hacen uso de Ajax de una manera muy fácil y encima, sin tener que complicarnos la vida con la compatibilidad entre distintos navegadores. Sin duda, cualquier persona que sepa un poco de Javascript, podría en poco tiempo empezar a utilizar Ajax con alguno de estos…

Leer más

¡Conoce los pasos para utilizar jQuery en tu página web!

BlogUneWeb

En este artículo te vamos a explicar cómo comenzar a utilizar jQuery en tus páginas web, paso a paso, para que puedas hacer tu primer script jQuery y así comprender los fundamentos de uso de este framework Javascript. En este punto estaría bien que sepas lo que es jQuery, lo que ha sido explicado ya en el Manual de jQuery que venimos publicando en DesarrolloWeb.com. La idea es que puedas ir haciendo tú mismo los pasos que vamos a relatar, para que compruebes tú mismo lo sencillo que es comenzar a utilizar…

Leer más