Procedimiento para cambiar el diseño gráfico del sitio Web de la Entidad

Transcripción

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

2 Procedimiento para cambiar el diseño gráfico del sitio Web de la Entidad 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 Entidad 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 entidad 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 Entidad 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 Entidad Tercer paso Seleccione del menú de la izquierda la carpeta Aprobados y pulse sobre el enlace que aparece en latabladel Administrador de ítems. Sirealizó elpasode Añadir un ítem pulsesobre 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 Entidad 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 de la entidad, 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 Entidad Hojas de estilo disponibles En total contamos con 32 hojas de estilo disponibles para su entidad las cuales podrá consultar en el siguiente enlace:

8 Procedimiento para cambiar el diseño gráfico del sitio Web de la Entidad 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 dela imagena cargarson960 pixeles de anchopor180 pixeles dealto,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.

9 Procedimiento para cambiar el diseño gráfico del sitio Web de la Entidad Sexto paso Recuerdequeparaquesus imágenes seanvisibles enelsitiowebdeben estarenlacarpetade Aprobados, para realizar este procedimiento usted deberá seleccionar los ítems que desea aprobardelacarpeta PorAprobar y enlacajadeseleccióndelfinaldelatablaseleccionarla opción Aprobar y luego pulsar sobre el enlace Ir.

10 Procedimiento para cambiar el diseño gráfico del sitio Web de la Entidad 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.

11 Descripción de los cambios realizados en el sitio Web Cambios en la Galería de imágenes de la Entidad

12 Cambios en la galería de imágenes del sitio Web Galería de imágenes Crear álbum Pensandoenla facilidad de creación deálbumes fotográficos yla posibilidad deeliminarlos oeditarlos fácilmentesin necesidad de recurriral centrode contacto ciudadano,se ha creadoel canal 4.8Álbum defotos este canal le permitirá crearlos álbumes que necesitesin ningún tipo de restricción,lo único que usted deberá hacer es seleccionar dela lista de canales el canal 2.6 Álbum defotos, pulsarsobreel enlace Añadir unítem yluego diligenciarel formulario,recuerde quepara queel álbumsea visible en el siti o Web usted deberá moverlo de la ca rpeta Por Aprobar a la ca rpeta Aprobados uti lizando el mismo procedi miento utilizado en l as imágenes del encabezado Nota: Las imágenes que tenia visible en el sitio Web desaparecerán hasta que usted no haga este procedimiento yreasignelas fotografíasalosnuevosálbumescreados.

13 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á ingresara cada uno de ellos y clasificarlos nuevamente teniendo en cuenta que debe realizarel paso anterior y que los álbumes deben estar en la carpeta Aprobados.Pulsesobreel ítemquedesea actualizaryseleccionedel campo Álbum fotográfico el álbumal que pertenece,de esta forma se realizará la asignación dela imagenal álbum.en caso de que noexistan ítems debe realizarel procedimiento de Añadirunítem.

14 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.

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

16 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 entidad 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.

17 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

18 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

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

20 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

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

22