lunes, 17 de junio de 2013

Colores HTML

HTML dispone de diferentes tipos de valores para asignar colores a los elementos de una página web. Para aplicar un color concreto podemos especificarlo con un valor numérico (RGB, Hexadecimal) o por su nombre en inglés.

Codigo de color HTML

miércoles, 12 de junio de 2013

Sombras en textos con CSS - text-shadow

Con CSS tenemos la posibilidad de aplicar efectos de sombra a cualquier elemento de texto de nuestro sitio web. Para ello existe la propiedad de CSS3 text-shadow, la cual cuenta con algunos valores que nos sirven para determinar la ubicación, el color y el enfoque de la sombra.

La propiedad text-shadow es soportada por la mayoría de los navegadores, excepto por las versiones de Internet Explorer 9 y anteriores.

text-shadow

martes, 11 de junio de 2013

Alinear texto con CSS - text-align

La propiedad text-align de CSS permite definir la alineación horizontal del texto: izquierda, derecha, centrado o justificado. Esta propiedad es soportada por todos los navegadores.

p {text-align: center;}

viernes, 7 de junio de 2013

Herramientas para acortar URLs

En los últimos tiempos han salido algunas herramientas que nos sirven para acortar URLs. Esto se debe sobre todo al la gran popularidad twitter, el servicio de microblog que permite enviar mensajes de texto con un máximo de 140 caracteres, llamados tuits.

Acortar Url

jueves, 6 de junio de 2013

Color de fondo con CSS

Para cambiar el color de fondo, CSS cuenta con una propiedad llamada background-color (en español, color de fondo). Esta propiedad nos permite cambiar el color de fondo de cualquier elemento de nuestra página web (párrafos, enlaces, tablas, etc).

Color de fondo con background-color de CSS

lunes, 3 de junio de 2013

AddThis - Comparte el contenido de tu web

Muchas veces nos preguntamos cómo atraer más tráfico a nuestra página web. Hay varias formas de lograrlo, pero una de las más utilizadas es compartiendo el contenido de nuestro sitio através de redes sociales (facebook, twitter, etc). Por suerte existen herramientas que nos facilitan este trabajo, entre las cuales se encuentra Addthis.

Con Addthis podremos hacer que los visitantes de nuestra web compartan el contenido de diferentes formas (redes sociales, e-mail, imprimir, etc). Solo necesitamos colocar un pequeño trozo de código en el lugar que querramos que aparezcan los botones para compartir y Addthis se encargará del resto.


domingo, 2 de junio de 2013

Enlaces con la etiqueta HTML a

El elemento <a> de HTML nos sirve para crear enlaces (hipervínculos, links) desde una página hacia otra. Este elemento cuenta con varios atributos pero sin dudas el más importante de todos es el atributo "href", el cual nos indica hacia donde nos dirige el enlace. Los enlaces cuentan con etiquetas de inicio y de cierre (<a></a>).

<a href="enlace.html">enlace</a>

domingo, 26 de mayo de 2013

Imágen de fondo con CSS

CSS cuenta con la propiedad background-image (en español, imágen de fondo), la cual nos sirve para agregar imágenes de fondo a cualquier elemento de nuestra página web. Además, existen otras propiedades relacionadas con background-image, como background-repeat, background-attachment o background-position que nos permiten añadir ciertas características a nuestras imágenes de fondo.

background-image

Con esta propiedad podremos añadir imágenes de fondo de la siguiente manera:

div{background-image: url(imagenes/imagen-estrella.jpg);}

Este ejemplo agrega una imagen de fondo al elemento div. Entre los parentesis agregamos la ruta de la imágen que queremos que se muestre (imagenes/imagen-estrella.jpg). Por defecto, la imágen se mostrará repetida en forma de mosaico.



lunes, 20 de mayo de 2013

Insertar imágenes en una página web - img HTML

Sin duda las páginas de internet no serían tan atractívas si no fuera por la presencia de imágenes. Las imágenes aportan un apoyo visual al contenido del sitio haciendolo más interesante.

HTML cuenta con el elemento <img>, el cual nos sirve para colocar imágenes en cualquier parte de nuestra página web

<img src="imagenes/paisaje.jpg" />


viernes, 10 de mayo de 2013

Optimizar imágenes para web

Seguramente más de una vez te has encontrado con alguna página de internet que tarda una eternidad en descargarse. En algunos casos se debe a una conexión lenta pero en muchas ocasiones esta demora es causa del exesivo peso de las imágenes, las cuales no estan optimizadas para web.

Al optimizar imágenes para web lo que hacemos es reducir su peso (2GB, 800KB, 2MB). Esto ayuda a que la velocidad de descarga del sitio sea más rápida y que tus usuarios no se cansen de esperar.

Optimizar imágen para web