Reciba una cordial bienvenida al tutorial para cambiar el diseño gráfico de su sitio Web.

Transcripción

1 CONTENIDO Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Dirección de Gobierno en línea Julio de 2013

2 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Reciba una cordial bienvenida al tutorial para cambiar el diseño gráfico de su sitio Web.

3 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Primer paso Ingrese desde el navegador web de su preferencia a la dirección asignada para administrar su sitio Web. Ejemplo: A continuación encontrará un formulario que le permitirá acceder al sistema. Ingrese el nombre de usuario y contraseña asignada al usuario Editor. En caso de que su alcaldía no cuente con esta usuario o contraseña la puede solicitar al centro de contacto ciudadano enviando un correo electrónico a la dirección soporteccc@gobiernoenlinea.gov.coo a la línea gratuita desde fijo o celular o en Bogotá a la línea fija Y desde cualquier móvil marcando el número 100.Las llamadas al número 100 son gratuitas desde números fijos, desde celular tienen costo según el plan que tenga el usuario.

4 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Segundo paso A continuación, despliegue la caja de selección que encontrará ubicada al lado superior derecho delapantalladebajodelbotónsalirelcanal *Configuración,encasoqueexistaenlacarpeta aprobado un ítem realice la edición, en caso que el canal se encuentre vacío pulse sobre Añadir un ítem y diligencie los campos del formulario.

5 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Tercer paso Seleccione del menú de la izquierda la carpeta Aprobados y pulse sobre el enlace que aparece en la tabla del Administrador de ítems. Si realizó el paso de Añadir un ítem pulse sobre la carpeta Por aprobar, selección el ítem utilizando la columna marcar del Administrador de ítems, despliegue la caja de selección del final de la tabla y seleccione la opción Aprobar, pulse sobre el enlace Ir para finalizar el procedimiento.

6 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Cuarto paso Despliegue las opciones del campo Hoja de estilos y seleccione la hoja de estilo que mas le guste y se adapte a las necesidades del municipio, finalice pulsando sobre el botón actualizar. Recuerde que puede cambiar las hojas de estilo las veces que usted considere necesario.

7 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Hojas de estilo disponibles Orinoquia Pacifica Caribe

8 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Hojas de estilo disponibles Andina Amazonia

9 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Hojas de estilo disponibles Plantilla 1 Plantilla 2 Plantilla 3

10 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Hojas de estilo disponibles Plantilla 4 Plantilla 5

11 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Quinto paso Para ingresar las imágenes que desea visualizar en el encabezado en la sección inicio, seleccione el canal * Imágenes para el encabezado y pulse sobre el enlace Añadir un ítem. Las medidas de la imagen a cargar son 960 pixeles de ancho por 180 pixeles de alto, recuerde que esta imágenes no deben superar los 10 Mbyte y entre menor sea el tamaño del archivo su pagina cargará mas rápido.

12 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Sexto paso Recuerde que para que sus imágenes sean visibles en el sitio Web deben estar en la carpeta de Aprobados, para realizar este procedimiento usted deberá seleccionar los ítems que desea aprobarde la carpeta Por Aprobar y en la caja de selección del finalde la tabla seleccionarla opción Aprobar y luego pulsar sobre el enlace Ir.

13 Procedimiento para cambiar el diseño gráfico del sitio Web de la Alcaldía Felicitaciones usted ya ha actualizado el diseño gráfico de su sitio Web, recuerde que este cambio no afecta la información publicada ni la asignación de usuarios y contraseñas.

14 Descripción de los cambios realizados en el sitio Web Cambios en la Galería de imágenes del municipio

15 Cambios en la galería de imágenes del sitio Web Galería de imágenes Crear álbum Pensando en la facilidad de creación de álbumes fotográficos y la posibilidad de eliminarlos o editarlos fácilmente sin necesidad derecurrir al centro de contacto ciudadano, se ha creado elcanal 2.6 Álbum de fotos este canal le permitirá crear los álbumes que necesite sin ningún tipo de restricción, lo único que usted deberá hacer es seleccionar de la lista de canales el canal 2.6 Álbumdefotos,pulsarsobreelenlace Añadirun ítem yluegodiligenciarelformulario,recuerdequeparaqueelálbumsea visible en el sitio Web usted deberá moverlo de la carpeta Por Aprobar a la carpeta Aprobados utilizando el mismo procedimiento utilizado en las imágenes del encabezado. Nota: Las imágenes que tenia visible en el sitio Web desaparecerán hasta que usted no haga este procedimiento y reasigne las fotografías a los nuevos álbumes creados.

