Dirección General del Sistema Estatal de Informática

Secretaría de Finanzas

Esquemas

En los siguientes enlaces encontrarás los esquemas o plantillas dispuestos para la construcción de sitios web a la nueva plataforma: Drupal.

  • Lista imágenes rectangulares: Te permiten hacer uso de un título, imagen (210 x 64 px) y texto, para informar a manera de lista, en dos columnas, diversas opciones que el usuario puede consultar. Al ser en dos columnas la cantidad de elementos debe ser equilibrada y en igual cantidad de texto.
  • Cuadro/imagen: El formato es similar al esquema inmediato anterior, salvo que en Cuadro/imagen se añade una pestaña de ver más para dirigir al usuario a otra liga de información.
  • Cuadro/texto: El formato es similar al esquema Lista de imágenes rectangulares, salvo que en Cuadro/texto en vez de agregar una imagen, se añade únicamente un ícono.
  • Contacto: El formulario de contacto permite al ciudadano / usuario enviar comentarios al responsable de sitio para que este se pueda comunicar vía correo electrónico y emitir su respuesta respecto de alguna solicitud, petición o duda. 
  • Fotogalería: Permite al usuario mostrar en su sitio “N” cantidad de elementos fotográficos previamente optimizados en calidad de imagen para web (guardar para web / guardar optimizado para web).
  • Programas/Servicios/Trámites: Permite al usuario mostrar información, aunque con un espacio determinado para puntualizar requisitos o puntos clave para la gestión o solicitud de un trámite/servicio.
  • Video directorio: La función del esquema es mostrar información que se encuentre embebida en un Iframe, ya sea un recurso visual, textual, cartográfico, o tablero de negocios.
  • Marco Jurídico: Mostrar mediante una lista de enlaces, los documentos que dan sustento legal a la dependencia. Documentos que deberán ser en formato PDF, o .DOC, y que debidamente se encuentren optimizados en tamaño (peso) para su publicación en la web.
  • Misión, visión, objetivo: El esquema busca enriquecer la esencia de la sección “Acerca de…”, presentando al ciudadano o lector los cimientos sobre los que se fundamenta la dependencia, instituto u organismo de gobierno.
  • Organigrama: Mostrar la estructura orgánica de la dependencia mediante una imagen (JPG, PNG optimizada para web) con los elementos institucionales, a manera de representar la información de la manera más conveniente.
  • Titular: Muestra datos elementales del titular de la unidad administrativa. 
  • Publicaciones: Está definido para mostrar publicaciones formato PDF mediante una vista de libro o revista electrónica a través del uso de aplicaciones como Flip HTML5.
  • Lista imágenes zig-zag: Similar al esquema “texto + imagen” en cuanto a funcionalidad, aunque la diferencia radica en la cantidad de texto e imágenes presentadas, ya que cada párrafo es de una extensión de 5 líneas máximo, acompañado de una imagen. El orden de los elementos, como su nombre lo indica, es en zigzag para preservar estética y facilidad de lectura.
  • Texto con imagen: Está definido para mostrar alto contenido en texto, siguiendo y atendiendo el manual de uso del lenguaje ciudadano y de las buenas praxis sugeridas por el Departamento de Contenidos. La imagen  debe estar presente para fungir como apoyo.
  • Imagen texto imagen: La idea es generar ese espacio multimedia e incluir el texto complementario que describa la información a presentar. En la parte de abajo se maneja una combinación de texto+imagen con la finalidad de subsanar contenido o imagen que se desea incluir y que no se resolvió en la parte anterior.
  • Colapsable: Este esquema permite mostrar la información de manera sintetizada y evitar una larga lista. Se recomienda que se genere a partir de una clasificación o agrupación de la información. 
  • Lista común: Este tipo de esquema se puede aplicar sobre una lista de varios rubros, títulos o bien una lista común, con la opción de colocar cuatro ligas que hagan refrerencia a un PDF, url, entro otros. 
  • Lista colapsable: A diferencia del anterior (lista común), este puede contener una lista más grande sin tener que generar un texto interminable, el colapsable ayuda a que la consulta de la información este identificada por rubro (dentro del colapsable)y permite que sea más práctica la consulta.
  • Catálogo Listado: este esquema te permitirá generar páginas independientes de publicaciones cortas, como notas informativas, descripción de productos y/o servicios, y estos se organizarán de forma apilada, destacando una imagen y el primer párrafo de tu texto. Al dar clic, la información se desplegará en una página independiente con más detalle.
  • Catálogo Cuadrícula: este esquema te permitirá generar páginas independientes de publicaciones cortas, como notas informativas, descripción de productos y/o servicios, y estos se organizarán en tres columnas, de forma cuadriculada, destacando una imagen y el primer párrafo de tu texto. Al dar clic, la información se desplegará en una página independiente con más detalle.