SlideShare una empresa de Scribd logo
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

PeñAweb
PeñAwebPeñAweb
PeñAweb
cronicaorellana
 
Ejemplo Cartas de Navegación.pdf
Ejemplo Cartas de Navegación.pdfEjemplo Cartas de Navegación.pdf
Ejemplo Cartas de Navegación.pdf
geogeodededo
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
estaseylugo1992
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
teyssee1992
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
teyssee1992
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
Víctor Mayans Asián
 
Proyecto web
Proyecto webProyecto web
Proyecto web
Ailleen Xinita Bella
 
Proyecto web
Proyecto webProyecto web
Proyecto web
Ailleen Xinita Bella
 
Que es pagina_web
Que es pagina_webQue es pagina_web
Que es pagina_web
ALVARO MORA BOTELLO
 
Que es pagina web?
Que es pagina web?Que es pagina web?
Que es pagina web?
alvaro mora
 
Soyunamarca taller mbm 2011
Soyunamarca taller mbm 2011Soyunamarca taller mbm 2011
Soyunamarca taller mbm 2011
Daniel Iglesias Gil
 
Presentacion paginas web
Presentacion paginas webPresentacion paginas web
Presentacion paginas web
mayramb
 
Presentacion 1
Presentacion 1Presentacion 1
Presentacion 1
afpaula6
 
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...
Georgina Laorrabaquio Saad
 
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
Rita Menendez
 
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
Rita Menendez
 
Ejemplos paginas html
Ejemplos paginas htmlEjemplos paginas html
Ejemplos paginas html
Robert Rodriguez
 
Cms joobla
Cms jooblaCms joobla
Colombia aprende
Colombia aprendeColombia aprende
Colombia aprende
201322176
 
Pagina Web
Pagina WebPagina Web
Pagina Web
xjkmilox
 

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

LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
BARBARAAMAYA4
 
Arquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto VenezolanoArquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto Venezolano
imariagsg
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
soporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computosoporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computo
mantenimientofresita
 
Construcción de una estación de radio en distintas bandas y muy bien explicado.
Construcción de una estación de radio en distintas bandas y muy bien explicado.Construcción de una estación de radio en distintas bandas y muy bien explicado.
Construcción de una estación de radio en distintas bandas y muy bien explicado.
JoseLuisAvalos11
 
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptxDIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
RONALD533356
 
Ejemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdfEjemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdf
SofaCrdenas19
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
IzaakAzaga
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
LeonardoDantasRivas
 
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdfPLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
RaquelAntonella2
 
metodologia empleada en smart toolsboxs.
metodologia empleada en smart toolsboxs.metodologia empleada en smart toolsboxs.
metodologia empleada en smart toolsboxs.
jeanlozano33
 
Como cuidar a los demás ppt para niños Educación Básica
Como cuidar a los demás ppt para niños Educación BásicaComo cuidar a los demás ppt para niños Educación Básica
Como cuidar a los demás ppt para niños Educación Básica
karlaaliciapalaciosm1
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
mantenimientofresita
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ruthyeimi937
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
RofoMG
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Soleito
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
AlbertoGarcia461436
 
Centro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónicoCentro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónico
OmairaQuintero7
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
tatianezpapa
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
ivanna200511
 

Último (20)

LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
 
Arquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto VenezolanoArquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto Venezolano
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
soporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computosoporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computo
 
Construcción de una estación de radio en distintas bandas y muy bien explicado.
Construcción de una estación de radio en distintas bandas y muy bien explicado.Construcción de una estación de radio en distintas bandas y muy bien explicado.
Construcción de una estación de radio en distintas bandas y muy bien explicado.
 
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptxDIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
DIAPOSITIVAS MONOGRAFIA de el consumo excesivo del alcohol en adolescentes .pptx
 
Ejemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdfEjemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdf
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
 
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdfPLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
 
metodologia empleada en smart toolsboxs.
metodologia empleada en smart toolsboxs.metodologia empleada en smart toolsboxs.
metodologia empleada en smart toolsboxs.
 
Como cuidar a los demás ppt para niños Educación Básica
Como cuidar a los demás ppt para niños Educación BásicaComo cuidar a los demás ppt para niños Educación Básica
Como cuidar a los demás ppt para niños Educación Básica
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
 
Centro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónicoCentro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónico
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
 

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.