Manual de gestión de contenidos de la web gipuzkoakomuseoak.net

Transcripción

1 Manual de gestión de contenidos de la web gipuzkoakomuseoak.net Contiene: Uso del administrador de contenidos para actualización de la web Recomendaciones para la creación de contenido accesible. 1

2 INTRODUCCIÓN... 4 ÁREA PRIVADA... 4 NOTICIAS... 5 DOCUMENTOS... 5 FORO... 6 LISTADO DE DISCUSIONES... 6 DETALLE DE DISCUSIÓN... 7 GESTIÓN DE CONTENIDO... 8 DATOS DEL MUSEO... 8 HORARIOS... 9 EXPOSICIONES NUEVA EXPOSICIÓN / MODIFICACIÓN DE LA EXPOSICIÓN ACTIVIDADES NUEVA ACTIVIDAD / MODIFICACIÓN DE ACTIVIDAD INFORMACIÓN TURÍSTICA FOTOS NOTICIAS LIBRO DE VISITAS EDICIÓN DE IMÁGENES: RECORTAR INTRODUCCIÓN...21 POR QUÉ ES IMPORTANTE CUMPLIR CON LA ACCESIBILIDAD QUÉ LEYES EXISTEN QUE TIPOS DE DISCAPACIDADES EXISTEN: QUÉ SON LAS NORMAS DE ACCESIBILIDAD DOCUMENTACIÓN EDICIÓN DE CONTENIDOS ACCESIBLES PARA EDITORES

3 PAUTAS DE ACCESIBILIDAD QUE AFECTAN A LOS EDITORES DE CONTENIDO PRIORIDAD 1: CONTENIDOS ACCESIBLES PRIORIDAD 2: CONTENIDOS ACCESIBLES PRIORIDAD 3: CONTENIDOS ACCESIBLES BARRA DE EDICIÓN DE CONTENIDO INTRODUCCIÓN BARRA DE EDICIÓN VISUALIZACIONES FORMATO DE LOS TEXTOS Tablas...32 Crear una tabla Crear una tabla de datos Imágenes Insertar imagen Plantillas...42 Insertar enlace Insertar documento adjunto

4 ADMINISTRADOR DE CONTENIDO PARA MUSEOS INTRODUCCIÓN Cada museo dispone de un administrador propio para gestionar el contenido. Para entrar debe acceder a o pulsando en el enlace AREA MUSEO que está a pie de página. Antes de iniciar la modificación de contenido es IMPORTANTE instalar la barra de formato que nos va a permitir actualizar el contenido poniendo negritas, insertando fotos, cambiando el tamaño de letras, etc. Para ello lee el capítulo barra de edición de contenido Los contenidos tanto fotos como textos publicados en la página web estarán bajo la licencia de Creative Commons para más información pinchar en el siguiente enlace: ÁREA PRIVADA Una vez introducido usuario y clave se accede al área privada donde los museos disponen de las secciones: documentos, foros y noticias. Esta sección es compartida por todos los museos. Se publicarán noticias y comunicaciones internas, documentación relativa a museos y en los foros se abrirán conversaciones y propuestas para debatir. 4

5 Noticias Listado de noticias publicadas por museos o administrador. Son noticias privadas y para publicar una es necesario acceder al gestor de contenidos. Documentos Listado de documentación clasificada por categorías para su descarga pulsar sobre el enlace descargar. 5

6 Foro Espacio donde se plantearán propuesta y temas de discusión para debatir entre los responsables de los museos. El administrador creará foros. En el listado se muestra el número de mensajes por foro, usuario y fecha de última publicación. Pulsando en el nombre del foro se acceden a las discusiones. Listado de discusiones Pulsar en cada título para acceder a la discusión, si se quiere abrir un nuevo debate pulsar sobre el botón insertar tema. 6

7 Detalle de discusión Al acceder a una discusión vemos todas las opiniones del resto de usuarios y podemos enviar una respuesta. 7

8 GESTIÓN DE CONTENIDO La inserción o modificación de contenido de las diferentes secciones que componen la página se realiza a través de formularios web. El campo descripción permite dar formato y que cumpla con los estándares de accesibilidad. Para que funcionen es necesario instalar la barra accesible. Para ello lee el capítulo barra de edición de contenido Datos del museo Permite actualizar los datos de contacto, localización, precios y descripción que se muestran en la ficha del museo. 8