16 Cambios en la galería de imágenes del sitio Web Galería de imágenes Asignar imágenes al álbum Seleccione el canal Fotografías para el álbum, si existen ítems en el canal usted deberá ingresar a cada uno de ellos y clasificarlos nuevamente teniendo en cuenta que debe realizar el paso anterior y que los álbumes deben estar en la carpeta Aprobados. Pulse sobre el ítem que desea actualizar y seleccione del campo Álbum fotográfico el álbum al que pertenece, de esta forma se realizará la asignación de la imagen al álbum. En caso de que no existan ítems debe realizar el procedimiento de Añadir un ítem.

17 Cambios en la galería de imágenes del sitio Web Galería de imágenes Asignar imágenes al álbum Pulse sobre el enlace Añadir un ítem, diligencie el formulario y verifique que los ítems se encuentren en la carpeta de Aprobados para que sean visibles desde el sitio Web.

18 Cambios en la galería de imágenes del sitio Web Galería de imágenes Visualización en el sitio Web Ingrese desde el navegador web de su preferencia a la dirección asignada a su sitio Web. Ejemplo: En el menú de la izquierda seleccione Nuestro municipio y pulse sobre la opción Galería de fotos ó álbum fotográfico, visualizará la lista de álbumes publicados, seleccione el álbum que desea consultar y a continuación verá todas las imágenes cargadas de una forma moderna y fácil de navegar.

19 Descripción de los cambios realizados en el sitio Web Mejoras realizadas a su sitio Web

20 Cambios en la galería de imágenes del sitio Web Mejoras realizadas a su sitio Web Diseño gráfico moderno y limpio. Menús desplegables para reducir el número de enlaces para llegar a la información. Imágenes decorativas rotando en la pagina de inicio dándole a la alcaldía la posibilidad de cargar varias imágenes de su elección sin utilizar gif animados. Actualización de la galería de imagen facilitando la creación de álbumes y la visualización de los mismos. Filtros de información en las secciones con más información ayudando al usuario a localizar la información. Actualización de las sección de peticiones, quejas y reclamos cumpliendo el estándar GEL-XML y cumpliendo con el criterio para esta sección definidaenelmanualdegobiernoenlínea3.1 Anexo4.

21 Cambios en la galería de imágenes del sitio Web Mejoras realizadas a su sitio Web CumplimientodelosestándaresdelaW3CconrespectoalcódigoHTML Cumplimiento de los estándares de la W3C con respecto a la hoja de estilo Actualización de las secciones con respecto al manual de Gobierno en línea3.1 Anexo2. Cumplimiento de los criterios establecidos en el documento de lineamientos y metodologías de usabilidad para Gobierno en línea Navegación de contexto Navegación global de contexto Rutasdemigas URL limpios Enlaces bien formulados Ubicación del escudo de Colombia y del municipio Diseño ordenado y limpio

22 Cambios en la galería de imágenes del sitio Web Mejoras realizadas a su sitio Web Contrasteenbrilloycolor Usoadecuadodelespacioenblanco Ancho de la página de 960px para ser visible correctamente en diferentes dispositivos sin generar barrar de desplazamiento horizontal Manejo de hojas de estilo para la diagramación del sitio y para la impresión en papel Independencia de navegador Calidad del código fuente del sitio Asociación de etiquetas y campos en los formularios Validaciones en los formularios Botón atrás para consultar la pagina anteriormente visitada

23 Descripción de los cambios realizados en el sitio Web Qué hacer en caso de necesitar ayuda o tener preguntas?

24 Descripción de los cambios realizados en el sitio Web Para mayor información comuníquese con nosotros: línea gratuita: Bogotá a la línea fija: desde cualquier móvil marcando el número 100. Las llamadas al número 100 son gratuitas desde números fijos, desde celular tienen costo según el plan que tenga el usuario. correo electrónico: soporteccc@gobiernoenlinea.gov.co

25 Gobierno en línea, haciendo más fácil su relación con el estado

26