SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
Caso de estudio:

Chile en el exterior
http://chileabroad.gov.cl/

Catalina Reyes Navarro
Taller de Construcción
Mapa del meta sitio
Dominio y subpáginas
www.gob.cl
La nueva identidad visual del Gobierno incluye el
cambio de dirección del portal de gobiernodechile.cl
a gob.cl
Se busca estandarizar las direcciones de los
organismos del gobierno, de manera que pasen a ser
subdominios en vez de sub páginas.

www.chileabroad.gov.cl
El meta sitio forma parte de los organismos que
no han sido estandarizados por parte del Gobierno,
funcionando con sub páginas, y no con dominios.
Algunos ejemplos son:
http://chileabroad.gov.cl/ciudad-de-mexico/
http://chileabroad.gov.cl/omc/
http://chileabroad.gov.cl/china/
Imagen coorporativa
Manual de normas gráficas
“Los sitios web ministeriales deberán estar alineados
al sitio web gob.cl. Así, podremos ofrecer a los
ciudadanos una experiencia común al navegar entre
los distintos sitios de gobierno. Esto no significa que
el diseño debe ser idéntico, sino que el uso de los
colores y tipografía deben ser similares.
”
Tipografías
GobCL
Es la tipografía de la imagen institucional definitiva del
Gobierno de Chile. Su uso dentro del meta sitio es
para titulos y encabezados

Verdana
Según el manual de normas gráficas del Gobierno de
Chile, la tipografía opcional de sistema es Verdana,
y se utiliza para casos en que la tipografía GobCL no
pueda ser usada. Ene ste caso, para textos extensos.
Estructura del Sitio
Header
Breadcrumb
Breadcrumb es un apoyo en torno a la navegación
usado en interfaces. Permite al usuario mantener un
seguimiento de su locación dentro del sitio web.

Barra de Navegación
Mediante php, se establece un menu básico que va
cambiando su contenido e hipervínculos según la
sección del sitio que esté mostrando, además del
nombre que aparece para el visitante.
Header
Body
Estructura básica
Consta de una fotografía central, un contenido central
y una barra lateral.

Diagramación
La diagramación del ‘content‘ de cada sub página del
sitio va variando según su jerarquía
Body
Home

Categoría

Sub sitio
Misión chilena ante la Unión
Europea
http://chileabroad.gov.cl/ue/

Consulado General de Chile en
Ciudad de México
http://chileabroad.gov.cl/ciudadde-mexico/
Fotografía central
Las imagenes están dispuestas de manera que
cambien aleatoriamente al visitar las páginas, y a
su costado incluyen la opción de hacer zoom en la
fotografía, compartirla en redes sociales o imprimirla.
Barra lateral: Sugerencias
Barra lateral: Enlaces de interés
Barra lateral: Preguntas frecuentes
Footer

Estructura básica
El footer principal del sitio, es aquel que se presenta
tanto en el home como en las categorías principales
descriptivas.
Contiene hipervínculos a la UE, que financió la
construcción del sitio, y a Chile travel, un sitio
hermano sobre el turismo chileno.
Incluye además la información de contacto del
Ministerio de Relaciones Exteriores, además de datos
internos sobre HTML, CSS y Accesibilidad.
Footer
Embajadas, consulados y misiones
En cada una de estas secciones, dependiendo el país
en que se encuentren, se incluye la hora actual de su
localización geográfica dentro del footer.

Más contenido relacionado

Similar a Caso de estudio: Chile en el exterior

Similar a Caso de estudio: Chile en el exterior (20)

PeñAweb
PeñAwebPeñAweb
PeñAweb
 
Ejemplo Cartas de Navegación.pdf
Ejemplo Cartas de Navegación.pdfEjemplo Cartas de Navegación.pdf
Ejemplo Cartas de Navegación.pdf
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Que es pagina_web
Que es pagina_webQue es pagina_web
Que es pagina_web
 
Que es pagina web?
Que es pagina web?Que es pagina web?
Que es pagina web?
 
Soyunamarca taller mbm 2011
Soyunamarca taller mbm 2011Soyunamarca taller mbm 2011
Soyunamarca taller mbm 2011
 
