SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
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.

Contenu connexe

Similaire à Caso de estudio: Chile en el exterior

Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
estaseylugo1992
 
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
 
Pagina Web
Pagina WebPagina Web
Pagina Web
xjkmilox
 

Similaire à 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
 

Dernier

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
Leo Florez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
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
ilvrosiebp
 

Dernier (20)

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
 
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
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
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
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
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
 
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
 
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
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
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
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
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
 

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.