9 Horarios Permite crear los horarios anuales del museo. EN la ficha pública del museo sólo se mostrará el horario del periodo en curso. Pulsar insertar horario para introducir uno nuevo. Listado de horarios Para modificar un horario pulsar en el icono actualizar, para borrarlo seleccionar y pulsar botón borrar. 9

10 Exposiciones Desde aquí se dan de alta las exposiciones del museo. Pulsar insertar nueva exposición para crear una. 10

11 Nueva exposición / Modificación de la exposición Se deberá indicar el título de la exposición, descripción en la que se pueden incluir fotos y dar formato al texto y seleccionar el público al que va dirigido y las fechas. 11

12 Actividades Listado de actividades que ha organizado el museo. Pulsando en nueva actividad o en modificar de una creada se accede al formulario de modificación. Nueva actividad / modificación de actividad Indicar título de la actividad, ubicación y si necesita plaza de reserva, descripción y el público al que se dirige, además se deberán seleccionar las fechas. 12

13 Información turística Está información se muestra en la ficha del museo con lo cual es interesante incluir la oferta gastronómica, servicios u otros sitios que se pueden visitar. Se pueden añadir todos los servicios o propuestas turísticas que deseemos. Para ello pulsad insertar nueva 13

14 Fotos Desde esta sección se gestionan las fotos que se muestran en actividades, museos y exposiciones. Insertar nueva foto / Modificar foto Indicar título de la foto, pulsar examinar y seleccionar la foto del ordenador, seleccionar la exposición actividad, o información turística donde quieres que aparezca. Y poner el orden de aparición. 14

15 Noticias Listado de noticias publicadas. Se puede publicar en el área pública de la página web o en el área privada de los museos. Nueva noticia / modificar noticia En el formulario se puede incluir una pequeña entradilla q se mostrará en el listado de noticias. Es importante indicar la fecha de la noticia, incluir una foto en la medida de lo posible y elegir si se quiere que la noticia sea pública o privada. 15

16 Libro de visitas Permite aceptar o no los comentarios que nos envían los visitantes. Si se activa aparecerá publicado en la página web en la ficha del museo. 16

17 Edición de imágenes: Recortar Recomendamos que las imágenes que se quieran publicar en la página web sean reducidas, de está forma evitarás tiempos de carga excesivos. A continuación explicamos el funcionamiento de un sencillo programa que permite automatizar la reducción de imágenes de una en una o bien seleccionando una carpeta entera. Siempre te va a respetar las originales y lo que hace es crear copias reducidas. Descarga el programa en Pulsando este enlace : Lo descargas en el ordenador y cuando haya terminado lo instalas haciendo doble clic sobre el ejecutable. Al abrir el programa verás que hay tres pestañas: Files Primera pestaña seleccionas (en la caja Look in) la carpeta donde tengas las imágenes, en el campo "save in" pulsa el botón y selecciona la carpeta donde quieres guardarlas. Si no lo cambias te las guardará en la misma carpeta pero con las iniciales: tn_ 17

18 SETTINGS en Max width pon la anchura máxima que quieres dar a las imágenes y Max height pon la altura máxima. Lo que el programa hace es que va cogiendo las imágenes y las verticales las corta de altura mientras que las horizontales las reduce de anchura siempre manteniendo la proporción, las imágenes no sé distorsionan. Prefix/suffix te permite poner uno nombre en las imágenes pequeñas que crea. Por defecto es tn_ En resize selecciona "best fit" En jpg quality 100 Cuando tengas todo listo pulsas el botón Make all y te las recortará todas y pondrá el prefijo que hayas indicado antes Para que os hagáis una idea una imagen de 250 de ancho tiene este tamaño. 18

19 Para conocer el tamaño que tiene una foto en internet podéis hacer lo siguiente. Con Internet Explorer, poner el cursor sobre la foto y pulsar con el botón derecho, en el menú que se muestra seleccionar propiedades Si utilizáis el Firefox pulsad con el botón derecho sobre la imagen y seleccionar ver información de la imagen 19

20 20

