Web cifo proyectofinal_ariel
Transcript of Web cifo proyectofinal_ariel
![Page 1: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/1.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/2.jpg)
Espacios de referencias de los centros CIFO
![Page 3: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/3.jpg)
• 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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/4.jpg)
• 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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/5.jpg)
Referencias
![Page 6: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/6.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/7.jpg)
Escola Superior de Disseny BAU
![Page 8: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/9.jpg)
Organigrama
![Page 10: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/10.jpg)
Plantillas genéricas
![Page 11: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/11.jpg)
![Page 12: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/12.jpg)
![Page 13: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/13.jpg)
![Page 14: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/14.jpg)
Proyecto final
![Page 15: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/15.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/16.jpg)
![Page 17: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/17.jpg)
![Page 18: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/18.jpg)
![Page 19: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/19.jpg)
![Page 20: Web cifo proyectofinal_ariel](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557ba0c8d8b42aa5758b54e0/html5/thumbnails/20.jpg)
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