Por fin un estilo creado que me convezca para la entrega, pero mala representación de las fotos en recuadros por lo que tengo que pensar en modificarlo. Creación final de la historia y tambien de la cabecera de la pagina. Faltan retoques a la navegación. Cambiador de estilos listo y con imagenes para diferenciarlos sin recuadros. El 2 estilo un poco feo pero con los elementos importantes fijos para que siempre esten visibles y aumente su rapidez a la hora de encontrar información. Información actualizada. Y poca cosa mas.
Con las prisas no voy a ponerme a explicarlo bien y tengo muchas cosas que hacer aun XD vereis el resultado final.

Bueno, hoy pasaremos a realizar una practica con Pixlr. Dicha practica consiste en realizar una imagen combinando 3, una imagen de la Escuela, otra mia, y otra de alguien famoso. La imagen mia es cutre, es la de cualquier carnet, ya que no tenia a mano ninguna decente. La imagen de alguien famoso es la de Brad Pitt, por ejemplo. Ahora pasemos a describir el proceso:

1.- Imagenes seleccionadas antes de tocar nada:

2.- Luego hemos empezado con recortar la imagen de Brad. Para ello hemos copiado la imagen en un archivo .png transparente y luego seleccionando con el lazo bordeando la figura hemos borrado el fondo.

3.- Acontinuacion hemos puesto la imagen como capa arrastrando la imagen anterior a la de la Escuela. Como podemos comprobar nos queda una imagen de Brad muy grande, por lo que aplicamos transformacion libre para reducir la imagen, y luego hemos aplicado un poco de contraste y brillo. 

4.- Luego hemos pasado con la imagen mia. Hemos hecho lo mismo que con la imagen de Brad, pasarla a transparente y luego agregarla a la imagen de la Escuela. Era una imagen muy clara, por lo que hemos aplicado de nuevo contraste y brillo. Pero en este caso para adaptarlo a la ventana hemos aplicado primero transformacion libre y luego distorsion libre para que se pusiera dando un efecto inclinado.

5.- Despues de las imagenes lo único que hemos hecho a sido introducir los textos, pulsando en la barra de herramientas en la A. Con el nombre hemos utilizado una fuente llamada Hollywood aprovechando el hecho de imagen de un famoso y luego un comentario sobre el personaje famoso en la imagen unicamente por probar otro estilo.

 6.- Por ultimo para darle un efecto diferente he probado con distintos filtros, siendo el que mas me gustaba para esta foto el efecto de viñeta, haciendo parecida como a un imagen profesional.

Y aqui esta el resultado final, espero que os guste:

La pagina que he creado es desde cero y basicamente lo que queria era que quedara algo decente, cosa que no creo que haya quedado, y util. La pagina esta completamente validada.

En primer lugar habia que lograr unos botones que cambiaran de estilo cosa que he conseguido (arriba a la izquierda) y lo que he estado probando eran algunas funciones para posteriormente desarrollar la pagina bien. Una de estas funciones es el jQuery de la parte de los botones de navegacion para que cada vez cargue una pagina diferente teniendo la base y cambiando solo el contenido. Otra es la propia barra de la navegacion para que diera un efecto de pulsado y haciendo que ocupara toda la linea. Otro mas seria el efecto de arriba de la cabecera de efectos redondeados y sombras.

Analizando la pagina para que pareciera profesional encuentro varios fallos. Uno de ellos para mi es la propia cabecera misma, sin logo con colores que no combinan demasiado espacio desaprovechado, aunque me ha resultado curioso y util el utilizar sombras. Otro es la homogeneidad de colores en la pagina, no pegan para nada un verdoso asi con marron y menos aun con el negro de la navegacion y pie. El propio contenido esta sin terminar y en blanco, factor a mejorar.

Mas adelante subire la primera entrega y comentare lo que esta mal de ella ya que me he dado cuenta de muchisimas cosas pero en este ejercicio sera sobre los colores de una pagina cualquiera
Con kuler hemos analizado la imagen de la siguiente direccion: macarons. Hemos elegido un efecto muted para los colores de la pagina para que el fondo resalte y el contenido fuera mas homogeneo, un efecto triada.

Otra posible variacion es un efecto bright que mostraria un efecto mas monocromatico.

     La web que desarrollare será una basada en un peluquería. Considero oportuno realizarla sobre esta peluquería por la sencilla razón de que no posee aun una pagina web a la cual su clientela dirigirse en busca de información.

     El objetivo es dar a conocer la peluquería y ofrecer información ya sea sobre el sitio y sobre el personal. La pagina iría dirigida fundamentalmente a los habitantes de Almansa (Albacete) o alrededores, pero también a entidades que requieran conocer más sobre la peluquería y su historia.

     Enlaces:

        -Peluquería Le Flêr

        -Peluquería Marisela

        -Peluquería Cheska

        -Peluquería Ana Lozano

        -Peluquería 7SEVEN

        -Peluquería Marco Aldany

        -Peluquería Shangara

        -Peluquería Davi Rial

        -Peluquería Salon White

        -Peluquería Zenith

        -Peluquería SV

        -Peluquería María Paris

      Las 5 primeras son las mejor diseñadas y en las que nos apoyaremos para intentar dar un enfoque profesional, de las otras solo he cogido alguna idea puntual, ya sea sobre alguna sección o sobre algun detalle que debería incorporar pero no mas.

     La idea es que tenga 4 secciones: Inicio, Historia (biografía e historia de la peluqueria), Tarifas (corte y productos) e informacion (galeria, ubicación y contacto)