Actividad 1. Propiedades de texto
Localizaremos una tipografía libre en Internet y se la aplicaremos a varias etiquetas del texto, empleando el método visto anteriormente. Comprobaremos su funcionamiento en al menos dos navegadores.
Se pueden encontrar tipografías libres mediante cualquier buscador. También podemos recurrir a algún sitio web concreto dedicado a ello, como http://openfontlibrary.org/ o http://www.theleagueofmoveabletype.com.
Actividad 2. Propiedades de texto
Utilizando valores em definiremos diferentes parámetros para nuestra web de ejemplo. Comprueba lo que sucede si a un elemento le asignamos 0em como tamaño o 1em.
Actividad 3. Más propiedades de texto
En un documento con varios títulos realizaremos diferentes incorporaciones a la hoja de estilos, para conseguir que proyecten algunas sombras. Debemos conseguir al menos una sombra muy marcada y precisa y otra tan sutil que sea casi inapreciable. ¿Cuál consideras que proporciona más elegancia al texto?
Actividad 4. Colores
Identificaremos a qué colores se corresponden las siguientes reglas:
p {color: rgb (100%, 0%, 0%); }p {color: rgb (80%, 80%, 0%); }
p {color: rgb (33%, 33%, 33%); }
Realicemos además la incorporación de otros tres colores más. Pensaremos en un color y a continuación intentaremos formularlo mediante sus combinaciones de rojo, verde y azul. Al principio resulta difícil acertar pero, cuantas más veces probemos, más sencillo nos resultará.
Actividad 5. Colores
Utilizando la propiedad color y background-color, definiremos los colores básicos para las cabeceras de nuestro texto, para el <body> y para los párrafos, buscando un modelo lo más armónico posible. Podemos definir los colores a mano o utilizando un editor web.
Actividad 6. Imágenes de fondo
Incorporaremos nuestro propio fondo, probando a colocarlo en diferentes lugares y comprobando lo que sucede al cambiar de tamaño la ventana del navegador y al desplazarnos con el documento. Intentaremos decidir qué tipo de ajuste favorece más la legibilidad del texto y cuál menos.
Ejemplos
Las diferentes prácticas, recursos y ejemplos, realizadas en este módulo, están disponibles para realizar pruebas:
Ejemplos del módulo