• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Diseñoyrecursosenflowerment
 

Diseñoyrecursosenflowerment

on

  • 632 views

Presentación donde se detallan los recursos de diseño utilizados para construir el sitio web de una floristería ecológica. Como proyecto para la asignatura GISC. Lic mk. Universidad de Sevilla.

Presentación donde se detallan los recursos de diseño utilizados para construir el sitio web de una floristería ecológica. Como proyecto para la asignatura GISC. Lic mk. Universidad de Sevilla.

Statistics

Views

Total Views
632
Views on SlideShare
632
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Diseñoyrecursosenflowerment Diseñoyrecursosenflowerment Presentation Transcript

    • Ubicación de los principales recursos y elementos de diseño empleados.
      • UTILIZAR INTERNET EXPLORER EN 1024 X 768:
        • EVITA EL MOVIMIENTO DE CAPAS
        • BUEN FUNCIONAMIENTO DEL MENU POR CAPAS
        • APARECEN TODOS LOS RECURSOS
        • (PLUG-INS, JAVA, ETC.)
      VISUALIZACIÓN
    • esquema de la web INDEX HOME - ABOUT US Empresa Historia - FLOWERS Ramos Centros Bouquets Para la casa - ARTDECORA - ENJOYFLOWERS Aprendeflowers Dedicatorias Videoflowers Artmacetas - CONTACT US Pedidos Contacto
    • index
      • RECUSOS
      • Música: Salta al entrar en Index. (Midi)
        • Se escucha este formato en la mayoría de navegadores.
        • Añadida como propiedad de página.
      • Imagen vinculada a la Landig page (HOME 11)
      • Etiqueta en la imagen inicial, de “entrar en la Web”.
      • Marquesina con información de la empresa en el margen inferior.
      • DISEÑO
      • Tabla.
        • Incluye imagen de fondo dentro de una celda (lunares rosas) y también de rosas en otras dos (arriba y abajo).
        • Diferentes tamaños de celda.
        • Sin bordes.
    • home
      • RECUSOS
      • Formulario de registro
        • Botón interactivo para enviar formulario
      • BANNER: Administrador de titulares
      • Menú principal: Iframe
        • Hipervínculos a Html.
      • Hipervínculo a pdf en distinta ventana (boletín)
      • DISEÑO
      • Tabla.
        • Diferentes tamaños de celda.
        • Sin bordes. Excepto en la del bottom que separa los logos (propiedades de celda).
    • Menú principal
      • Desde este menú accedemos mediante hipervínculos a distintas páginas html
      • RECUSOS QUE ENCONTRAMOS EN TODAS ESTAS PÁGINAS Y EN HOME
      • Hipervínculos externos (redes sociales)
      • Publicidad de otra página en el margen superior derecho (Capa)
      • Hipervínculo en el nombre de la empresa con index
      • Hipervínculo a html
      • - política de privacidad,
      • - programa de afiliados
      • - política de seguridad
    • Menú principal
      • DISEÑO
      • Tabla.
        • Diferentes tamaños de celda.
        • Sin bordes.
        • Color de fondo plano beig
        • DISEÑO SUBMENÚ
        • Submenú con capas en todas (a excepción de Artdecora):
        • Incluye imagen de fondo dentro de una celda (lunares rosas).
        • En esta celda está el submenú que muestra las diferentes capas pasando el ratón por encima, sin necesidad de clikear (Comportamientos-Visibilidad)
        • La celda central es la única que posee barra de desplazamiento y donde encontraremos la información útil de la página. (Iframe a html creados por nosotros)
    • about us
      • DISEÑO
      • Iframe a HTML en el que mediante una tabla con diferentes tamaños de celda se distribuye el contenido (Uniones, divisiones, celdas con fondo y bordes de diferente color – enflowerizate 6 razones- )
      • RECUSOS
      • En la capa de historia, al final, encontramos un hipervínculo a un documento .pdf que se abrirá en una nueva ventana
      • Links a redes sociales para comentar la filosofía enflowerment.
    • flowers
      • RECUSOS
        • En cada una de las capas de la celda central, donde se encuentran los productos divididos por categorías, encontramos debajo de cada uno e ellos un hipervínculo a una página html, donde se muestran:
        • - más características del producto
        • - I frame de botón “Me gusta” donde el ususario puede opinar si le gusta el producto
        • - I frame para hacer cualquier comentario o sugerencia sobre el producto.
        • En las diferentes secciones se muestra debajo la complementariedad de productos (Servicio ampliado)
    • artdecora
      • RECUSOS
      • Galería fotográfica donde los usuarios de la página pueden observar diferentes tipos de decoraciones florales llevadas a cabo por empresa
      • Fondo de la celda negro para que se asemeje a una proyección cinematográfica.
    • enjoyflowers
      • RECUSOS
      • aprendeflowers
      • Gráfico con zonas activas para visualizar los diferentes cursos ofertados
      • Marcador en palabra “volver” al finalizar la información de cada curso que te lleva de nuevo al gráfico de zonas activas para seguir visitando cursos (evita el desplazamiento con la barra)
      • Marcador para contacta con nosotros después del gráfico
      • Sustitución de imágenes: sobre de mail.
      • Hipervínculo sobre mail: editor de correo .
    • enjoyflowers
      • RECUSOS
      • dedicatorias
      • Marcadores para navegar dentro del Iframe. Para evitar que el usuario se tenga que desplazar con la barra. Palabras destacadas en verde y subrayadas.
      • Hipervínculos a páginas externas.
      • DISEÑO: TABLA con fondos diferentes de celdas para aparentar un cuadro.
      • Iframe vinculado a un servidor externo de foros gratuitos.
      • Editor de imágenes Front Page: cambio de color dedicatoria escrita a mano en rosa.
    • enjoyflowers
      • RECURSOS
      • videoflowers
      • -Marcadores y Iframes copiando el código Insertar en Youtube.
      • RECUSOS
      • artmacetas
      • Marcadores para el desplazamiento
      • Hipervínculo Enflowerment a About us.
      • Editor de imágenes: Suprimir fondo imagen top macetas.
      • Diseño tablas, encuadra macetas cambiantes.
      • Intercambio de imágenes.
      • Hipervínculo a web externa: masquemuchoo
    • contact us
      • RECUSOS
      • pedidos
      • Botón interactivo hipervínculo a microsite (html en nueva ventana): OFERTAS y REGALOS
      • Hipervínculo a otra sección dentro de la página ABOUT US en Enflowerment destacado.
      • DISEÑO tablas, celdas propiedades diferentes (colores de fondo, tamaños distintos)
      • Formulario: Opciones diversas (cajas de texto, botón de opción, cuadro desplegable, etc.)
      • No funciona al no estar conectado con una base de datos.
      • Ni el de la home tampoco, sólo a modo de muestra.
    • contact us
      • RECUSOS
      • contacto
      • Marcadores para el desplazamiento a mail
      • Sustitución de imágenes borde o resplandor sobre.
      • Hipervínculo de imagen, sobre a servidor de correo preestablecido en el equipo.
      • DISEÑO tablas, celdas sin borde diferentes tamaños.
      • Iframe de Google Maps en al insertar el código en el nuestro.
    • microsite
      • RECUSOS
      • Efectos de transición de páginas
      • El logotipo SB es un hipervínculo a index
      • DISEÑO
      • Página de marcos
        • Incluye imagen de fondo dentro de una celda (lunares rosas).
        • Diferentes tamaños de celda.
        • Sin bordes.
        • en este submenú hay que clikear para pasar de unas páginas html a otras.
      • http://enflowerment.260mb.com/about.htm
      CARGA EN UN SERVIDOR