El documento instruye al lector a editar un archivo HTML para agregar 5 imágenes a un menú de imágenes. Se debe crear una carpeta de trabajo y otra llamada "images" para almacenar las imágenes descargadas de Internet. Luego se edita el archivo CSS correspondiente para definir el tamaño del menú y vincular las nuevas imágenes agregadas con su ruta correspondiente.
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.