Practica2

1
Ejercicio con imágenes 1. Crear una carpeta de trabajo en su computador. 2. Cargue el archivo image-menu.html 3. Editar el archivo y cambiar los siguientes parámetros a. Agregar 5 imágenes, definirlas inicialmente en <div class="jimgMenu"> Los nombres de las imágenes los defines usted. b. En su carpeta de trabajo crear una carpeta images c. Baje de internet las imágenes requeridas y guárdelas en la carpeta images d. En la carpeta images, hay algunas imágenes por defecto, verifique su tamaño para que las imágenes que agregue sean similares. Puede cambiar el tamaño con el paint 4. Abrir el archivo jimgMenukwicks.css y modificar a. En .jimgMenu { cambiar width: a 800px y height a 300px b. Busque la línea de código { .jimgMenu ul li#dc1 a { background: url(images/dc1.jpg) repeat scroll 0%; } c. La línea de código encontrada corresponde a la definición de las imágenes con su respectiva ruta. Agregar las correspondientes a las 5 imágenes que debe agregar.

description

Practica

Transcript of Practica2

Page 1: Practica2

Ejercicio con imágenes

1. Crear una carpeta de trabajo en su computador. 2. Cargue el archivo image-menu.html 3. Editar el archivo y cambiar los siguientes parámetros

a. Agregar 5 imágenes, definirlas inicialmente en <div class="jimgMenu"> Los nombres de las imágenes los defines usted.

b. En su carpeta de trabajo crear una carpeta images c. Baje de internet las imágenes requeridas y guárdelas en la carpeta images d. En la carpeta images, hay algunas imágenes por defecto, verifique su tamaño para

que las imágenes que agregue sean similares. Puede cambiar el tamaño con el paint

4. Abrir el archivo jimgMenukwicks.css y modificar a. En .jimgMenu { cambiar width: a 800px y height a 300px b. Busque la línea de código

{ .jimgMenu ul li#dc1 a { background: url(images/dc1.jpg) repeat scroll 0%; }

c. La línea de código encontrada corresponde a la definición de las imágenes con su respectiva ruta. Agregar las correspondientes a las 5 imágenes que debe agregar.