anchor.diff:  
   
   
  -// ****************************************************************************************************
  +// *************************************************************************************
   // == Usabilidad web
  -// ****************************************************************************************************
  -
  -
  -// ****************************************************************************************************
  +// *************************************************************************************
  +
  +
  +// *************************************************************************************
   // == Webs resistivas
  -// ****************************************************************************************************
  +// *************************************************************************************
  
positive.code: * Listado de Asociaciones
  * Listado de instalaciones deportivas
  
  Para ello, debemos saber que hay que configurar la Sección o Servicio que queramos que se convierta en un listado, y habilitar 
  la casilla llamada "Enable taxonomy views integrator to override presentation." y  a continuación, hay que elegir "Lista de 
  Taxonomías" y "Pagina (Page)", tal y como muestra la imgen:
  
  image::imatges/habilitar-listados-taxonomias.png[Habilitar listados de taxonomias]
  
  Y ahora, ya puedes ir publicando "Páginas sencillas" de la temática del listado que desees crear, pero le marcarás la Sección o 
  Servicio donde quieras que se vayan listado.
  
  Por ejemplo, mira la siguiente captura de pantalla donde tenemos un listado de pruebas que realizamos durante las jornadas 
  formativas y que hemos llamado "Lugares de interés":
  
  image::imatges/ejemplo-lugares-interes.png[Ejemplo: lugares de interés]
  
  === Eliminar una sección o servicio
  
  En todo momento podemos crear secciones o servicios, pero también eliminarlos cuando no los necesitemos. 
  Si queremos eliminar una sección o un servicio de la web, iremos a Estructura y haremos click en el botón de la derecha que 
  acompaña a cada Sección/Servicio, y veremos que se nos desplega la opción "Eliminar".
  
  image::imatges/eliminar-servicio-o-seccion.png[Eliminar una sección o servicio]
  
  // ****************************************************************************************************
  == Publicación de contenidos
  // ****************************************************************************************************
  Una vez tenemos creada nuestra estructura de la web (los pilares de la casa) ahora es necesario publicar los contenidos y dotar a 
  esa estructura de información, ya sea con páginas, bandos, noticias, etc. A continuación vamos a repasar uno a uno todos los distintos 
  tipos de contenidos que podemos utilizar en las webs municipales.
  
  === Publicar un bando municipal
  
  Un bando es una publicación directa, rápida y escueta. Publicaremos un bando desde "Contenido" + "Agregar contenido" + "Bandos". 
  Y solo necesitamos escribir un título y una frase escueta en el cuerpo del bando. Y luego debemos marcar la fecha de inicio y 
  finalización que queremos que aparezca el bando en la parte superior de la web.
  
  image::imatges/bando1.png[Publicando un bando]
  
  Una vez lo publicamos, los bandos quedan en la parte superior de la web con un fondo gris y texto de color rojo, como en la 
  siguiente imagen:
  
  image::imatges/bando2.png[Publicando un bando]
  
  === Publicar una noticia con una imagen
  
  Publicaremos una imagen desde "Contenido" + "Agregar contenido" y deberemos introducir un título, el texto en el cuerpo, categorizar 
  nuestra publicación de alguna manera aproximada y en el campo imagen podemos subir la foto. Es necesario poner un texto alternativo, 
  ya que de lo contrario el sistema de publicación no nos dejará guardar la imagen y nos pintará de color rojo el campo obligatorio.
  
  image::imatges/imagen-1-foto.png[Publicar una noticia con una imagen]
  
  === Publicar una noticia con varias imágenes
  
  Si en lugar de una, queremos publicar varias imágenes, subimos las fotos también en el campo imagen, podemos subir muchas a la vez:
  
  image::imatges/imagen-varias-fotos.png[Publicar noticia con varias imágenes]
  
  Y una vez publicada la noticia, las fotos tendrán unas bolitas grises debajo para que podamos ir navegando y viendo todas las fotos, 
  o moviéndolas de derecha a izquierda para la navegación con smartphone o tablet.
  
  image::imatges/imagen-varias-fotos2.png[Publicar noticia con varias imágenes]
  
  === Publicar una noticia con uno o varios enlaces a webs
  
  En el cuerpo de las noticias, disponemos de un botón para escribir en negrita, otro para escribir en cursiva, otros dos para listas 
  (ordenadas y listas sin ordenador con bolitas negras) y también un icono con una cadena que sirve para enlazar palabras. Si seleccionamos 
  una o varias palabras y hacemos click en el icono, se nos abrirá una ventanita emergente donde, si por ejemplo queremos poner un enlace 
  de la Diputación de Castellón, escribiremos http://www.dipcas.es
  
  image::imatges/enlaces.png[Noticias con uno o varios enlaces]
  
  === Publicar una noticia con un video de Youtube
  
  Podemos incrustar videos que están publicados en Youtube muy fácilmente, puesto a que Youtube nos ofrece una manera de realizar esto. Para 
  ello, accederemos al video que queramos tener en nuestra web y le damos al enlace de "Compartir" el cual siempre aparece bajo los videos.
  Y a continuación debemos darle al enlace de "Incrustar", que nos ofrecerá un código parecido a este:
  
  [source,html]
  ----
  <iframe width="560" height="315" src="https://www.youtube.com/embed/hvvme-WMzQM" frameborder="0" allowfullscreen></iframe>
  ----
  
  image::imatges/youtube1.png[Youtube]
  
  Ahora dejaremos este código en el cuerpo de la noticia, pero previamente tenemos que activar el botón del HTML, ya que el código que nos
  ofrece Youtube es lenguaje HTML.
  
  Y por último, fíjate que para que el video se expanda completamente de derecha a izquierda, hemos cambiado el parámetro "width" (ancho, en 
  inglés) cambiando '560' por '100%', y así se visualizará correctamente en televisores, smartphones, tablets, ordenadores fijos, ordenadores
  portátiles, etc, independientemente de la resolución y tamaño de las pantallas. 
  
  image::imatges/youtube2.png[Youtube]
  
  Ahora, una vez guardes la noticia o página, no utilizarás el ancho de banda de nuestra web sino de Youtube, que es muy grande y tiene mucha capacidad para el 'streamming' de video, como ya sabrás. 
  
  Muchas veces nos preguntan cómo pueden subir videos a las webs municipales, pero nosotros siempre recomendamos crear una cuenta en Youtube, subirlos a vuestra cuenta y luego incrustarlos en vuestras webs municipales, ya que es muy fácil como acabáis de ver. 
  
  === Publicar una noticia con una galería de fotos de Flickr
  
  Flickr es una red social muy buena y profesional, propiedad de Yahoo, que ofrece 1 TB de espacio gratuito en fotografías y videos de alta calidad. Si te registras, puedes crearte un espacio donde albergar tus álbumes públicos o privados, compartirlo con tus contactos, comentar en fotos de tus contactos, etc. Es una excelente plataforma pionera en esto de los álbumes de fotos.
  
  En este apartado vamos a mostrarte una cuenta de Flickr de pruebas, donde hemos creado 2 álbumes, uno de capturas de pantalla y otro de cursos varios. Lo más correcto sería que tu Ayuntamiento también cree una cuenta oficial en Flickr y allí vayáis subiendo álbumes de fotos que posteriormente incrustaréis en vuestra página web municipal, al igual que acabamos de realizar con videos de Youtube en el apartado anterior. 
  
  Flickr es muy elegante y rápido, y también dispone de una App para smartphones y tablets. 
  
  image::imatges/flickr1.png[Flickr]
  
  Vamos a compartir el álbum de fotos "Cursos PWM" y vamos a insertarlo en nuestra web municipal. Para ello, accedemos a nuestro álbum de fotos y le damos al icono de compartir, tal y como se muestra en la captura de pantalla siguiente:
  
  image::imatges/flickr2.png[Flickr]
  
  A continuación seleccionaremos el código HTML que Flickr nos ofrece desde la opción "Embed" tal y como te mostramos en la siguiente captura de pantalla:
  
  image::imatges/flickr3.png[Flickr]
  
  Y finalmente, simplemente debemos volver a nuestra web municipal, activar el botón HTML en el cuerpo de la noticia o página, y pegarlo.
  
  Recuerda también que, si quieres que la galería se muestre completamente de izquierda a derecha, debemos cambiar el parámetro "width" y poner width="100%".
  
  image::imatges/flickr4.png[Flickr]
  
  Debemos hacer una aclaración aquí: por cuestiones de geometría, deberíais siempre publicar fotos horizontales, ya que la visión de las webs es horizontal (leemos de izquierda a derecha), la tendencia es que los monitores son horizontales (a excepción de las pantallas de los smartphones, donde por defecto leemos en modo vertical). Hacemos meción a este tema porque, si quieres publicar la fotografía de una persona y haces la foto vertical, luego al publicarla en la web, como se visualizarán en modo horizontal, la parte superior y la parte inferior de la imagen saldrán cortadas. Es importante hacer las fotos horizontales siempre.
  
  === Publicar una página sencilla
  
  Las páginas no son noticias, y por lo tanto no son contenidos a publicar regularmente. Las páginas son contenidos estáticos para informar de información sobre nuestro pueblo o poner el horario de autobuses, por ejemplo, por lo tanto las páginas deben tener información directa, relevante y minimalista en la medida de lo posible. 
  
  Para publicar una página sencilla, iremos a "Contenidos" + "Agregar contenido" y seleccionaremos página sencilla.
  
  Aquí no cambia mucho respecto a lo que acabamos de ver en los apartados superiores de las noticias, es decir, que tenemos un campo para el título, para el cuerpo de la página, etc. Debemos - esto sí es importante - seleccionar el servicio al que apunta la página.
  
  Por ejemplo, si queremos crear una página de "Horario de Autobuses", primero debemos crear la Estructura "Horario de Autobuses". Y a continuación, ya podemos crear la página sencilla "Horario de Autobuses". 
  
  
  
  
