web cifo proyectofinal_ariel

20
FUNCIÓN ESTRUCTURA Y DISEÑO Web CIFO L΄H Ariel R. Cheker Zarco CIFO L`Hospitalet 26/8/2010

Upload: ariel

Post on 13-Jun-2015

653 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web cifo proyectofinal_ariel

F U N C I Ó N E S T R U C T U R A Y D I S E Ñ O

Web CIFO L΄H

Ariel R. Cheker ZarcoCIFO L`Hospitalet26/8/2010

Page 2: Web cifo proyectofinal_ariel

Espacios de referencias de los centros CIFO

Page 3: Web cifo proyectofinal_ariel

• Promoción de la institución.

• Dar a conocer los cursos que imparten.

• Identidad institucional.

• Autopromoción (público y empresas).

• Comunidad virtual (docentes y alumnos).

• Gestión de inscripciones.

Diagnostico de la institución

Page 4: Web cifo proyectofinal_ariel

• Facilitar las gestiones entre la institución y la población inscritas al SOC.

• Dotar una identidad propia del CIFO L`Hospitalet.

• Promocionar la calidad de formación.

• Dar a conocer las instalaciones.

• Dar a conocer las nuevas tecnologías informáticas con las se trabaja.

• Promocionar las conferencias y seminarios.

Objetivos

Page 5: Web cifo proyectofinal_ariel

Referencias

Page 6: Web cifo proyectofinal_ariel

Escola Superior de Disseny BAU

Pros: Panel fijo, estructura coherente, cabecera proporcional, menú vertical, submenú horizontal, panel informativo proporcional .Contras : No tiene coherencia con el fondo , submenú fijos de estudios, derivación a ventanas nuevas.

Page 7: Web cifo proyectofinal_ariel

Escola Superior de Disseny BAU

Page 8: Web cifo proyectofinal_ariel

Escuela Trazos

Pros: Estructura navegable coherente, menú fijo horizontal, submenú horizontal, trabajos destacados.Contras: Scroll, subcabecera sobria y grande, banner de instalaciones grande.

Page 9: Web cifo proyectofinal_ariel

Organigrama

Page 10: Web cifo proyectofinal_ariel

Plantillas genéricas

Page 11: Web cifo proyectofinal_ariel
Page 12: Web cifo proyectofinal_ariel
Page 13: Web cifo proyectofinal_ariel
Page 14: Web cifo proyectofinal_ariel

Proyecto final

Page 15: Web cifo proyectofinal_ariel

Características técnicas de la página web CIFO L`H Página web

• Tamaño.- 800 X 600 pixeles• Resolución.- 72 pixeles por pulgadas• Modo color.- RGB 8 bits

Colores empleados en la pagina web

• Negro (RGB0).- Barra de menú principal, textos y fondos de submenús laterales.• Blanco (RGB 225).- Textos, fondo de panel de información principal y logo.• Azul (R36, G111, B214).- Cabecera del la página, barra de búsqueda, web 0.2,

enlaces en el panel de información y pie de página.• Naranja (R211, G137, B32).- Enlaces de las barras de menús y submenús.

Tipografías

• Vrinda.- Cabecera de la página, barra de menú principal, barra de sub menú, títulos de paneles laterales y texto de derechos en pie de página.

• Verdana.- Artículos de noticias y en el panel informativo de todos los apartados.

Page 16: Web cifo proyectofinal_ariel
Page 17: Web cifo proyectofinal_ariel
Page 18: Web cifo proyectofinal_ariel
Page 19: Web cifo proyectofinal_ariel
Page 20: Web cifo proyectofinal_ariel

Bibliografía

• CIFO L`H, junio 2010. Centro de Referencia Nacional de Hospitalet (Dossier). (Fecha de consulta 2 de julio del 2010).

• Servei d´Ocupaió de Catalunya (SOC). www.oficinadetreball.cat

• Escuela Trazos. www.escuelatrazos.es

• Escola Superior de Disseny (BAU). www.baued.es

• Generalitat de Catalunya. www.gencat.cat

• Wikipedia. es.wikipedia.org

• Blog. Diseño Grafico Digital. http://dgd2010.blogspot.com