21 CONTENIDOS ACCESIBLES INTRODUCCIÓN Es importante difundir una visión general de las normas de accesibilidad de la WAI (Web Accessibility Initiative) y que afectan a los creadores de contenido para comenzar a desarrollar web accesibles para todos/as sin discriminación por su discapacidad física, psíquica o tecnológica. Por qué es importante cumplir con la accesibilidad - El uso de la Web está expandiéndose rápidamente en todas las áreas de la sociedad. - Existen barreras en la Web para muchos tipos de discapacidades. - Millones de personas tienen discapacidades que afectan al acceso a la Web (del 10% al 20% de la población posee discapacidades en la mayoría de los países) - La edad media de la población en muchos países está aumentando (problemas con la visión, la audición, la destreza y la memoria) Qué leyes existen La Ley 34/2002, de 11 de julio, de Servicios de Sociedad de la Información y Comercio Electrónico, en su Disposición adicional quinta, obliga a la administraciones públicas a "adoptar las medidas necesarias para que la información disponible en sus respectivas páginas de Internet pueda ser accesible a las personas con discapacidad y mayores", antes "del 31 de diciembre de 2005". Desde el 31 de marzo de 2004 contamos con esta Directiva europea que exige que en todos los procedimientos de adjudicación de contratos públicos de los países miembro: Los Estados miembros pondrán en vigor las disposiciones legales, reglamentarias y administrativas necesarias para dar cumplimiento a lo establecido en la presente Directiva a más tardar el 31 de enero de Que tipos de discapacidades existen: - Discapacidad Visual: gráficos sin etiquetar, videos sin descripción, tablas y frames pobremente marcados - Discapacidad Auditiva: ausencia de etiquetas en el audio - Discapacidad Física: falta de un teclado o de un simple switch que de soporte a los menús de comandos - Discapacidad Cognitiva: falta de consistencia en la estructura de navegación, lenguaje complejo falta de ilustración en las materias que no son de texto. 21

