Este documento describe una página web informativa sobre tecnología ecológica, incluyendo descripciones de los aspectos gráficos, el diseño de pantallas, la navegabilidad y los diagramas de flujo entre pantallas. El objetivo es promover nuevas tecnologías ecológicas para el futuro debido al avance reciente en tecnología.

1. Pagina Web Informativa Sobre la
Tecnológia Ecológica
ALUMNO
JUNIOR MARIN
CI:19428753
ROGER VILLAMIZAR
CI:12.492.787
Sección :1103
San Carlos de Zulia 20 de Enero del 2013

2. Descripción de la pagina web
Tiene la intención de promover la nueva tecnología ecológica
para los anos Futuros ya que últimamente sea avanzado en la
tecnología

3. Aspectos Gráficos Y Multimedia

4. Gráficos asociados al diseño general y navegabilidad de las pantallas
INICIO NOVEDADES FOTOGRAFIA BUSCADOR
Descripción del Fondo
La Pantalla tendrá el fondo de color Verde, concorde con La tecnología Ecológica
Esquema de color
Gris :#CCCCFF
Negro:#000000
Verde Oscuro:#009900
Blanco :#FFFFFF
Especifique el nombre de la (s) fuente (s), el estilo, tamaño, colores, interline
ado y efectos generales Para los textos de los títulos y párrafos generales.
Títulos: Arial, 16, Negro, Negrita #000000
Subtítulos: Arial,14, Negro #000000 y Blanco #FFFFFF
Párrafos:Arial,12, Negro #000000

5. Mapa de navegación
Pantalla 1
Inicio
Pantalla 2 Pantalla 2.1 Pantalla 3
Novedades Buscador Fotografía
Pantalla 3.1
Buscador

6. Diagrama de pantalla
Pantalla secuencia de pantalla
Nº: 1
P01 Pantalla iniciar Va a la pantalla Nº: P02
Diseño visual de la pantalla

7. Animación
No dispone
Voz
No dispone
Música de fondo
No dispone
navegabilidad
N°nombre del
objeto Titulo de referencia Pantalla archivo/capa/ventana
destino
Menú Superior Inicio P01 Inicio.htm
Novedades P02 Novedades.htm
fotografía P03 Fotografía.htm
Botones Siguientes P02 Novedades
Hipervínculo
Indica los enlace externo a paginas web o archivo
Hace clic en buscador se traslada hacia WWW. Google.com
Imagen
Imagen 1
Imagen 2
Ayuda
No dispone
Archivo involucrado
Carpeta de imagen
Imágenes de pagina web F:imagen

8. Diagrama de pantalla
Diagrama de
Pantallas
Pantalla Nº: 2 secuencia de pantalla
P02 Viene de la Pantalla iniciar Va a la pantalla Nº: P02
Diseño visual de la pantalla

9. Animación
No dispone
Voz
No dispone
Música de fondo
No dispone
Navegabilidad
N°nombre del
Objeto Titulo de referencia Pantalla archivo/capa/ventana
destino
Menú Superior Inicio P01 Inicio.htm
Novedades P02 Novedades.htm
fotografía P03 Fotografía.htm
Botones Siguientes P02 Novedades
Imagen
Imagen 1
Hipervínculo
Indica los enlace externo a paginas web o archivo
Hace clic en buscador se traslada Asia WWW. Google.com
Ayuda
No dispone
Archivo involucrado
Imágenes de pagina web F:imagen
Carpeta de imagen
Galería Tecnología Ecológica
Hipertexto
No dispone

10. Diagrama de pantalla
Pantalla Nº: 3 secuencia de pantalla
P01 Viene de pantalla 2 Va a la pantalla Nº: P03
Diseño visual de la pantalla

11. Animación:
No dispone
Voz:
No dispone
Música de Fondo
No dispone
Navegabilidad
N°nombre del
Objeto Titulo de referencia Pantalla archivo/capa/ventana
destino
Menú Superior Inicio P01 Inicio.htm
Novedades P02 Novedades.htm
fotografía P03 Fotografía.htm
Botones Siguientes P02 Novedades
Imagen,Imagen 1,Imagen 2,Imagen 3,Imagen 4,Imagen 5 ,Imagen 6,Imagen 7, imagen 8
Hipervínculo
Indica los enlace externo a paginas web o archivo
Hace clic en buscador se traslada Asia WWW. Google.com
Ayuda
No dispone
Archivo involucrado
Imágenes de pagina web F:imagen
Carpeta de imagen
Galería Tecnología Ecológica
Hipertexto
No dispone