From 3a126371d4b473ba582b19263ffbf98661e6fe04 Mon Sep 17 00:00:00 2001 From: Pedro Rolon Date: Mon, 22 Oct 2018 14:43:26 -0300 Subject: [PATCH] Se agregaron los archivos correspondientes a la tarea 2 --- 2/ejercicio.png | Bin 0 -> 54658 bytes 2/ejercicio2.html | 18 ++++++++++++++++++ 2/style.css | 18 ++++++++++++++++++ 3/ejercicio/ejercicio.png | Bin 0 -> 46993 bytes 3/galeria.html | 21 +++++++++++++++++++++ 3/recursos/imagen.png | Bin 0 -> 1024 bytes 3/style.css | 9 +++++++++ 4/ejercicio/index.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 4/ejercicio/index_files/f0916.gif | Bin 0 -> 9292 bytes 4/ejercicio/index_files/f0917.gif | Bin 0 -> 14301 bytes 4/ejercicio/index_files/f0918.gif | Bin 0 -> 14392 bytes 4/ejercicio/index_files/f0919.gif | Bin 0 -> 14401 bytes 4/recursos/flecha_activa.png | Bin 0 -> 547 bytes 4/recursos/flecha_inactiva.png | Bin 0 -> 440 bytes 4/recursos/index.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ README.md | 12 ++++++++++++ 16 files changed, 182 insertions(+) create mode 100644 2/ejercicio.png create mode 100644 2/ejercicio2.html create mode 100644 2/style.css create mode 100644 3/ejercicio/ejercicio.png create mode 100644 3/galeria.html create mode 100644 3/recursos/imagen.png create mode 100644 3/style.css create mode 100644 4/ejercicio/index.html create mode 100644 4/ejercicio/index_files/f0916.gif create mode 100644 4/ejercicio/index_files/f0917.gif create mode 100644 4/ejercicio/index_files/f0918.gif create mode 100644 4/ejercicio/index_files/f0919.gif create mode 100644 4/recursos/flecha_activa.png create mode 100644 4/recursos/flecha_inactiva.png create mode 100644 4/recursos/index.html create mode 100644 README.md diff --git a/2/ejercicio.png b/2/ejercicio.png new file mode 100644 index 0000000..db1971b Binary files /dev/null and b/2/ejercicio.png differ diff --git a/2/ejercicio2.html b/2/ejercicio2.html new file mode 100644 index 0000000..5f06f18 --- /dev/null +++ b/2/ejercicio2.html @@ -0,0 +1,18 @@ + + + + Ejercicio 2! + + + + + +

Enlace número 1
+

Enlace número 2
+

Enlace número 3
+

Enlace número 4
+

Enlace número 5
+ + + + \ No newline at end of file diff --git a/2/style.css b/2/style.css new file mode 100644 index 0000000..874948a --- /dev/null +++ b/2/style.css @@ -0,0 +1,18 @@ +a:link { + color: #CC0000; +} + +p { + color: red; + margin-top: 500px; +} + +a:hover{ + background-color: #CC0000; + color: #FFF; +} + + +a:visited{ + color:#CCC; +} \ No newline at end of file diff --git a/3/ejercicio/ejercicio.png b/3/ejercicio/ejercicio.png new file mode 100644 index 0000000..7c35555 Binary files /dev/null and b/3/ejercicio/ejercicio.png differ diff --git a/3/galeria.html b/3/galeria.html new file mode 100644 index 0000000..8e65268 --- /dev/null +++ b/3/galeria.html @@ -0,0 +1,21 @@ + + + + Galeria! + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/3/recursos/imagen.png b/3/recursos/imagen.png new file mode 100644 index 0000000..280ed6e Binary files /dev/null and b/3/recursos/imagen.png differ diff --git a/3/style.css b/3/style.css new file mode 100644 index 0000000..025bc6c --- /dev/null +++ b/3/style.css @@ -0,0 +1,9 @@ +img { + width:90px; + margin: 10px; + border-style: solid; + border-width: thin; + border-spacing: 100px; + padding: 5px; + border-color: #e3e7ed; +} \ No newline at end of file diff --git a/4/ejercicio/index.html b/4/ejercicio/index.html new file mode 100644 index 0000000..d66047d --- /dev/null +++ b/4/ejercicio/index.html @@ -0,0 +1,56 @@ + + + + + + + Ejercicio 4 (Introducción a CSS) + + +

+ Ejercicio 4 +

+ + + +

Modificar el menú vertical sencillo para que muestre el siguiente comportamiento:

+ +

1) Los elementos deben mostrar una imagen de fondo (flecha_inactiva.png):