22 - Discapacidad tecnológica: pantallas de baja resolución, conexiones lentas, navegadores anticuados o que no interpretan bien el contenido, pantalla que sólo presenta texto. Los desarrolladores de contenidos deben tener en cuenta estas diferentes situaciones cuando generen contenidos. Qué son las normas de accesibilidad El Consorcio World Wide Web (W3C es una asociación internacional formada por organizaciones miembro del consorcio, personal y el público en general, que trabajan conjuntamente para desarrollar estándares Web. La misión del W3C es: Guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web. Dentro de esta labor desarrollada por la W3C se encuentran las WCAG (Web Content Accessibility Guidelines). Las WCAG o normas de accesibilidad del contenido web, se refieren a recomendaciones para que las páginas web sean accesibles para todos con la ayuda de la tecnología existente. La primera versión salió en mayo de 1999 y actualmente, están trabajando en la segunda. Contiene 14 normas, cada una con un número diferente de puntos de verificación o checkpoint. Estos puntos son los que hay que analizar en la página web, ya que determinan las etiquetas o atributos que hay que añadir en la página para que ésta sea accesible. Cada punto de verificación tiene asignado una prioridad de 1 a 3. Una página web se dice que tiene un nivel de conformidad A si cumple todos los puntos de verificación de prioridad 1, doble A si cumple todos los de prioridad 1 y 2 y finalmente triple A si cumple todos los puntos de verificación. Cuando desarrollamos un sitio web definiremos la prioridad que debemos cumplir. Una vez tomada esa decisión las normas afectarán al diseño del sitio y a la elaboración del contenido. Por lo tanto los creadores de contenido deberán tener en cuenta la normativa a la hora de publicar contenido en el sitio web. Documentación - Técnicas Fundamentales para las Pautas de Accesibilidad al Contenido en la Web Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web Técnicas CSS para las Pautas de Accesibilidad al Contenido en la Web Tabla de Puntos de Verificación para las Pautas de Accesibilidad al Contenido en la Web Lista de puntos de verificación 22

23 EDICIÓN DE CONTENIDOS ACCESIBLES PARA EDITORES Cabe señalar que el cumplimiento de cualquiera de los niveles establecidos por las Web Content Guidelines 1.0 de la WAI no viene exclusivamente determinado por la aplicación de técnicas y criterios referidos al diseño de la interfaz, sino en tanta o mayor medida a la presentación de imágenes gráficas y contenidos. Y para ello es necesario que los contenidos existentes cumplan con las normas de accesibilidad. El administrador de contenidos de la página web dispone de una barra de edición de contenidos que permite insertar contenido accesible cumpliendo con todos los puntos de verificación. Pautas de accesibilidad que afectan a los editores de contenido Índice de pautas: Documento integro: _es.html Pauta 1. Alternativas equivalentes para el contenido visual y auditivo. Pauta 2. Textos y gráficos comprensibles cuando se vean sin color. Pauta 3. Hojas de estilo estructuradas Pauta 4. Identificación del idioma usado. Pauta 5. Creación de tablas que se transforman correctamente. Pauta 6. Las páginas que incorporan nuevas tecnologías se transforman correctamente. Pauta 7. Asegure al usuario el control sobre los cambios de contenidos tempo-sensibles. Pauta 8. Asegure la accesibilidad directa de las interfaces de usuario incrustadas. Pauta 9. Diseñe con independencia del dispositivo. Pauta 10. Utilice soluciones provisionales. Pauta 11. Utilice las tecnologías y pautas de W3C. Pauta 12. Proporcione información de contexto y orientación. Pauta 13. Proporcione mecanismos claros de navegación. Pauta 14. Asegúrese de que los documentos sean claros y sencillos. 23

24 Leyenda: D Desarrollo web: Obligatorio cumplimiento por parte de diseñadores y programadores en el desarrollo del sitio web: diseño web, plantilla CMS, programación de administradores. C Contenidos: A tener en cuenta a la hora de publicar contenido A Nivel AA AAA Punto Prioridad Prioridad Prioridad Nivel A AA AAA Punto Prioridad PRIORIDA Prioridad 1.1 C 1.2 C 1.3 C 1.4 C 1.5 C 2.1 C 2.2 CD 3.1 D 3.2 D 3.3 D 3.4 D 3.5 CD 3.6 CD 3.7 C 4.1 CD 4.2 C 4.3 C 5.1 CD 5.2 CD 5.3 CD 5.4 D 5.5 CD 5.6 CD 6.1 CD 6.2 CD 6.3 D 6.4 D 6.5 D 7.1 CD 7.2 CD 7.3 CD 7.4 D 7.5 D 7.5 D 8.1 D 9.1 D 9.2 D 9.3 D 9.4 D 9.5 D 10.1 C-D 10.2 C-D 10.3 C-D 10.4 D 10.5 C-D 11.1 D 11.2 D 11.3 C 11.4 D 12.1 D 12.2 D 12.3 CD 12.4 D 13.1 CD 13.2 CD 13.3 D 13.4 D 13.5 D 13.6 D 13.7 D 13.8 C 13.9 C CD 14.1 C 14.2 C 14.3 CD 24

25 Prioridad 1: Contenidos accesibles Las pautas que describimos a continuación deben cumplirse en su integridad para poder superar la prioridad 1. Pauta 1: Texto equivalente en imágenes, representaciones gráficas y sonoras. Si en los contenidos se incluyen imágenes deberán ser descritas utilizando etiquetas alt o longdesc, si la inserción de contenido se hace a través de un administrador de contenidos deberá disponer de una herramienta que permita la inserción de este tipo de etiquetas. En el caso de introducir archivos sonoros se deberá incluir una versión transcrita para permitir su lectura. Si se trata de un video o presentación multimedia se incluirán subtítulos y/o una descripción auditiva de la información mostrada visualmente. Pauta 2.1: No explicar conceptos utilizando colores. Si se utiliza el color para transmitir información, las personas que no pueden diferenciar ciertos colores, los que no tienen pantallas en color o utilicen dispositivos no visuales no entenderán la información. Por lo tanto intente no utilizar colores para describir conceptos y sustituyaló por otro tipo de grafismo. Pauta 4.1: Identificación de cambios de idioma Se debe indicar el cambio de idioma cuando se introduzcan palabras en otra lengua. De esta forma los sintetizadores de voz y otros dispositivos pueden cambiar la pronunciación para que sea más comprensible Pauta 5.1 y 5.2 : En las tablas de datos se debe identificar los encabezamientos de la fila y columna, de manera que puedan ser leídos correctamente por los sintetizadores de voz. Pauta 6.1 Estructurar el documento mediante hojas de estilo: títulos, subtítulos, etc. La hoja de estilos deberá estar preparada para permitir al gestor de contenido realizar una estructura lógica con títulos, subtítulos, listados de elementos, bloques de texto largos cortados en párrafos, etc. Esto permite al usuario desactivar la hoja de estilo y leer perfectamente el contenido. Pauta 9.1: mapas de imagen. Se debe proporcionar un texto equivalente para todas las áreas definidas en la imagen. Lenguaje claro, conciso, frases breves. 25

26 Prioridad 2: Contenidos accesibles 2.2 Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan el suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro [Prioridad 2 para las imágenes. Prioridad 3 para los textos]. El diseñador se habrá asegurado de que la página tiene una hoja de estilos que cumple con esta pauta, si el editor de contenido dispone de un gestor de contenidos que le permite dar color a las fuentes deberá prestar atención sobre esta pauta. 3.5 Utilice elementos de encabezado para transmitir la estructura lógica y utilícelos de acuerdo con la especificación. La hoja de estilos diseñada para la página web permite al gestor de contenido dar una estructura al contenido que esté insertando, podrá introducir bloques de texto, títulos, entradillas, etc. seleccionando el texto y estilo. 3.6 Marque correctamente las listas y los ítems de las listas. Si el contenido requiere la introducción de listas aninadas deberá incluirse un listado con números compuestos: 1., 1.1, Marque las citas. En el gestor de contenido incluye una funcionalidad que permite al inserción y marcado de citas. 5.3 No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se alinee. Por otro lado, si la tabla no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión alineada). 7.2 Hasta que las aplicaciones de usuario permitan controlarlo, evite el parpadeo del contenido (por ejemplo, cambio de presentación en periodos regulares, así como el encendido y apagado). 7.3 Hasta que las aplicaciones de usuario permitan congelar el movimiento de los contenidos, evite los movimientos en las página 10.1 Hasta que las aplicaciones de usuario permitan desconectar la apertura de nuevas ventanas, no provoque apariciones repentinas de nuevas ventanas y no cambie la ventana actual sin informar al usuario Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado Identifique claramente el objetivo de cada vínculo introduciendo la descripción del enlace Proporcione metadatos para añadir información semántica a las páginas y sitios. 26

