SlideShare a Scribd company logo
1 of 16
Download to read offline
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.

More Related Content

Similar to Caso de estudio: Chile en el exterior

Similar to 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
 

Recently uploaded

Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGOyordanespinozanina
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
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
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
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
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 

Recently uploaded (20)

Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
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
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
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
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 

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.