Ayuda ejercicios unidad 6: Imágenes

Ejercicio 1: Deportes

Apartado 1 Para abrir el sitio Deportes hay que seleccionarlo en el panel Archivos o también puedes abrir el panel a través del menú Ventana, opción Archivos.

Apartado 2 Para abrir el documento instalaciones.htm hay que hacer doble clic sobre él, en el panel Archivos.

Apartado 3 Situar el cursor a la derecha del texto Nuestras instalaciones, y pulsa la tecla Intro para crear un nuevo párrafo.

Elegir la opción Imagen, del menú Insertar.

Seleccionar la imagen logodeportes.gif, que se encuentra dentro de la carpeta imagenes del sitio.

En la Barra de estado haz clic sobre la etiqueta p para seleccionar todo el párrafo.

En el Inspector de propiedades CSS, en Regla de destino selecciona <Nuevo estilo en línea>.

Haz clic en el icono Centrar para centrar el contenido del párrafo.

Apartado 4 Hacer clic sobre el botón Guardar , y después sobre el botón Cerrar .

Ejercicio 2: Animales

Apartado 1 Para abrir el sitio Animales hay que seleccionarlo en el panel Archivos o también puedes abrir el panel a través del menú Ventana, opción Archivos

Apartado 2 Para abrir el documento index.htm hay que hacer doble clic sobre él, en el panel Archivos.

Apartado 3 Situar el punto de inserción al lado del texto Inicio.

Inserta la imagen huella hacia derecha (pata1.gif), como una imagen normal, desde el menú InsertarImagen.

Con la imagen seleccionada, pulsa el botón Optimizar del panel de propiedades.

Selecciona la herramienta Cuentagotas y haz clic sobre el fondo para hacerlo transparente.

Pulsa Aceptar.

Selecciona la imagen y bórrala, ya hemos modificado el archivo.

Repite estos pasos con la imagen huella hacia izquierda (pata2.gif).

Elegir la opción Imagen de sustitución, que se encuentra en la opción Objetos de imagen del menú Insertar. Se abrirá una nueva

En Imagen original: seleccionar la imagen imagenes/pata1.gif.

En Imagen de sustitución: seleccionar la imagen imagenes/pata2.gif.

Activar la casilla Carga previa de imagen de sustitución.

Hacer clic sobre el botón Aceptar.

Apartado 4 Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.

Seleccionar el rollover, pulsando sobre él.

Observa el atributo ID que se le a asignado (por ejemplo Imagen1).

Pulsar fuera del rollover.

En el Inspector de propiedades CSS, en el desplegable Regla de destino elige <Nueva regla CSS>.

Se abrirá la ventana Nueva regla CSS. En Tipo de selector elige ID. En Nombre de selector, escribe el ID de la imagen (cuidado con las mayúsculas).

En Definición de regla elige estiloanimales.css.

En las reglas de Bloque, establece la propiedad Vertcal-align a middle.

Pulsa Aceptar.

Apartado 5 Hacer clic sobre el botón Guardar todo , y después cierra la pestaña de documento.

   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.