Dic 10

Los tipos de medio CSS nos permiten enviar diferentes documentos CSS a los distintos dispositivos, pudiendo indicar un estilo para cada dispositivo. En la especificación CSS2 aparecen los siguientes tipos:

  • All. Para todos los dispositivos.
  • Aural. Para los sintetizadores de voz.
  • Braille. Para dispositivos táctiles Braille.
  • Embossed. Una ligera variación de Braille: para impresoras Braille.
  • Handheld. Para dispositivos móviles (teléfonos móviles, PDAs …)
  • Print. Para documentos preparados para imprimir.
  • Projection. Para documentos preparados para ser proyectados.
  • Screen. Para las pantallas de ordenador (web).
  • Tty. Para medios de visualización del tipo parrila: pantallas antiguas LCD, terminales, antiguos dispositivos móviles …
  • Tv. Para dispositivos tipo televisión.
Dic 05

Los motivos principales de programar una página web ajustándonos a los estándares son los siguientes:

  • Universalidad: nos aseguramos que nuestras páginas se muestran igual independientemente del navegador que use el usuario.
  • Portabilidad: si separamos el contenido de la forma, el código se simplifica. Así, realizar cualquier cambio en la apariencia de la página o adaptarla a distintas plataformas nos será más sencillo.
  • Mejor indexación en los buscadores: los robots de los buscadores analizan sintácticamente el contenido de los documentos (X)HTML. Así, adquieren más importancia los títulos de las páginas, cabeceras …
  • Accesibilidad: usar estándares ayuda a que nuestras páginas sean más accesibles.
Nov 28

Lo primero que debemos hacer es crear el icono de 16×16 píxeles con nombre de fichero favicon y con extensión .ico. Para crear el .ico a partir de otro tipo de fichero de imagen (jpg, gif, png …) podemos utilizar por ejemplo el programa gratuito IrfanView.

Una vez tenemos el icono realizado, sólo hay que añadir en el código html de nuestras páginas entre las etiquetes <head> y </head> la siguiente línea:

<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” />

Ahora ya podemos subir los ficheros al servidor y comprobar los resultados (funcionará en Internet Explorer, Firefox, Safari …). Anotar que el nombre de fichero debe ser favicon.ico y se recomienda que esté en la raíz. En algunos casos es recomendable utilizar direcciones absolutas para su funcionamiento.

icono en la barra de direcciones del navegador