Ayuda ejercicios unidad 4: Editor Web


Solución al ejercicio:

Para crear una página como la del ejemplo, sigue estos pasos:

Crear la página:

  1. Desde KompoZer pulsa el botón Nuevo que aparece a la izquierda de la barra de herramientas. Se creará una página en blanco.
  2. Escribe el encabezado de la página Postre de la semana. En el desplegable a la izquierda, donde pone Texto del cuerpo, cámbialo a Título 1.
  3. Escribe el sub encabezado, y cámbialo a Título 2.
  4. Escribe el resto del texto, que has de cambiar a párrafo.
  5. Ahora al pulsar Intro cambiamos a un párrafo nuevo. En el caso de los listados de ingredientes e instrucciones, no hay que cambiar de párrafo. Pulsa las teclas Ctrl + Intro para crear saltos de línea dentro del mismo párrafo.
  6. Guarda la página pulsando en Guardar.
  7. Dale el nombre de archivo posetresemana.html.

Exportar los estilos:

  1. Abre la página platrosemana.html creada en los ejercicios anteriores.
  2. En la barra de KompoZer, pulsa sobre el botón CaScadeS.
  3. En el Editor CSS, con la hoja de estilo seleccionada, pulsa el botón Exportar hoja de estilos y cambiar a la versión exportada.
  4. Guarda la hoja en la misma carpeta que las páginas, asignándole el nombre que quieras, acabado en .css.
  5. Guarda los cambios en la página platrosemana.html y vuelve a posetresemana.html.
  6. En la barra de KompoZer, pulsa sobre el botón CaScadeS.
  7. Haz clic a la derecha del icono con la paleta de pintor, y elige Elem. de enlace. Busca la hoja que acabas de crear.

Aplicar los estilos:

  1. Selecciona los fragmentos de párrafo que tienen una clase especial, y aplícala del desplegable que tienes en la barra de formato.
  2. Cuando acabes, guarda los cambios.

 

Inicio





Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.