27 Prioridad 3: Contenidos accesibles 1.5 Proporcione enlaces de texto redundantes para cada zona activa del mapa de imagen de cliente. 4.2 Especifique el texto completo de cada abreviatura o acrónimo cuando aparezcan por primera vez en el documento. 5.5 Proporcione resúmenes de las tablas. 5.6 Proporcione abreviaturas para las etiquetas de encabezamiento de las tablas Proporcione un texto lineal alternativo (en la página actual o en alguna otra) para todas las tablas que maquetan texto en paralelo, en columnas de palabras Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) interpreten claramente los vínculos contiguos, incluya caracteres imprimibles (rodeados de espacios), que no sirvan como vínculo, entre los vínculos contiguos Proporcione la información de modo que los usuarios puedan recibir los documentos según sus preferencias (por ejemplo, idioma, tipo de contenido, etc.). Se pueden incluir enlaces a versiones de la información Localice la información destacada al principio de los encabezamientos, párrafos, listas, etc Proporcione información sobre las colecciones de documentos (por ejemplo, los documentos que comprendan múltiples páginas) Proporcione un medio para saltar sobre un ASCII art de varias líneas Complemente el texto con presentaciones gráficas o auditivas cuando ello facilite la comprensión de la página Cree un estilo de presentación que sea coherente para todas las páginas. 27

