Logo de Torre de Babel
Portada Libros Diseño web Artículos Glosario RSS
Buscar

Los mejores trucos para Internet, edición 2010

Portada del libro

Cómo cambiar el estilo de una página

La mayoría de las páginas Web llevan asociada una información estática sobre los tipos y tamaños de letra, colores y otros atributos visuales que deben ser aplicados al mostrar el documento. Otras, sin embargo, alojan toda esa información en un documento independientemente, al que se conoce como hoja de estilos, y ofrecen varias posibilidades, de manera que el visitante puede elegir el estilo a aplicar según sus preferencias.

Con Firefox e Internet Explorer es fácil comprobar si la página que estamos viendo ofrece varias hojas de estilo y, en caso de ser así, elegir la que más nos guste. Para ello recurriremos al menú Ver>Estilo de página (Firefox) o Ver>Estilo (IE). Si en éste aparecen únicamente dos opciones, llamadas Sin estilo y Estilo básico/Estilo predeterminado, es que el sitio solamente ofrece una hoja de estilos. Si hay más de una, cada hoja estará identificada por un nombre.

La opción Sin estilo/Estilo predeterminado nos permite eliminar toda la información de estilo, viendo la página según la configuración por defecto del navegador. Además de recurrir al menú mencionado, muchos sitios cuentan con hipervínculos o menús propios que ofrecen opciones para cambiar el tipo de letra y los colores, o bien elegir entre diferentes temas visuales.

Una posibilidad que nos da Internet Explorer, y que no existe en Firefox, es la de sustituir completamente la hoja de estilos de la página visitada por una propia. Es una opción de accesibilidad muy útil que puede ser utilizada para conseguir que todos los contenidos, sin importar de dónde procedan, se muestren con un alto contraste y tipos de letra fáciles de leer y de gran tamaño. Suponiendo que tenemos preparada una hoja de estilos adecuada, normalmente guardada en un archivo con extensión .css en nuestro disco duro, los pasos para utilizarla serían:

  • Abrimos el menú asociado al botón Herramientas y elegimos Opciones de Internet.
  • En la página General localizamos la sección Apariencia y hacemos clic en Accesibilidad.
  • Activamos la opción Formatear los documentos con mi hoja de estilos.
  • Hacemos clic en Examinar y facilitamos el camino y nombre de la hoja de estilos.

En el sitio Open Source Web Design (http://www.oswd.org) puede encontrar multitud de hojas de estilo gratuitas, que puede modificar libremente para utilizarlas en su sistema como le convenga.

Éste es uno de los cientos de trucos que pueden encontrarse en la nueva edición del libro Los mejores trucos para Internet, en el que estuve trabajando gran parte del verano y que estará disponible en pocos días. Son 832 páginas repletas de consejos útiles y actualizados para sacar lo mejor de la Web, el correo electrónico, la mensajería instantánea, el P2P y, en general, todos los recursos que hay disponibles en Internet.

Como es habitual, en la sección Libros se encuentra disponible toda la información sobre este título, incluyendo el índice de contenidos completo.


Publicado el 15/10/2009

Curso de shaders

Torre de Babel - Francisco Charte Ojeda - Desde 1997 en la Web