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.

Upload: joseph-gregory-sandoval

Post on 08-Jul-2015

912 views

Category:

Documents


0 download

DESCRIPTION

Practica

TRANSCRIPT

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.