28 BARRA DE EDICIÓN DE CONTENIDO Introducción El administrador de contenidos está basado en formularios web de acceso restringido se proporciona al una URL con acceso privado en la que, tras la introducción de un nombre de usuario y una clave, podrá disponer de un administrador web de contenidos manejable a través de cualquier navegador de Internet estándar. Desde el administrador podrá modificar, borrar y publicar contenidos en aquellas secciones dinámicas que se hayan definido. Se podrán administrar todos los apartados de la página Para poder utilizar los administradores es necesario que se descargue el software Standard. Para ello introduzca en su navegador la siguiente dirección, guarde el software y pulse instalar una vez que esté descargado. La barra quedará instalada en su ordenador. A continuación acceda al administrador de contenidos de su página web. Cargará los formularios para la publicación de contenido en su página web. Barra de edición Con unos conocimientos básicos de manejo de ordenadores aprenderá a utilizar los administradores de contenido manejables a través de cualquier navegador de Internet estándar. Mediante los formularios web podrá modificar, borrar e insertar contenido en la página. Estos formularios disponen de una barra de herramientas parecida a la que tiene el Word pero con la peculiaridad de que permite insertar contenido accesible fácilmente. El tipo de características que deben cumplir los contenidos que se inserten son: descripción de imágenes, señalar cambios de idioma, describir acrónimos y 28

29 abreviaturas, títulos en los enlaces, estructurar la información con títulos y subtítulos, etc. 29

30 Visualizaciones Deshacer el último paso Editar: permite modificar el texto introducido. Ver código fuente del contenido insertado en la página. Previsualizar en el navegador, se visualiza el contenido tal y como se vería en el navegador. Previsualizar tal y como lo interpreta un lector de pantalla. Enlace a la ayuda (inglés) Formato de los textos Estilos de formato, el desplegable muestra los estilos que el diseñador ha definido en la hoja de estilos para dar formato seleccionar el texto y pulsar sobre la opción que queremos. Es importante que al introducir contenido el contenido insertado guarde una estructura lógica, es decir, tenga título (cabecera), subtítulo (subcabecera), etc. Si el texto que se introduce tiene abreviaturas se debe seleccionar el texto y pulsar abreviatura 30

31 Definición: si el contenido tiene descripciones se deberán seleccionar y pulsar definición. Seleccionar el texto y pulsar el icono para dar formato, si se quiere eliminar el formato se deberá seleccionar el texto y volver a pulsar la opción. Negrita Itálica Cortar - Copiar - Pegar Subrayado Tachado Cita - Eliminar cita Tabular - Insertar caja de texto - Lista numerada - Lista con viñetas. Citas Aquellos textos que sean citas de libros u otros documentos se deberá seleccionar la cita y pulsar el botón cita, para eliminar la cita seleccionar el texto y pulsar Listas numeradas y viñetas 31

32 Insertar tabla - Insertar tabla de datos - Insertar imagen Tablas La barra de edición permite insertar tablas accesibles y comprobar si son correctas previsualizando en formato accesibilidad que permite ver como interpretan el contenido los lectores de pantalla. Accesibilidad y tablas. Por ejemplo, esta captura muestra la visualización de una tabla donde se describe un botellero y un cascanueces. Así se verá en un navegador normal Si previsualizamos en modo lector y vemos como lo leería el navegador de texto. Y como se puede observar no guarda relación entre el texto y la imagen. Por lo tanto deberíamos volver a modo edición para modificar la tabla y que el texto y la imagen se correspondan. Accesibilidad y tabla de datos Las tablas de contenido (como la que mostramos debajo) presentan contenido que guarda relación con la columna y filas del encabezado, sin ellas los datos no tienen sentido, ya que lo leería de izquierda a derecha sin definir a qué tipo de dato se refiere. 32

33 La barra permite la identificación de los encabezados y los lectores de voz leerán los datos mencionando el tipo de dato a que se refieren. En este caso si pulsamos el modo lector el contenido se interpretará correctamente. Crear una tabla Pulsar para abrir la ventana de propiedades de la tabla. Poner el número de filas y columnas con el que queremos construir la tabla. Margen interno de la celda es el espacio que hay entre el contenido y la celda. Un píxel es por defecto. Espaciado entre celdas. Dos píxel por defecto. Ancho indica el tamaño de la tabla en pixel o porcentaje. Borde. Si se pone 0 no se verán las líneas de tabla, si queremos mostrar las líneas deberemos poner 1 o más dependiendo del grosor que queramos dar a las líneas. 33

