Plantilla Departamentos Versión 1.0

Transcripción

1 ÚLTIMA ACTUALIZACIÓN: 01/06/ INTRODUCCIÓN INSTALACIÓN REPOSITORIO DE PLANTILLAS INSTALACIÓN ÁREAS Y SECCIONES MENÚ POSICIONES FICHEROS Y CARPETAS MÓDULOS MÓDULO REDES SOCIALES MÓDULO TÍTULO ÁREA MÓDULO MENÚ PRINCIPAL MÓDULO SUBMENÚ MÓDULO SLIDER MÓDULO MENÚ SECCIONES MÓDULO EVENTOS MÓDULO DE NOTICIAS MÓDULO MIGAS DE PAN MÓDULO MENÚ MAPA WEB MÓDULO BÁNNER SLIDER MÓDULO DE FIESTAS Y EVENTOS COMPONENTES TECLAS ACCESO DIRECTO AYUDA

2 1 Introducción Página Web diseñada mediante las últimas tecnologías en el diseño y desarrollo de páginas xhtml. Esta implementada en Xhtml estándar compatible con todos los navegadores, utiliza hojas de estilo en cascada CSS y se tiene en cuenta el nivel de accesibilidad WAI-AA. XHTML 1.0: El Lenguaje de Etiquetado Hipertextual Extensible CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación. Nivel Doble-A de Conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0) DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Esta plantilla depende exclusivamente de la plantilla dipalme donde la cabecera y el píe de página son módulos de la plantilla dipalme. Por tanto solo es válida para departamentos de diputación. 2 Instalación 2.1 Repositorio de plantillas Desde el repositorio de plantillas están disponibles todas las plantillas para poder instalar fácilmente en cmsdip-pro. Puede acceder en la siguiente dirección o bien desde el menú Sistema! Repositorio de plantillas del cmsdip-pro. 2

3 2.2 Instalación Seleccione la plantilla deseada y pulse en botón Instalar a continuación seleccione la entidad donde va a instalar la plantilla y por último pulse el botón instalar situado en la parte superior derecha de la pantalla. Si todo ha ido bien aparecerá el mensaje la plantilla se ha instalado correctamente. Despues vaya a Administración! Configuración general y si no tiene creado el documento de configuración creelo. Seleccione la plantilla que acaba de crear y complete los campos obligatorios. 3

4 Una vez seguidos estos pasos la web debe visualizarse en cualquier navegador en la dirección siguiente, cambiando el parámetro p= por el de la página actual o bien pulsando en el enlace vista-previa Áreas y Secciones A continuación cree las áreas y secciones si lo considera oportuno. Áreas, nos permite diferenciar en una misma web diferentes departamentos, en raras ocasiones las vamos a utilizar. Secciones, es importante que se definan las secciones que queramos (una sección es el nivel 1 del menú principal o de todos los menús que pensemos crear, en su caso), en correspondencia con las opciones de menús que vayamos creando. Pues de esta manera los contenidos podrán relacionarse con la correspondiente sección y en muchas plantillas podremos tener las opciones del correspondiente menú siempre visibles. 2.4 Menú Por último es importantísimo que crees el mantenimiento de menú principal con la referencia mainmenu Ejemplo: 4

5 3 Posiciones a. Las posiciones son como cajas donde se pueden insertar N módulos de cualquier tipo. Por tanto, en cualquier posición no sólo podrán estar los módulos por defecto, sino que se podrán insertar nuevos módulos o apagar los existentes. Pero teniendo en cuenta que esta plantilla, es del tipo departamental, esta compuesta por posiciones que pertenecen a la plantilla de la entidad (en el ejemplo: dipalme) que aparecen en la parte superior e inferior, y las posiciones, en el centro, propiamente de la plantilla: (ojo los administradores del departamento, NO PODRÁN MODIFICAR LA INFORMACIÓN DE LAS POSICIONES DE LA ENTIDAD). b. Esta plantilla tiene las siguientes: i. Top. Es el espacio de la parte suerior de la pantalla, por encima de la cabecera. No confundir con el fondo de la pantalla que, junto con los colores en general, suelen estar en los ficheros de estilos (en style.css en body). ii. barra-sup.- Es la barra donde tenemos el buscador y los accesos a redes sociales. iii. cabecera-izq.- Parte donde figura el logo de Diputación. iv. cabecera-dch.- Parte donde figura el contacto con Dipalme. v. Menú.- zona central donde aparecen los menús de Diputación. vi. titulo-area. Es la zona bajo la cabecera en la que aparece la denominación del Área que hayamos puesto en el correspondiente módulo. (el color del fondo se cambia en el fichero.css) vii. contenido. Zona bajo la cabecera, donde aparecerá la información, salvo que el documento en cuestión se abrá en _top o ventana aparte. Al incio aparece el documento de información cuya referencia hayamos puesto en configuración general 5

6 viii. slider-sub. Posición bajo la cabecera, donde aparecerá la imagen (1515*152), del menú inicial. La denominación de la imagen, se podrá cambiar en el módulo slider. ix. sub-menu. Es la posición de la izquierda, donde aparece el menú principal del departamento. x. Publicaciones.- Parte inferior de la posición de contenido que ahora no la utiliza ningún módulo pero que si se quiere se puede utilizar para poner destacados u otra cosa xi. Pie.- Zona final donde aparecen los menús de dipalme. xii. Avisos.- Zona inferior central donde aparecen los textos informativos. xiii. Bottom. Espacio al final de la plantilla, tras el pie, que podremos utilizar si lo deseamos pero que en esta plantilla no lo utiliza ahora ningún módulo. Para ver las posiciones en la plantilla podemos utilizar la combinación de teclas CTRL+ALT+T 6