negative.code: :toc-title: Índice de contenidos
  toc::[]
  
  // *************************************************************************************
  == Sobre este documento
  // *************************************************************************************
  El SEPAM (Servicio Provincial de Asesoramiento a Municipios) de la Excma. Diputación de
   Castellón, pone en marcha en 2007, de manera oficial, el Proyecto Portal Web Municipal, 
  el cual trata sobre la creación de un portal web municipal oficial desarrollado dentro de
   los planes de asistencia técnica de la Diputación de Castellón con las Entidades Locales 
  de la provincia de Castellón. El proyecto forma parte del Catálogo de Fuentes Abiertas de
   CENATIC ( Centro Nacional de Referencia de Aplicaciones de las TIC basadas en fuentes 
  abiertas ) ya que todos los portales web están desarrollados al 100% con Software Libre, 
  incluyendo un gestor de contenidos basado en Drupal y el almacenamiento en servidores
  GNU/Linux gestionados por la Diputación de Castellón.
  
  El objetivo principal es garantizar la presencia en internet de todas las EELL de la 
  provincia por pequeñas
  que éstas sean, formar también en temas avanzados como Accesibilidad y/o Usabilidad e 
  impulsar el acceso electrónico de los ciudadanos de la provincia a la administración local.
  
  La dirección web del Proyecto es: http://sepam.dipcas.es/portals
  
  Este manual, junto a los cursos formativos que la Diputación de Castellón realizamos cada 
  año a los responsables de las webs municipales, enseña a gestionar, autoeditar y mantenimer 
  los portales web municipales, y orienta en aspectos complementarios como la Accesibilidad 
  Web, la Usabilidad, la organización eficiente de la información así como en temas 
  relacionados con la promoción en el amplio espectro que forman hoy en día las llamadas 
  Redes Sociales.
  
  Este documento está desarrollado con Asciidoctor y está en constante evolución a medida 
  que aparecen dudas y propuestas de los responsables de las webs municipales.
  
  // *************************************************************************************
  == Sobre el Proyecto Web Municipal
  // *************************************************************************************
  El portal web municipal de Informàtica Municipal (SEPAM), ha sido desarrollado 
  completamente con software libre, usando el Gestor de Contenidos DRUPAL bajo un servidor 
  GNU/Linux con NGINX o Apache, y como gestor de bases de datos MySQL.
  
  // *************************************************************************************
  == EELL que conforman el Proyecto Web Municipal
  // *************************************************************************************
  A continuación, disponeís de un listado de todas las Entidades Locales de la provincia de 
  Castellón que están adheridas al Proyecto Web Municipal de la Diputación de Castellón, 
  ordenadas y clasificadas por los CEDES a los que pertenecen.
  
  .Tabla de EELL adheridas
  [options="header,footer"]
  