+ +
+ Menú vertical con imagen de fondo + +

Figura 4.1 Menú vertical con imagen de fondo

+
+ + +

2) Cuando se pasa el ratón por encima de un elemento, se debe mostrar una imagen alternativa (flecha_activa.png):

+ +
+ Menú vertical con imagen de fondo alternativa + +

Figura 4.2 Menú vertical con imagen de fondo alternativa

+
+ + +

3) El color de fondo del elemento también debe variar ligeramente y mostrar un color gris más oscuro (#E4E4E4) cuando se pasa el ratón por encima:

+ +
+ Menú vertical con imagen de fondo y color alternativos + +

Figura 4.3 Menú vertical con imagen de fondo y color alternativos

+
+ + +

4) El comportamiento anterior se debe producir cuando el usuario pasa el ratón por encima de cualquier zona del elemento del menú, no solo cuando se pasa el ratón por encima del texto del elemento (este problema sólo sucede con Internet Explorer 6):

+ +
+ Aspecto final del menú vertical avanzado creado con CSS + +

Figura Aspecto final del menú vertical avanzado creado con CSS

+
+ + + + + \ No newline at end of file diff --git a/4/ejercicio/index_files/f0916.gif b/4/ejercicio/index_files/f0916.gif new file mode 100644 index 0000000..c229b0b Binary files /dev/null and b/4/ejercicio/index_files/f0916.gif differ diff --git a/4/ejercicio/index_files/f0917.gif b/4/ejercicio/index_files/f0917.gif new file mode 100644 index 0000000..2c5b584 Binary files /dev/null and b/4/ejercicio/index_files/f0917.gif differ diff --git a/4/ejercicio/index_files/f0918.gif b/4/ejercicio/index_files/f0918.gif new file mode 100644 index 0000000..8a4cc7c Binary files /dev/null and b/4/ejercicio/index_files/f0918.gif differ diff --git a/4/ejercicio/index_files/f0919.gif b/4/ejercicio/index_files/f0919.gif new file mode 100644 index 0000000..9e490bb Binary files /dev/null and b/4/ejercicio/index_files/f0919.gif differ diff --git a/4/recursos/flecha_activa.png b/4/recursos/flecha_activa.png new file mode 100644 index 0000000..10ed731 Binary files /dev/null and b/4/recursos/flecha_activa.png differ diff --git a/4/recursos/flecha_inactiva.png b/4/recursos/flecha_inactiva.png new file mode 100644 index 0000000..963dda0 Binary files /dev/null and b/4/recursos/flecha_inactiva.png differ diff --git a/4/recursos/index.html b/4/recursos/index.html new file mode 100644 index 0000000..c26a0db --- /dev/null +++ b/4/recursos/index.html @@ -0,0 +1,48 @@ + + + +Ejercicio menu vertical avanzado + + + + + + + + + \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..8dfc5ef --- /dev/null +++ b/README.md @@ -0,0 +1,12 @@ +# Anotaciones y Especificaciones +## Ejercicio 2 +* Creé un archivo **ejercicio2.html** para lograr el contenido de la imagen +* Agregué un archivo **style.css** que contiene el código necesario para lograr el comportamiento requerido en el ejercicio + +## Ejercicio 3 +* Creé el archivo **galeria.html** para lograr el contenido de la imagen +* Creé el acrhivo **style.css** para lograr el comportamiento requerido en el ejercicio + +## EJercicio 4 +* Modifiqué el archivo **index.html**, que contiene dentro el estilo embebido. +Dicho archivo se encuentra en la carpeta **recursos** \ No newline at end of file -- libgit2 0.26.0