SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
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.

Más contenido relacionado

Destacado

Plan grado11o 1p INGLÉS
Plan grado11o 1p  INGLÉSPlan grado11o 1p  INGLÉS
Plan grado11o 1p INGLÉSFELIX HERNANDEZ
 
Crecimiento 1
Crecimiento 1Crecimiento 1
Crecimiento 1marlehin
 
Corrupción en el perú
Corrupción en el perúCorrupción en el perú
Corrupción en el perúMarcelo051111
 
Lectura información contable
Lectura información contableLectura información contable
Lectura información contableKarenrc84
 
Analisis pelicula
Analisis peliculaAnalisis pelicula
Analisis peliculaJaime Ceron
 
Ondas cerebrais luiz felipe ramos
Ondas cerebrais   luiz felipe ramosOndas cerebrais   luiz felipe ramos
Ondas cerebrais luiz felipe ramosLuiz Felipe Ramos
 
Presentación1
Presentación1Presentación1
Presentación1FatimaT29
 
Ingenioso hidalgo don quijote de la mancha
Ingenioso hidalgo don quijote de la manchaIngenioso hidalgo don quijote de la mancha
Ingenioso hidalgo don quijote de la manchaHistoriaITAM
 
Adicion de centenas de milagros
Adicion de centenas de milagrosAdicion de centenas de milagros
Adicion de centenas de milagrosLucy Ortiz
 
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''Manuel Collado
 
Medio ambiente
Medio ambienteMedio ambiente
Medio ambientekkiz
 

Destacado (19)

Sdktgyfvxclg....blog
Sdktgyfvxclg....blogSdktgyfvxclg....blog
Sdktgyfvxclg....blog
 
Plan grado11o 1p INGLÉS
Plan grado11o 1p  INGLÉSPlan grado11o 1p  INGLÉS
Plan grado11o 1p INGLÉS
 
Noticia # 2
Noticia # 2Noticia # 2
Noticia # 2
 
Carta
CartaCarta
Carta
 
Crecimiento 1
Crecimiento 1Crecimiento 1
Crecimiento 1
 
Corrupción en el perú
Corrupción en el perúCorrupción en el perú
Corrupción en el perú
 
Tecnologia 2, 2
Tecnologia 2, 2Tecnologia 2, 2
Tecnologia 2, 2
 
Lectura información contable
Lectura información contableLectura información contable
Lectura información contable
 
Analisis pelicula
Analisis peliculaAnalisis pelicula
Analisis pelicula
 
Instituto Municipal de la Salud
Instituto Municipal de la SaludInstituto Municipal de la Salud
Instituto Municipal de la Salud
 
Ondas cerebrais luiz felipe ramos
Ondas cerebrais   luiz felipe ramosOndas cerebrais   luiz felipe ramos
Ondas cerebrais luiz felipe ramos
 
Tablas
TablasTablas
Tablas
 
Semana2martes108 b
Semana2martes108 bSemana2martes108 b
Semana2martes108 b
 
Presentación1
Presentación1Presentación1
Presentación1
 
trabajo
trabajotrabajo
trabajo
 
Ingenioso hidalgo don quijote de la mancha
Ingenioso hidalgo don quijote de la manchaIngenioso hidalgo don quijote de la mancha
Ingenioso hidalgo don quijote de la mancha
 
Adicion de centenas de milagros
Adicion de centenas de milagrosAdicion de centenas de milagros
Adicion de centenas de milagros
 
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''
Grupo macomaco - artículos - revista coiffure nº259 ''arte y duende macomaco''
 
Medio ambiente
Medio ambienteMedio ambiente
Medio ambiente
 

Similar a Practica2

Similar a Practica2 (20)

Ejercicios photoshop
Ejercicios photoshopEjercicios photoshop
Ejercicios photoshop
 
Ejercicios photoshop
Ejercicios photoshopEjercicios photoshop
Ejercicios photoshop
 
Agregar una imagen
Agregar una imagenAgregar una imagen
Agregar una imagen
 
Agregar una imagen
Agregar una imagenAgregar una imagen
Agregar una imagen
 
Agenda iv
Agenda ivAgenda iv
Agenda iv
 
Insertar imagen en moodle
Insertar imagen en moodleInsertar imagen en moodle
Insertar imagen en moodle
 
Actividad unidad 1
Actividad unidad 1Actividad unidad 1
Actividad unidad 1
 
Actividad unidad 3
Actividad  unidad 3 Actividad  unidad 3
Actividad unidad 3
 
Guardar y extraer imágenes en my sql
Guardar y extraer imágenes en my sqlGuardar y extraer imágenes en my sql
Guardar y extraer imágenes en my sql
 
Respuestas predeterminadas en gmail
Respuestas predeterminadas en gmailRespuestas predeterminadas en gmail
Respuestas predeterminadas en gmail
 
Practico n2
Practico n2Practico n2
Practico n2
 
Instructivo pixlr
Instructivo pixlrInstructivo pixlr
Instructivo pixlr
 
Dibujo digital
Dibujo digitalDibujo digital
Dibujo digital
 
66 Php. Encuadre Y Redimensionado De Imagenes
66 Php. Encuadre Y Redimensionado De Imagenes66 Php. Encuadre Y Redimensionado De Imagenes
66 Php. Encuadre Y Redimensionado De Imagenes
 
1º control 3º ev práctico
1º control 3º ev práctico1º control 3º ev práctico
1º control 3º ev práctico
 
1º control 3º ev práctico
1º control 3º ev práctico1º control 3º ev práctico
1º control 3º ev práctico
 
Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7Desarrollo del trabajo practico nº 7
Desarrollo del trabajo practico nº 7
 
Como subir una_imagen_eclipse
Como subir una_imagen_eclipseComo subir una_imagen_eclipse
Como subir una_imagen_eclipse
 
Práctica 8
Práctica 8Práctica 8
Práctica 8
 
Photochop 3
Photochop 3Photochop 3
Photochop 3
 

Más de Joseph Gregory Sandoval (16)

Presentacion del trabajo inclusivo en ciudadela
Presentacion del trabajo inclusivo en ciudadelaPresentacion del trabajo inclusivo en ciudadela
Presentacion del trabajo inclusivo en ciudadela
 
Semilleros de robótica2015
Semilleros de robótica2015Semilleros de robótica2015
Semilleros de robótica2015
 
Ejercicios preliminares en php
Ejercicios preliminares en phpEjercicios preliminares en php
Ejercicios preliminares en php
 
Drogas21
Drogas21Drogas21
Drogas21
 
Resumen
ResumenResumen
Resumen
 
Css básico
Css básicoCss básico
Css básico
 
Introducción al video digital
Introducción al video digitalIntroducción al video digital
Introducción al video digital
 
Pc rec
Pc recPc rec
Pc rec
 
Estructura1
Estructura1Estructura1
Estructura1
 
Minipaint
MinipaintMinipaint
Minipaint
 
Css reglas1
Css reglas1Css reglas1
Css reglas1
 
Fundamentos de programación
Fundamentos de programaciónFundamentos de programación
Fundamentos de programación
 
Imagen digital 2013
Imagen digital 2013Imagen digital 2013
Imagen digital 2013
 
Actividad imagen
Actividad imagenActividad imagen
Actividad imagen
 
Taller de base de datos
Taller de base de datosTaller de base de datos
Taller de base de datos
 
Reciclando ando11
Reciclando ando11Reciclando ando11
Reciclando ando11
 

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.