Ejercicio 5 y 6. Herramientas color y tijeras.

Ejercicio 5. Herramienta color. 

Con la herramienta color, selecciona un color de una foto y cambialo por otro. Conserva la foto original y la que tiene el color cambiado.
Guardala con el nombre ejercicio5.jpg
Te pongo a continuación un ejemplo en el que tengo que cambiar el color del cinturón de Asterix de verde a azul con la herramienta .


Imagen inicial

Después de seleccionar los cinturones verdes, les cambio el color. Quedaría así....

Como podéis observar en la imagen de abajo, con esta herramienta, puedo coger el mismo color aunque esté en regiones separadas......

EJERCICIO 6. Herramienta tijeras de selección.  

Con la herramienta tijeras podemos seleccionar con más exactitud lo que queremos seleccionar.

Empecemos primero con este ejercicio....
Queremos seleccionar la cabeza de esta escultura con las tijeras

Tendremos que abarcar toda la cabeza.....

Una vez que tengas la cabeza, pegala en otra imagen. Guardalo como ejercicio6a.jpg

Ejercicio 6b

Tenemos que usar las tijeras para recortar las cabezas de los jugadores del Barsa o el Madrid e intercambiarlas.

 En este caso puedo seleccionar una cara y cambiarla por otra.

El ejercicio 6b consiste en descargarse 2 fotos, una del Real Madrid 

 y otra del  Barcelona 

y cambiar las caras de un equipo por las del otro. Se puede hacer con otros equipos y otros deportes.
Finalmente, cambia el color de las camisetas. Guardala con el nombre ejercicio6b.jpg  

 

Gimp. Ejercicios 3 y 4. Lazo y varita.

Ejercicio 3. Herramienta Lazo. 

Teneis que seleccionar algo con la herramienta lazo y pegarla en otra foto que haga de fondo. Aquí te muestro un ejemplo. Vamos a seguir con superman que esta vez se va de viaje a Verona. Tienes que conseguir esta efecto.

 Para conseguir seleccionar a Superman, nos vamos a la foto de Superman y con la herramienta lazo, lo selecciono. También puedes difuminar la selección como hacíamos en la herramienta rectangular.

 Con esta herramienta puedo seleccionar cosas de una forma más eficaz aunque posteriormente veremos que hay otra herramienta mejor.

Guarla el resultado como ejercicio3.jpg.

Ejercicio 4. Herramienta varita mágica. 

Con la herramienta varita mágica selecciona el cielo de una foto de un paisaje y cambia su color.

Imagen normal:

Imagen retocada:

Guarda la imagen como Ejercicio4.jpg

 Ejercicio 4b

Tienes que seleccionar el cielo de la foto de Asterix con la herramienta varita mágica   y cambiarle el color al cielo, o aplicarle un filtro. Guardalo como ejercicio4b.jpg

 El resultado debe ser parecido a este......

 O a estos.....

 En este último caso, le he aplicado a la selección un filtro mosaico.

GIMP. EJERCICIO INICIAL, 1 Y 2

Empezamos con el GIMP.
Lo primero, descargate aquí  el archivo portable, posteriormente debes instalarlo en tu Pen Drive. Trabajaremos siempre desde el PenDrive.
Aquí tienes un manual sobre GIMP.

EJERCICIO INICIAL

Busca una foto en internet (la que quieras) abrelá en GIMP y guardala en xcf, jpg, bmp, gif, png, tiff. Guarlalas con el nombre inicial.xcf, inicial.jpg, inicial.bmp, incial.gif, incial.png, inicial.tiff.

Una vez que las tengas comprueba el tamaño de cada uno de los archivos y mandame un email


EJERCICIO 1

Trabaja los filtros: Coge 1 imagen, la que quieras y aplicale 15 filtros diferentes a esa imagen.Haz una copia de esa imagen inicial con cada filtro que le has aplicado. Guarda cada imagen con el nombre del filtro que le has puesto. Ejemplo: fotocopia.jpg.

Imagen Base

Filtro fotocopia:

Filtro arista:

Así hasta 15 filtros.

Ejercicio 2. Selección rectángular y selección elíptica


Tienes que coger una imagen base por ejemplo.....

Esta es una foto del cielo.

A continuación abrimos otra foto (en este caso la de Superman).

 

 En la caja de herramientas seleccionamos la herramienta selección rectangular.

Y hacemos  4 selecciones con la herramienta selección rectangular   y 4 selecciones con la herramienta selección eliptica. 