34 Resumen, se debe escribir una descripción sobre qué tipo de información va en la tabla. El sumario está disponible para los navegadores de voz. Crear una tabla de datos En la barra, seleccionar para abrir la ventana tabla de propiedades. Introducir el número de filas y columnas, anchura, espaciado y bordes para componer la tabla, tal y como hemos definido en el apartado anterior Introducir el resumen de la tabla que no estará visible en un navegador normal, los resúmenes sólo los leen los navegadores de voz. El icono indica que no se ha introducido sumario. Cuando la tabla de propiedades está completa pulsar aceptar. Una vez creada la tabla se introducen los datos. Como se ve en la imagen el editor tiene definida que la fila superior como encabezado. Los encabezados se muestran por defecto en negrita. Para añadir columnas o filas de encabezamiento situar el cursor en la fila o columna y pulsar con el botón derecho para ver el menú contextual donde podremos seleccionar columna o fila de encabezamientos. 34

35 Para quitar una columna/fila de encabezamiento situar el cursor en la columna/fila y volver a seleccionar columna/fila de encabezamiento. Como se puede observar en el menú contextual disponemos de todas las opciones para editar la tabla. Desde este menú podemos seleccionar, insertar y eliminar filas y columnas. Con la fila o columna seleccionada podemos pulsar en alineación vertical u horizontal. Y por ultimo disponemos de las propiedades de tabla, fila y celda que nos abrirá una nueva ventana donde modificar las propiedades de la misma tal y cómo hemos explicado en el apartado anterior. 35

36 Imágenes Cuando se inserta una imagen en el contenido de la página se debe incluir el texto alternativo y descripción de la imagen. Estas propiedades se utilizan cuando el navegador tiene deshabilitado la visualización de imágenes en ese caso se muestra el texto alternativo. Como el ejemplo que mostramos a continuación: Si el navegador utilizado muestra imágenes el texto alternativo se muestra cuando el cursor se sitúa sobre la imagen. La descripción de la imagen es utilizada por los lectores de voz. Para introducir una imagen se pulsa el icono imagen Insertar imagen Las imágenes se pueden colocar de seis formas diferentes: Arrastrar imágenes dentro del editor. Seleccionar imágenes de la librería Introducir la URL de una imagen Copiar y luego pegar la imagen desde el Pc. Copiar y luego pegar imagines desde otros programas como el photoshop. Utilizar ImpPnt para capturar imagines del monitor. Arrastrar imágenes en el editor En modo edición selecciona una imagen del escritorio Pincha y arrastra la imagen dentro de la caja de edición en la posición que quieres ubicarla. 36

37 Buscar y seleccionar imágenes de las librerías. En modo edición, situar el cursor en el punto en el que quieres insertar la imagen. Pulsa el icono se abrirá una nueva ventana Librería de imágenes Bajo la pestaña seleccionar se ven las librerías disponibles: image library y Mi PC. Para visualizar su contenido hacer doble clic sobre la librería. El contenido de la librería muestra información sobre la imagen seleccionada: dimensión de la imagen, tamaño, peso, fecha y thumnail. 37

38 Si la imagen tiene texto alternativo se mostrará bajo la imagen. Introducir URL de una imagen En modo edición situar el cursor donde se quiera ubicar la imagen. Pulsar para abrir la librería. En el campo URL introducir la dirección de la imagen y pulsar Previsualización para ver la imagen. Si la imagen no se muestra la URL es incorrecta. 38

39 Copiar y pegar una imagen desde el sistema Abrir la carpeta donde esté la imagen que se quiere introducir, seleccionar el archive, pulsar botón derecho y seleccionar del menú copiar. Situar el cursor en la caja del formulario y pulsar botón derecho, del menú contextual seleccionar pegar. Copiar y luego pegar una imagen desde otros programas (Photoshop, Word, etc.) En el programa seleccionar la imagen copiar. Situar el cursor en el formulario de administrador de contenido y pegar 39