Presentacion paginas web
Presentacion paginas webPresentacion paginas web
Presentacion paginas web
 
Presentacion 1
Presentacion 1Presentacion 1
Presentacion 1
 
Características del ciberespacio que apoyan la difusión de proyectos cultural...
Características del ciberespacio que apoyan la difusión de proyectos cultural...Características del ciberespacio que apoyan la difusión de proyectos cultural...
Características del ciberespacio que apoyan la difusión de proyectos cultural...
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Ejemplos paginas html
Ejemplos paginas htmlEjemplos paginas html
Ejemplos paginas html
 
Cms joobla
Cms jooblaCms joobla
Cms joobla
 
Colombia aprende
Colombia aprendeColombia aprende
Colombia aprende
 
Pagina Web
Pagina WebPagina Web
Pagina Web
 

Último

Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 

Último (20)

Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 

Caso de estudio: Chile en el exterior

  • 1. Caso de estudio: Chile en el exterior http://chileabroad.gov.cl/ Catalina Reyes Navarro Taller de Construcción
  • 3. Dominio y subpáginas www.gob.cl La nueva identidad visual del Gobierno incluye el cambio de dirección del portal de gobiernodechile.cl a gob.cl Se busca estandarizar las direcciones de los organismos del gobierno, de manera que pasen a ser subdominios en vez de sub páginas. www.chileabroad.gov.cl El meta sitio forma parte de los organismos que no han sido estandarizados por parte del Gobierno, funcionando con sub páginas, y no con dominios. Algunos ejemplos son: http://chileabroad.gov.cl/ciudad-de-mexico/ http://chileabroad.gov.cl/omc/ http://chileabroad.gov.cl/china/
  • 4. Imagen coorporativa Manual de normas gráficas “Los sitios web ministeriales deberán estar alineados al sitio web gob.cl. Así, podremos ofrecer a los ciudadanos una experiencia común al navegar entre los distintos sitios de gobierno. Esto no significa que el diseño debe ser idéntico, sino que el uso de los colores y tipografía deben ser similares. ”
  • 5. Tipografías GobCL Es la tipografía de la imagen institucional definitiva del Gobierno de Chile. Su uso dentro del meta sitio es para titulos y encabezados Verdana Según el manual de normas gráficas del Gobierno de Chile, la tipografía opcional de sistema es Verdana, y se utiliza para casos en que la tipografía GobCL no pueda ser usada. Ene ste caso, para textos extensos.
  • 7. Header Breadcrumb Breadcrumb es un apoyo en torno a la navegación usado en interfaces. Permite al usuario mantener un seguimiento de su locación dentro del sitio web. Barra de Navegación Mediante php, se establece un menu básico que va cambiando su contenido e hipervínculos según la sección del sitio que esté mostrando, además del nombre que aparece para el visitante.
  • 9. Body Estructura básica Consta de una fotografía central, un contenido central y una barra lateral. Diagramación La diagramación del ‘content‘ de cada sub página del sitio va variando según su jerarquía
  • 10. Body Home Categoría Sub sitio Misión chilena ante la Unión Europea http://chileabroad.gov.cl/ue/ Consulado General de Chile en Ciudad de México http://chileabroad.gov.cl/ciudadde-mexico/
  • 11. Fotografía central Las imagenes están dispuestas de manera que cambien aleatoriamente al visitar las páginas, y a su costado incluyen la opción de hacer zoom en la fotografía, compartirla en redes sociales o imprimirla.
  • 13. Barra lateral: Enlaces de interés
  • 15. Footer Estructura básica El footer principal del sitio, es aquel que se presenta tanto en el home como en las categorías principales descriptivas. Contiene hipervínculos a la UE, que financió la construcción del sitio, y a Chile travel, un sitio hermano sobre el turismo chileno. Incluye además la información de contacto del Ministerio de Relaciones Exteriores, además de datos internos sobre HTML, CSS y Accesibilidad.
  • 16. Footer Embajadas, consulados y misiones En cada una de estas secciones, dependiendo el país en que se encuentren, se incluye la hora actual de su localización geográfica dentro del footer.