domingo, 11 de diciembre de 2011

Web 2.0

Aqui vemos como, con el paso de los días, hemos podido incluir muchas secciones en la pagina web, tal como el banner, los menus, y una breve introduccion:


Como se puede ver se ha añadido un nuevo fondo, asi como el nuevo banner de la pagina.
La breve introduccion costa de dos partes, con dos imagenes de la tienda, mostrando la fachada y el interior.

El ul, tiene un hover, en el cual al pasar el raton, este se vuelve de un color rojo.
El fondo lo he sacado de la pagina principal de www.fini.es
En el apartado "productos", encontramos una variedad de fotos en los que se muestra, la verdad que poco comparado con lo que hay en la tienda, los diversos productos de cara al publico que hay en la tienda, teniendo este aspecto:
Notar que, en el host en donde he subido la web, este apartado se ve de diferente manera, ya que ( y no se porque ) el css no se actualiza, ya que la class de la
s fotos, si se pincha para ver el css no esta indicado.

En el apartado de "contacto" he añadido un php para que si los clientes tienen alguna duda, puedan contactar conmigo, aunque el servicio php todavia no funciona, y por lo tanto no me llega ningun correo cuando solicitan dicha información.
Como se ve en esta imagen, he añadido un google.maps a la derecha del contacto para ver donde esta fisicamente la tienda (Nota: Decir que, al estar el google.maps, la pagina tarda mas tiempo de lo normal en cargarse) Se ve que los colores que predominan son el verde y el rojo, los cuales son los colores originales del logo de la tienda.

Se ha añadido unos recuadros al final del index, para poder cambiar el css de uno a otro al pincharlos. El segundo css basicamente cambia el color de la web, y en vez de tener lo border redondeador los tiene como caja, cambiando el color del ul por un azul verdoso.


En el apartado de "Instalaciones", se a añadido un JQuery en el cual se van pasando las imagenes, notar que solo hay de momento 2 imagenes, ya que no se han facilitado las otras imagenes de las instalaciones.

miércoles, 14 de septiembre de 2011

Planificacion de la web

  • En esta parte, me propongo a diseñar una web orientada a una tienda de frutos secos, en la cual podremos ofrecer al publico de que productos maneja, su historia etc...
  • Los objetivos de la web son basicamente ofrecer al publico nuestros productos, todo tipo de frutos secos y ademas una gran variedad de tartas de cumpleaños, ademas de piñatas y cosas varias de cumpleaños, estando presente en todo momento los caramelos, como en un buen frutos seco.
  • La web contara con diversos apartados, en los cuales encontraremos, productos, historia, contanto, e instalaciones. En las cuales se pondra cara al publico, de fotografias y una breve explicacion de los productos, la historia de la empresa desde que empezo su funcionamiento, fotografias de las instalaciones y los componentes de la plantilla y por ultimo la direccion, fax y telefono de las instalaciones
  • Encontramos diferentes webs, en las que podemos apreciar algunos diseños, siendo estas:
  • http://www.frutossecosgutierrez.es/
  • http://www.fini.es/
  • http://www.risi.es/juvenil/index.php
  • La web contara con diferentes secciones, donde contaremos con una pagina principal en mitad de la pagina, donde a un lado encontraremos un menu con las diferentes secciones de la pagina, incluyendo un banner en la parte superior de la misma