40 Utilizar imprimir pantalla ImpPnt para capturar imagines del monitor. En el teclado presionar la tecla ImpPnt para capturer lo que estás viendo en la pantalla del ordenador. En el formulario del administrador situar el cursor donde se quiera situa la imagen y seleccionar pegar Insertar texto alternativo y descripciones de la imagen Cuando se introduce una imagen de cualquiera de las formas mencionadas antes, se abrirá automáticamente la ventana de propiedades de la imagen. Si queremos volver a abrir la ventana de propiedades seleccionaremos la imagen y pulsaremos botón derecho, del menú contextual seleccionar propiedades. Para introducir texto o realizar modificaciones situar el cursor en la caja de la columna valor. Imagen decorativa: si es una imagen que acompaña al texto seleccionaremos no si por el contrario se trata de imagen decorativa seleccionar si. Texto alternativo: texto que se muestra cuando el navegador no muestra imágenes o se sitúa el cursor sobre la imagen. Descripción: texto para navegadores de voz. Dirección de la imagen: se muestra automáticamente la dirección de la imagen que hemos subido si queremos seleccionar otra imagen pulsaremos el botón y se abrirá la 40

41 ventana de librería de imágenes desde donde podemos seleccionar imágenes de nuestro ordenador o de la carpeta de imágenes de la página web. Ancho y alto: tamaño que tiene la imagen, puede ser modificado si es así la imagen tomará el tamaño que especifiquemos. Mantener proporciones: si modificamos la anchura automáticamente nos dará el alto guardando las proporciones para que la imagen no se deforme. Dirección URL para descripciones largas: url de la página que contiene información detallada sobre la imagen. Si la imagen require más información se diseñará una página web en la que colocar todo el texto descriptivo sobre la misma. En el campo Dirección URL para descripción detallada se introducirá la URL completa donde está la explicación. Cómo escribir en el texto alternativo y descripciones Para escribir un texto alternativo responde a qué significa la imagen y en la descripción sobre qué es la imagen. Para distinguir una de otra ponemos el siguiente ejemplo. Texto alternativo = Stress (Lo que la imagen significa) Descripción = Un hombre estresado sujetando su cabeza con las manos. (Sobre que es la imagen) Modificar tamaño de imagen Seleccionar la imagen y se mostrarán los manejadores de la imagen y situar el cursor en una esquina y con el botón pulsado arrastrar el manejador para ampliar y reducir la imagen. Si se quiere volver a mantener la dimensiones reales seleccionar la imagen y pulsar el botón derecho y seleccionar Dimensiones predeterminadas. 41

42 Plantillas Hemos preparado algunas plantillas para que la inserción de contenido sea más sencilla y dejar maquetadas contenidos con fotos, listas especiales, etc. Para crear un contenido utilizando un ejemplo es necesario pulsar: Se abre una nueva ventana, pulsar en la carpeta contenido general. Doble clic sobre el contenido que queramos crear y nos lo cargará en el formulario. Luego lo único que tenemos que hacer es sustituirlo. 42

43 Nos inserta la plantilla que hayamos seleccionado y ahora podremos sustituir el texto pero utilizado el formato. Insertar barra Situar el cursor en la línea donde se quiera ubicar la línea y pulsar el botón Insertar enlace Seleccionar el texto que queremos enlazar y pulsar icono Dirección: introducir la URL completa de la página que queremos enlazar. Descripción: Introducir la descripción del enlace, hay que tener en cuenta que frases como clik aquí o más información son expresiones muy comunes pero que no tienen dan información real sobre el tipo de página que está enlazada. La descripción debe contener un texto que explique de qué va la página. En el tipo de lenguaje se indica el idioma en el que va la página: es español, en inglés, fr francés, etc. 43

44 Insertar documento adjunto Seleccionar el texto que se quiere enlazar a un documento y pulsar Se abrirá la ventana repositorio de documentos adjuntos de donde podremos abrir nuestro PC o la librería de documentos de la página web. Si se trata de un enlace exterior pulsaremos en URL e introduciremos la dirección completa. También podemos introducir un documento que tengamos en nuestro ordenador seleccionado, copiando y pegando en la caja de texto o bien arrastrando desde la ventana de nuestro ordenador a la caja de edición tal y como hemos explicado en el apartado de inserción de imágenes. Una vez seleccionado el documento pulsamos aceptar. Veremos como el texto aparece seleccionado. Situamos el cursor en el texto y pulsamos botón derecho. En el menú contextual podemos editar el enlace para modificar la dirección del documento o quitar el enlace. Pulsaremos propiedades para poder introducir el título del enlace, necesario para que el enlace sea accesible. 44

45 45