7 4 Ficheros y carpetas La plantilla esta compuesta por los siguientes ficheros y carpetas FICHEROS DE LA CARPETA ROOT (obligatorios en todas las plantillas del sistema): index.html, fichero para la página de inicio contenidos-izq.html, fichero para renderizar el contenido y columna izquierda. contenidos-dch.html, fichero para renderizar el contenido y columna derecha. contenidos-todo.html, fichero para renderizar el contenido sin columnas. (los ficheros de contenidos pueden denominarse de manera diferente en cada plantilla) favicon.ico, icono de visualización junto a url de la web. template_preview.png, imagen de la web, tamaño 640xN px. (para darse una idea de cómo es la plantilla). template_thumbnail.png, imagen de la web en pequeño, tamaño 250x160 px. (par ala información sobre la plantilla) OTRAS CARPETAS: No todas son obligatorias, y dependiendo de la plantilla podrían denominarse de una u otra forma. En esta plantilla tenemos: styles, contiene los ficheros de estilos js, contiene los ficheros javascript images, contiene las imágenes de la plantilla Por consiguiente, cuando se instala la plantilla, habrá que revisar, especialmente las imágenes, para poner las nuevas, teniendo en cuenta que cuando se pongan deberían borrarse primero la vieja, para poder poner la nueva con el mismo nombre, evitándose así tener que cambiar el nombre de la imagen en los módulos, etc.. 7

8 5 Módulos Los módulos que a continuación se detallan, son los que vienen con la plantilla, pero eso no significa, ni que tengamos que utilizarlos todos, pues pueden apagarse los que no queramos utilizar; ni que se nos impida añadir nuevos módulos que aparecerán en las posiciones que se establezcan. Incluso podremos copiar cualquier otro módulo de cualquier rol (si bien, si es de otra plantilla no siempre funcionará correctamente, pues puede que no esté contemplado en el.css y por tanto habrá que modificar su código). 5.1 Módulo Redes Sociales. Si no se utilizan redes propias del departamento, se apagará para que salgan las que tiene la página principal del tipo dipalme. 5.2 Módulo título área Visualiza el título de la área. 5.3 Módulo Menú Principal Visualiza el mainmenu del departamento. 5.4 Módulo Submenú Deberemos apagarlo, pues se trata de un menú con código html que es más difícil de mantener que el menú principal. Se visualizaría en la posición sub-menu. 5.5 Módulo slider Visualiza imagen sub cabecera 5.6 Módulo Menú Secciones. Visualiza el menú principal cuando en configuración general, hemos dado de alta las secciones con el mismo nombre que las opciones del primer nivel. 5.7 Módulo Eventos Visualiza en la posición contenido la información del código del módulo (mejor apagarlo). 5.8 Módulo de noticias Visualiza en la posición contenido las noticias del teletipo. 5.9 Módulo migas de pan Visualiza el camino por el que nos hemos movido en cada opción que estemos. (hay que cambiar el nombre del departamento que sigue a la posición Inicio Módulo Menú Mapa Web Para generar el mapa web, con las opciones de los menús. 8

9 5.11 Módulo Bánner Slider. Visualiza el la posición de sub-menú, en lugar de una imagen los banners, de la entidadrol (uno de los dos deberá estar apagado) Módulo de Fiestas y Eventos Visualiza en la posición contenido, las últimas fiestas y eventos de la entidad+rol. * Esta plantilla depende exclusivamente de la plantilla diplame donde la cabecera y el píe de página son módulos de la plantilla dipalme. Por tanto solo es válida para departamentos de diputación. 6 Componentes Además de los componentes del núcleo de CMSdipPro (como puede ser el componente de contactos, se pueden consultar en la ayuda de urls). En la plantilla RPC tenemos los siguientes: Los componentes permiten personificar la salida de una información en el área de contenidos de la página. Y al igual que los módulos, podremos copiarlos de cualquier otra entidad. 7 Teclas acceso directo A modo resumen, la combinación de teclas que nos dan acceso directo desde la web, a los administradores para poder mantenerla son: CTRL+F12, acceso al mantenimiento 9

10 CTRL+ALT+T, ver las posiciones CTRL+ALT+M, ver los módulos y componentes CTRL+ALT+W, ver fichero de configuración 8 Ayuda Desde la sección ayuda del cmsdip-pro podrás descargarte los manuales para el manejo del cmsdip-pro. Descarga del manual: CMSDip Manual técnico: CMSDip-pro Descarga manual editor CKEditor CKEditor Y podremos ver todas las url s disponibles de las distintas bases de datos de contenidos; así como los componentes programados como vistas: contactos,.. Es importante, tener en cuenta que bajo el clasificador Fron-end, encontraremos relacionadas las url s que, sin acceder a una base de datos de contenidos concreta, nos sirven para invocar formularios, documentos o vistas generales que pueden sernos útiles en nuestra página. Aquí también encontraremos las url s de consulta de información de bases de datos de gestión oracle, com puede ser el caso de los vehículos, contratos, habilitados, etc.. 10

11 11