Cómo realizar los ejercicios

Material proporcionado

En cada ejercicio se proporciona el siguiente material:

• La página web formateada
• Archivo comprimido que contiene la(s) página(s) web sin formatear y, en su caso, la(s) imágene(s)
• Página de comentarios sobre el ejercicio

Volver al índice

Pasos a realizar

Los pasos a realizar son los siguientes:

• Descargar y descomprimir la página sin formatear.
• Abrir en Amaya la página sin formatear y enlazar una hoja de estilo. El nombre de la hoja de estilo puede ser el mismo nombre de la página web (con la extensión .css) o un nombre genérico (por ejemplo, estilo.css).
• Abrir en Firefox varias pestañas, con al menos las siguientes páginas:
  • apuntes de clase
  • ejercicio formateado (en los apuntes)
  • ejercicio sin formatear (en tu disco duro)

  Abrir también en Internet Explorer (o en una pestaña de Firefox si se ha instalado la extensión IETab) el ejercicio sin formatear para comprobar que también se ve correctamente.

• Asignar las etiquetas HTML en la página web.

  Para saber qué etiquetas hay que asignar, es necesario desactivar la hoja de estilo, lo que en Firefox se hace mediante el menú Ver > Estilo de página > Sin estilo, y deducir las etiquetas a partir del aspecto de la página.

  

  Una vez averiguadas las etiquetas, es necesario activar la hoja de estilo, lo que en Firefox se hace mediante el menú Ver > Estilo de página > XXX (por defecto), donde XXX es el atributo title del enlace a la hoja de estilo.

  

  En caso de no poder deducir las etiquetas, puede mirarse el código fuente de la página, lo que en Firefox se hace mediante el menú Ver > Código fuente de la página.

• En algunos ejercicios es necesario unir párrafos en un único párrafo y añadir saltos de línea (<br />). Esos párrafos pueden tener que convertirse en otros elementos (<h1>, etc).
• En algunos ejercicios es necesario borrar algunos párrafos en blanco.
• Para permitir averiguar el atributo alt de las imágenes utilizadas en los ejercicios, su atributo title es el mismo que el atributo alt. Así, basta con colocar el ratón encima de la imagen, para averiguarlo.
• Escribir la hoja de estilo.
• Comprobar tanto en Firefox como en Internet Explorer que se ha conseguido una página idéntica (o lo más parecida posible) al ejercicio propuesto.

Volver al índice

Algunos consejos

Distinguir la etiqueta <span> de otras etiquetas en-línea

Las hojas de estilo por defecto de los navegadores no aplican ningún estilo a la etiqueta <span>, mientras que sí que lo hacen con el resto de etiquetas en-línea. Así, si una porción de texto pierde completamente el formato al desactivar la hoja de estilo, es que se trata de una etiqueta <span>.

Distinguir la etiqueta <hr /> de un borde

Los bordes dejan de verse al desactivar la hoja de estilo. Así que si una línea desaparece al desactivar la hoja de estilo, es que se trataba de un borde.

Volver al índice