Las selecciones son las siguientes: normal, suma, restar, intersección. Debajo pongo unos ejemplos de como quedaría:

Selección rectangular normal.

 Otro ejemplo

Selección rectangular resta.

Posteriormente haría la suma, la intersección.

Por lo tanto tendría 4 fotos para la selección rectangular. Guarlas con el nombre rectangularnomal.jpg, rectangularsuma.jpg, rectangularresta y rectangularintersección.jpg.

A continuación haz lo mismo con la elipse.

WIKI INSERTAR PAGINA NUEVA E IMAGEN

Vamos a practicar insertar una página nueva. Para ello nos vamos a Página nueva y la creamos.

La página se va a llamar "wiki" y en el modo edición voy a escribir el siguiente texto que es la definición de wiki.

A continuación vamos a poner el texto en color rojo y en negrita.  Al final del texto vamos a poner un enlace a wikipedia. Pondremos lo siguiente.....

Tenemos que usar el botón "Link" y poner en enlace como se va a continuación.

Ahora vamos a poner un enlace que nos lleve a home que es una página de la wiki, así que nos vamos a link y hacemos lo que viene a continuación.....

Por último, pon una imagen que sea un logo de wikipedia, buscalo en google imágenes. Más o menos tiene que quedar así.

MARCOS 15. EJERCICIO FINAL.

La práctica final vale un 50 % de la nota de HTML. Los ejercicios anteriores valdrán el otro 50 %.

 PRÁCTICA FINAL

Esta práctica consiste en realizar un sitio web.El sitio web debe cumplir las siguientes condiciones:

• Estructura de marcos. Los marcos serán mínimo 3 y con una distribución igual o muy parecida a la del ejemplo.
• Página debe tratar sobre música (grupo musica), algún equipo de fútbol, viajes, cine.....
• Se puntuará que contenga TABLAS, ENLACES, IMÁGENES, ALINEACIÓN DE PARRAFOS, NEGRITA, SUBRAYADO.......
• Debe contener como mínimo las páginas web .

AYUDA PARA HACER LA PÁGINA!!!!!!!

En el marco de la izquierda tengo unos enlaces ( PORTADA, GALERIA DE FOTOS...) al pinchar en ellos, una nueva página se abre en el marco de la derecha. ¿ Cómo se consigue esto?
Os pongo a continuación el código que sería necesario para hacerlo.

CÓDIGO DE LA PÁGINA DE LOS MARCOS

Como podeis ver, he añadido el atributo NAME en <FRAME>, para llamar a cada marco con un nombre sencillo......<FRAME SRC="practica16arriba.html" NAME="arriba">

Ahora os enseño la página del marco izquierdo (el índice).....

He añadido el atributo TARGET  a la etiqueta <IMG SRC>. Con esto consigo que al pinchar en un enlace del marco de la izquierda, se abra un nueva página en el marco de la derecha. Si quisiera que la página se abriera en otro marco, solo tendría que poner en TARGET, el nombre del marco, por ejempo TARGET="izquierda" o TARGET="arriba".
 Quedaría de la siguiente manera: <A HREF="historia.html" TARGET="contenido>

Sitio Web de ejemplo

Como veis, el sitio tiene 3 marcos y en el marco izquierdo tenemos un indice con varias opciones. Estas opciones son: Portada, historia, galería de fotos, palmarés, foto de equipo actual. Cada una de ellas abre una página nueva dentro del marco de la derecha.
Aquí tenéis unos ejemplos de como quedaría cada página.....

HISTORIA

GALERÍA FOTOS

HTML 14. MARCOS 5

EJERCICIO 15

Trata de hacer la siguiente página con esta estructura de marcos.....

 

Guarlada con el nombre practica15.html

HTML 13. MARCOS 4

Vamos a hacer ahora una página un poco más complicada. El resultado que queremos es el siguiente:

¿Cómo podemos conseguir esto?
En realidad, la página son 2 marcos horizontales y el marco de abajo lo he dividido en otros 2 marcos.
Primero hago la página que me indica la disposición de los marcos.
El código de la página principal es el siguiente:

Guardala con el nombre practica14.html

Analizamos el código:

• Divido la página en 2 filas con FRAMESET ROWS, una de 20% y otra con el resto del espacio.

• Con FRAMESET COLS, divido la fila de abajo, en 2 columnas, una de 20% y otra con el resto del espacio.

Posteriormente, tengo que crearme las páginas webs practica14arriba.html, practica14contenido.html y practica14indice.html que rellenan a la página que indica los marcos que tengo.