MANUAL GESTOR DE CONTENIDOS NEXTSITE

(1)

MANUAL GESTOR DE CONTENIDOS

NEXTSITE

(2)

Manual Gestor de Contenidos: NextSite ÍNDICE A. Introducción B. Características y ventajas C. Simultaneidad D. Interfaz

E. Módulos del Gestor:

1. Contenidos: carpetas y páginas 1. a. Acciones Carpetas 1. b. Acciones Páginas 1. c. Funcionamiento

- Añadir una carpeta

- Modificar una carpeta o página - Eliminar una carpeta o página - Añadir una página

- Añadir un componente a una página

o Añadir texto o Añadir separador o Añadir marcador o Añadir salto o Añadir enlace o Añadir imagen o Añadir html

o Añadir hoja de estilos

o Añadir script

o Añadir url

o Añadir jsp

o Añadir plantilla

- Añadir componentes a la plantilla o Abreviatura o Accesos directos o Acrónimo o Bloque o Encabezado o Enlace o Imagen o Información o Lista o Lista de datos o Mapa Web o Portada o Texto o Textos - Modificar componentes - Mover componentes 2. Glosario 3. Ficheros

- Añadir fichero o imagen - Eliminar fichero o imagen - Modificar fichero o imagen - Copiar fichero o imagen F. Herramientas del Gestor

1. Sendero de migas 2. Buscador 3. Mapaweb 4. Idiomas G. Accesibilidad

(3)

Manual Gestor de Contenidos: NextSite

A. INTRODUCCIOÓN

El gestor de contenidos de Nextel S.A. es la aplicación desarrollada íntegramente por Nextel S.A. para la edición, mantenimiento y administración de websites, que permite trabajar con los contenidos y presentación de la información de forma ágil y eficaz. Su sencillo e intuitivo interfaz web permite que el usuario administrador actualice, revise y publique elementos del website desde cualquier navegador, sin necesidad de recurrir a otras herramientas de edición y sin necesidad de conocimientos de programación. Proporciona así una solución completa que permite introducir información de forma ágil y sin conocimientos previos.

Se trata de una aplicación desarrollada a partir de tecnologías que transforman información sin estructurar, indexándola y clasificándola del modo más adecuado y ajustado al perfil de web diseñado.

En líneas generales, el gestor consiste en la administración de elementos textuales y gráficos. A través de sencillos formularios, podemos crear párrafos, eliminarlos, introducir documentos para que el usuario los descargue, enlaces, etc.

Todo ello proporciona un mantenimiento del sitio Web sin la intervención del desarrollador o diseñador del mismo. Una vez el sistema está en funcionamiento y todo terminado, usted mismo podrá ser el administrador de su sitio Web, lo que supone no tener gastos externos en mantenimientos.

(4)

B. CARACTERÍSTICAS Y VENTAJAS

Las ventajas del Gestor de Contenidos de Nextel S.A. son:

A nivel de web: el Gestor proporciona un soporte fiable, rápido y ágil de administración de información. El sitio web queda, por tanto, bajo pleno control de la organización. Además, su sencillo manejo se ajusta perfectamente al perfil de web diseñado, visualizándose como una parte más de la web, sin necesidad de editores de texto u otros programas alternativos.

A nivel de organización: la información que debe manejar una web se presenta muchas veces como un trabajo previo de documentación que en ocasiones puede llevar más de un quebradero de cabeza. El gestor permite, a nivel organizativo, estructurar las informaciones de modo automático, encajando las mismas en la propia web al instante.

Esta característica permite a los usuarios que lo visitan contar con una información actualizada instantáneamente. Cada vez más, las corporaciones valoran este modo de garantizar una información actualizada de modo constante y riguroso.

En definitiva, un gestor de contenidos satisface las necesidades reales de la web, planificado según los parámetros de funcionalidad, actualización constante y sencillez de método. Sin duda, una garantía de calidad que todo sitio web exige.

(5)

C. SIMULTANEIDAD

El Gestor de Contenidos de Nextel S.A. funciona en modo Mono-Administrador, es decir, que un solo perfil de usuario administrador controla todos los aspectos del/los Website/s.

Este administrador se identifica mediante nombre de usuario y contraseña, al conectar con la URL de entrada a la administración del Gestor.

Sin embargo, no se limita la opción de que varios usuarios se conecten simultáneamente como administradores, en cuyo caso la herramienta es capaz de mantener la coherencia de actualización de datos y priorizar los cambios que realice un usuario sobre los del otro.

En el caso que varios usuarios estuviesen trabajando al mismo tiempo con un mismo elemento, está establecida la política de que la acción que primero se realice será la que se sobreponga a las que estén en curso sobre el mismo componente del web.

(6)

D. INTERFAZ

El interfaz del Gestor de Contenidos presenta:

1. Una parte superior informativa: fecha e idiomas.

2. Un menú principal divido en diferentes módulos de gestión.

3. Una cabecera indicadora de las acciones que se realizan o los sitios del Gestor en el que se encuentra.

4. Una zona central en la que aparece el listado de los contenidos del módulo seleccionado.

(7)

E. MÓDULOS DEL GESTOR

1. CONTENIDOS

El módulo Contenidos administra la mayor parte de los contenidos de la web. La información se divide en carpetas o páginas.

Las carpetas:

· Las carpetas incluyen información y mantienen la estructura de navegación. Aparecen siempre en los módulos de gestión.

Las páginas:

· Páginas índice: indican el contenido de la página principal y a su vez permiten una mejor visualización del conjunto.

· Páginas generales: ofrecen información, pero tienen que ser llamadas desde otra página para acceder a ellas.

Tanto las páginas índice como las generales pueden estar:

· Publicadas y actualizadas, si las últimas modificaciones han sido publicadas. · Publicadas y no actualizadas, si las últimas modificaciones no han sido publicadas. · No publicadas, si la página no se ha publicado nunca.

1. a. Acciones para las Carpetas

Atrás

Permite volver a pantallas anteriores. Mapa

Permite visualizar el mapa de carpetas del sitio y acceder a cada una de las secciones que lo componen.

Publicar

Permite hacer visibles los cambios efectuados en el gestor para la web. El Gestor publica tanto carpetas como páginas, si publica una carpeta se hace visible todo su contenido.

La opción de publicar aparece: - Donde se edita.

- En el listado de carpetas y páginas. Ocultar

Implica lo contrario a publicar. La opción de ocultar permite que en la web no se vean los cambios realizados. Al igual que en publicar se pueden ocultar tanto páginas como carpetas. En éstas últimas se oculta todo el contenido de las mismas.

(8)

Añadir

Pulsando este botón se añaden distintos tipos de contenidos dependiendo del módulo en que se encuentre.

Eliminar

Borra los elementos previamente seleccionados. El Gestor confirmará que desea eliminar los elementos a través de un cuadro de diálogo.

Modificar

Ejecuta los cambios realizados en la ficha de modificación de cualquier elemento del Gestor.

1. b. Acciones para las Páginas

Además de Atrás, Publicar, Añadir, Eliminar y Modificar: Mover

Mueve los componentes seleccionados a la posición elegida, en el mismo orden en el que aparecen en la página.

Visitar

Abre una nueva ventana del navegador con la dirección de la página que se está editando. Si ya existe una ventana abierta previamente al haber ejecutado la misma opción, se usará esa misma ventana.

Mostrar

Permite ver como quedaría la página si fuese publicada. Si la página contiene componentes de tipo JSP, dichos componentes no formarían parte de la visualización.

(9)

Si ya existe una ventana abierta previamente al haber ejecutado la misma opción, se usará esa misma ventana.

Ocultar

Elimina la página físicamente del servidor web. Copiar

Marca uno o más componentes para que puedan ser pegados en la misma página o en otra.

Duplicar

Duplica los componentes seleccionados en la posición indicada. Si alguno de los componentes seleccionados es de tipo marcador, no será duplicado. Además, los componentes duplicados quedaran marcados como si se hubiera echo uso de la opción copiar.

Pegar

Pega uno o más componentes marcados previamente.

1. c. Funcionamiento

(10)

Las acciones que permite ejecutar el Gestor en las pantallas están en relación con el número de elementos que contengan las páginas o carpetas:

- Si no hay ningún elemento dentro de una página o carpeta aparecerá sólo la opción de añadir.

- Siempre que no hay elementos en la pantalla aparecerá una barra indicándolo. - Si un administrador crea una carpeta con un nombre existente, aparecerá una

pantalla avisándole de que ya existe ese nombre. Automáticamente le retornará a la pantalla de alta, manteniendo los datos que había introducido.

Para entrar en una carpeta o en una página, pulse sobre su nombre.

Para seleccionar una carpeta o una página active su check box (casilla de verificación que aparece a la derecha de cada elemento y/o componente).

1. Pinche sobre un elemento de gestión. (Ej.: Contenidos).

2. A la derecha aparece la lista de informaciones que contiene distribuida en carpetas y páginas.

Con el Gestor puede:

· Añadir una carpeta o página. · Modificar una carpeta o página. · Eliminar una carpeta o página. · Añadir componentes a una página.

Los componentes a añadir en una página pueden ser del tipo: · Texto · Separador · Marcador · Salto · Enlace · Imagen · HTML · Hoja de Estilos · Script · URL · JSP · Plantilla

Recordar que todos los cambios realizados en el Gestor, no serán visibles para el usuario de la web hasta que el usuario del Gestor los publique.

(11)

- Añadir una carpeta

1. Pinche en el módulo Contenidos y aparecerá el listado de carpetas y páginas que contiene.

2. Pulse el botón “añadir”.

3. En el formulario "Alta Contenido" seleccione añadir una carpeta y pulse “continuar”. 4. Aparecerá el formulario "Alta Carpeta", con los siguientes campos a rellenar:

Nombre: nombre de la carpeta.

Directorio: nombre físico con que se genera la nueva carpeta compuesto de letras y / o números.

Título: nombre alternativo de la carpeta que aparecerá si la página tiene cabecera.

Anotación: texto descriptivo de la carpeta.

Incluir la carpeta en el sistema de navegación: al seleccionar esta opción se mostrará la carpeta visible al usuario del web.

5. Para finalizar pulse el botón “realizar”.

Si da un nombre que ya existe a una carpeta o directorio, el gestor retorna al formulario rellenado, conservando los datos introducidos para que los cambie.

(12)

- Modificar una carpeta o página

2. Dentro del listado elija la carpeta o página a modificar activando su check box. 3. Pulse el botón “modificar”.

4. Aparecerá un formulario de modificación. Realice los cambios oportunos en los campos del mismo.

5. Para llevar a cabo la modificación pulse el botón “realizar”.

- Eliminar una carpeta o página

2. Dentro de un listado seleccione la carpeta y/o página a “eliminar”, activando su check box.

3. Pulse el botón “eliminar”.

4. Aparecerá una pantalla solicitando la confirmación de la operación.

Al eliminar una carpeta se elimina todo el contenido del que está compuesta.

- Añadir una página

3. En el formulario "Alta Contenido" seleccione añadir una página y pulse el botón “continuar”.

4. Rellene el formulario "Alta Página", con los siguientes apartados:

Título: título de la página. Será visible si selecciona que la página lleve encabezado estándar.

Página índice de la carpeta: indica si es la página índice de la carpeta.

Nombre: nombre de la página para el sistema. El nombre de una página índice será index por defecto.

Redirección: en caso de que la página se redireccione a otra página.

URL: en caso de que sea una redirección hay que indiciar donde se redirecciona.

Aparecer en el mapa web: si se desea que aparezca visible la página en el mapa web.

(13)

Permanecer ocultas: la página no se publicará aunque se publique toda la carpeta o esa página.

Incluida en las búsquedas: si se desea que la página esté incluida en el buscador.

Encabezado de página estándar: elemento opcional que indica en qué sección se encuentra la página.

Pie estándar: elemento opcional recomendado en páginas largas para posibilitar ir al inicio de la misma.

· Si añade una página índice cuando ya existe otra como tal, la nueva página índice remplazará a la ya existente.

· Si no añade una página índice podrá poner un nombre cualquiera para el sistema. 5. Pulse el botón “realizar”.

(14)

- Añadir un componente a una página

Por defecto cuando se añade un componente aparece al final de la página.

1. Pinche en el módulo Contenidos y aparecerá el listado de carpetas y páginas que contiene.

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Dentro de la página pulse el botón “añadir”.

4. Seleccione el tipo de componente a añadir y pulse el botón “continuar”.

5. Rellene el formulario de "Alta Componente", que varía dependiendo del componente a añadir: · Texto · Separador · Marcador · Salto · Enlace · Imagen · HTML · Hoja de Estilos · Script · URL · JSP · Plantilla

(15)

• Texto

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Pulse el botón “añadir”.

4. Seleccione el componente texto y pulse el botón “continuar”. 5. Rellene el formulario "Alta Texto" con los siguientes campos:

Título: título del texto, es opcional. Según el diseño de la plantilla, el título aparecerá con un estilo u otro.

Texto: texto con un máximo de 3.071 caracteres. Además puede dividirse en varios párrafos.

Tipo de encabezado: define el tamaño del título del texto Incluido en párrafo: si el texto es un párrafo

(16)

• Separador

La función de un separador es dejar espacios en blanco entre componentes:

4. Seleccione el componente separador y pulse el botón “continuar”. 5. Indique en el despegable cuántas líneas en blanco desea insertar. 6. Para finalizar pulse el botón “realizar”.

(17)

• Marcador

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente marcador y pulse el botón “continuar”. 4. Rellene el formulario "Alta Marcador":

Nombre: nombre del marcador, no será publicado. 5. Para finalizar pulse el botón “realizar”.

(18)

• Salto

1. Acceda al módulo Contenidos y aparecerá el listado de carpetas y páginas que contiene.

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente salto y pulse el botón “continuar”. 4. Rellene el formulario "Alta Salto":

Texto: aparece en el salto. Ej. “subir”.

Indique a qué marcador debe saltar en el despegable. Siempre existe como mínimo el marcador Inicio. 5. Para finalizar pulse el botón “realizar”.

(19)

• Enlace

4. Seleccione el componente enlace y pulse el botón “continuar”. 5. Rellene la ficha de "Alta Enlace" con los siguientes campos:

Texto: texto del enlace, es opcional.

URL: dirección que conduce al enlace, es obligatorio. Será el texto del enlace en el caso de no rellenar el campo texto.

Abrir el enlace en una nueva ventana: si se desea que al acceder al enlace se abra una página nueva.

Comentario: texto descriptivo del enlace. Obligatorio para cuestiones de accesibilidad.

(20)

• Imagen

4. Seleccione el componente imagen y pulse el botón “continuar”. 5. Rellene la ficha de "Alta Imagen" con los siguientes campos:

URL: dirección que conduce a la imagen, es obligatorio. Será el texto del enlace en el caso de no rellenar el campo texto.

Descripción: texto descriptivo de la imagen. Es obligatorio en cuestiones de accesibilidad.

Enlace: dirección URL en caso de que la imagen sea un enlace.

Abrir en ventana nueva: en caso de que la imagen deba abrirse en una ventana diferente a la página en la que se está navegando.

(21)

• HTML

1. Pinche en el módulo contenidos y aparecerá el listado de carpetas y páginas que contiene.

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente HTML y pulse el botón “continuar”. 4. Rellene el formulario "Alta HTML", tiene dos opciones:

4.1. Introducir HTML en el campo código. (Máximo 3.071 caracteres). 4.2. Pulsar el botón examinar e introducir una plantilla de HTML.

El gestor no permite seleccionar ambas, por tanto hay que elegir una de las dos opciones.

(22)

• Hoja de estilos

2. Pulse sobre el nombre de la página y entrará en la misma.

3. Seleccione el componente “Hoja de estilos” y pulse el botón “continuar”. 4. Rellene el formulario "Alta Hoja de estilos", con los siguientes campos:

Nombre: nombre para el sistema. URL: dirección donde se encuentra. 5. Para finalizar pulse el botón “realizar”.

(23)

• Script

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente Script y pulse el botón “continuar”. 4. Rellene el formulario "Alta Script ", con los siguientes campos:

Nombre: nombre para el sistema. URL: dirección donde se encuentra.

Cargar en cabecera: activando la casilla se carga el Script a la vez que la página.

Función de inicio: función del java script. 5. Para finalizar pulse el botón “realizar”.

(24)

• URL

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente URL y pulse el botón “continuar”. 4. Rellene el formulario "Alta URL":

Nombre: explicación interna, no se verá en el web. URL: dirección web de la página a incluir.

Altura: crea una ventana (iframe) dentro de la misma página con la altura definida. En esta ventana se muestran los contenidos que se obtienen de la URL.

(25)

• JSP

2. Pulse sobre el nombre de la página y entrará en la misma. 3. Seleccione el componente JSP y pulse el botón “continuar”. 4. Rellene el formulario "Alta JSP”:

Nombre: explicación de lo que se va a introducir.

Código: introducir código JSP. (Máximo 3.071 caracteres).

Botón Examinar: Pulsar el botón examinar e introducir una plantilla de código JSP.

El Gestor no permite seleccionar ambas, por tanto hay que elegir una de las dos opciones.

(26)

• Plantilla

Elementos que pueden ser añadidos: • Abreviatura • Acceso directo • Acrónimo • Bloque • Encabezado • Enlace • Imagen • Información • Lista • Lista datos • Mapa web • Portada • Texto • Textos

(27)

A continuación se detalla el modo de añadir cada una de las plantillas.

PLANTILLAS:

• Abreviatura

Cada vez que aparece una abreviatura en alguno de los contenidos de la página hay que completar esta plantilla.

Rellene el formulario "Alta Plantilla Abreviatura": Nombre: abreviatura. (Por ejemplo: etc.).

Significado: significado de la abreviatura. (Por ejemplo: etcétera).

Lenguaje: es el lenguaje de la abreviatura. Se indica si difiere del lenguaje de la página. Euskera (eu), inglés (en), español (es)

Estilo: estilo CSS, opcional.

Evitar separación componente anterior y/o posterior: por defecto la abreviatura tendrá un espacio por delante y por detrás. En caso de que la abreviatura esté por ejemplo entre comillas dejará también estos espacios y le marcaremos que evite dichas separaciones.

(28)

• Accesos directos

En la página donde se incluya esta plantilla aparecerán los accesos directos preestablecidos.

(29)

• Acrónimo

Cada vez que aparece un acrónimo en alguno de los contenidos de la página hay que completar esta plantilla.

Rellene el formulario "Alta Plantilla Acrónimo": Nombre: acrónimo. (Por ejemplo: ZAD).

Significado: significado del acrónimo. (Por ejemplo: Zona de Almacenaje y Depósitos).

Lenguaje: es el lenguaje del acrónimo. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Opcional.

Evitar separación componente anterior y/o posterior: por defecto el acrónimo tendrá un espacio por delante y por detrás. En caso de que la abreviatura esté por ejemplo entre comillas dejará también estos espacios y le marcaremos que evite dichas separaciones.

(30)

• Bloque

Agrupa uno o más componentes y establece ciertas propiedades a textos pequeños o palabras.

Rellene el formulario "Alta Plantilla Bloque":

Número de elementos: número de elementos que forman el bloque Texto: texto pequeño o palabra.

Lenguaje: es el lenguaje del/los elemento/s. Se indicar si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Opcional.

Enfatizar contenido: indica si el contenido debe ser resaltado o no.

Comportarse como una capa: indica si debe comportarse como una capa HTML (div).

Evitar separación con el componente anterior y/o posterior: por defecto tendrá un espacio por delante y por detrás. En caso de que no sea necesario le marcaremos que evite dichas separaciones.

(31)

• Encabezado

Crea un encabezado y sus características.

Rellene el formulario "Alta Plantilla Encabezado":

Número de elementos: número de componentes que forman el encabezado. Tipo de encabezado: define el tamaño del encabezado.

Texto: texto que compone el encabezado si el número de elementos es cero. Marca: carácter que indica la presencia de “huecos” entre el texto del encabezado.

Lenguaje: es el lenguaje del encabezado. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Opcional. Para finalizar pulse el botón “realizar”.

(32)

• Enlace

Añade un enlace y sus características: idioma, estilo y cuestiones de marcas al enlace. Rellene el formulario "Alta Plantilla Enlace":

Número de elementos: número de componentes que forman el enlace. Texto: texto del enlace. Es opcional.

URL: dirección que conduce al enlace. Es obligatorio. Será el texto del enlace en el caso de que el número de componentes sea 0 y no se rellene el campo ‘Texto’.

Abrir enlace en nueva ventana: si se desea que al acceder al enlace se abra una página nueva.

Comentario: texto descriptivo del enlace. Es obligatorio para cuestiones de accesibilidad.

Marca: carácter que indica la presencia de “huecos” entre el texto del encabezado. Debe aparecer al menos una vez.

Lenguaje: es el lenguaje del enlace. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Es opcional.

Evitar separación con el componente anterior y/o posterior: por defecto tendrá un espacio por delante y por detrás. En caso de que no sea necesario le marcaremos que evite dichas separaciones.

(33)

(34)

• Imagen

Define si la imagen debe presentarse a la derecha o a la izquierda de dónde se sitúe. Rellene el formulario "Alta Plantilla Imagen":

URL: URL de la imagen.

Descripción: texto descriptivo de la imagen. Es obligatorio en cuestiones de accesibilidad.

Lenguaje: es el lenguaje de la imagen. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Alinear imagen izquierda o derecha: si la imagen debe de salir a la derecha o a la izquierda de donde se sitúe.

(35)

• Información

Muestra información sobre dirección, teléfono, fax… cumpliendo un formato previamente establecido.

Rellene el formulario "Alta Plantilla Información":

Título: título opcional de información de la plantilla. Tipo de encabezado: es obligatorio si hay título.

Número de direcciones: número de direcciones postales. Número de teléfonos: número de teléfonos.

Número de faxes: número de faxes.

Número de correos electrónicos: número de correos electrónicos. Número de webs: número de direcciones web.

Separador final: si debe haber separación con el componente siguiente. Estilo: estilo CSS. Es opcional.

Para finalizar pulse el botón “realizar”.

(36)

• Lista

Lista elementos.

Rellene el formulario "Alta Plantilla Lista”:

Numero de elementos: número de elementos que forman la lista. Si se pone el número 0, la lista es ilimitada.

Tipo de encabezado: es obligatorio si hay título. Título: título opcional de información de la lista. Estilo: estilo CSS. Es opcional.

Separador final: si debe haber separación con el componente siguiente. Para finalizar pulse el botón “realizar”.

(37)

• Lista datos

Esta plantilla es como la anterior, pero los elementos se listan de dos en dos, por ejemplo:

· Edad: 22 · Sexo: varón

Rellene el formulario "Alta Plantilla Lista Datos”:

Número de elementos: el número es por pares de elementos. Tipo de encabezado: es obligatorio si hay título.

Título: título opcional de información de la lista. Estilo: estilo CSS. Es opcional.

(38)

• MapaWeb

(39)

• Portada

Muestra la información establecida según el estilo de la portada. Rellene el formulario "Alta Plantilla Portada”:

Imágenes totales: número de imágenes preparadas para salir de forma aleatoria a la izquierda de la pantalla.

Imágenes aleatorias: cuántas de las imágenes totales aparecerán cada vez que se recargue la página.

URL galería: URL donde se encuentran las imágenes. Para finalizar pulse el botón “realizar”.

(40)

• Texto

Introduce en el texto una marca que define espacios a rellenar por los componentes posteriores. Además, permite indicar un idioma y un estilo diferente.

Rellene el formulario "Alta Plantilla Texto”:

Título: título del texto. Es opcional. Según el diseño de la plantilla, el título aparecerá con un estilo u otro.

Tipo de encabezado: define el tamaño del título del texto.

Texto: texto con un máximo de 3.071 caracteres. Además puede dividirse en varios párrafos.

Marca: Carácter que indica la presencia de “espacios” entre el texto. Debe aparecer al menos una vez.

Incluido en párrafo: si el texto es un párrafo.

Lenguaje: es el lenguaje del texto. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Es opcional. Para finalizar pulse el botón “realizar”.

(41)

• Textos

Introduce textos utilizando un único componente, sin la necesidad de introducir diferentes plantillas de textos. Para ello requiere que los textos tengan delante una marca. Por ejemplo:

#casa #coche #perro

Rellene el formulario "Alta Plantilla Textos”: Texto: textos que se deseen añadir.

Lenguaje: es el lenguaje de los textos. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Estilo: estilo CSS. Es opcional.

Enfatizar los textos: el texto aparecerá enfatizado. Para finalizar pulse el botón “realizar”.

(42)

- Modificar componentes

1. Dentro de una página seleccione el componente a modificar, activando su check box.

2. Pulse el botón “modificar”.

3. Aparecerá un formulario de modificación. Realice los cambios oportunos en los campos del mismo.

4. Pulse el botón “realizar”.

Si no quiere llevar a cabo las modificaciones hechas al texto pulse el botón “restaurar".

- Mover componentes

El Gestor dota a cada componente de una barra informativa para facilitar el trabajo del administrador cuando actúa con ellos. Esta barra se compone por:

· El número de la posición: aparece en la parte izquierda de la barra. · El nombre del componente: aparece en la parte derecha de la barra.

· (?) Una interrogación al lado del tipo de componente significa que no se ve porque todavía no está publicado.

Antes de pulsar el botón de publicar el Gestor permite visualizar al administrador cómo quedaría la página con los cambios realizados a los componentes de la misma.

El procedimiento para mover uno o más componentes de una página es el siguiente:

1. Marque el componente o componentes que quiere mover.

2. Marque la posición a la que quiere mover el/los componentes.

3. Pulse el botón “mover”.

(43)

2. GLOSARIO

Al acceder al módulo Glosario deben aparecen los acrónimos y las abreviaturas que hayan sido introducidos en los contenidos del website.

Los términos introducidos en el Glosario serán aplicados a las páginas que se publiquen a partir del momento de su inclusión.

(44)

Para Añadir nuevos términos hay que rellenar los siguientes campos: Tipo: si es acrónimo o abreviatura.

Nombre: nombre del acrónimo (por ejemplo ZAD) o de la abreviatura.

Significado: es el significado del acrónimo (Por ejemplo: Zona de Almacenaje y Depósitos) o de la abreviatura.

Lenguaje: es el lenguaje del acrónimo o abreviatura. Se indica si difiere del lenguaje de la página. Por ejemplo: euskera (eu), inglés (en), español (es).

Para Modificar un término del Glosario hay que seleccionar el término a modificar activando su check box. Aparecerá un formulario de modificación y tras realizar los cambios oportunos en los campos del mismo, se pulsará el botón “realizar”.

Para Eliminar un término del Glosario hay que seleccionar el término o los términos a eliminar activando su check box. El Gestor confirmará que desea eliminar los elementos a través de un cuadro de diálogo.

(45)

3. FICHEROS

Al acceder al módulo Ficheros aparece la opción “¿Con qué directorio de intercambio desea trabajar?” y debe elegir entre varias opciones:

• Ficheros en castellano • Ficheros en inglés • Imágenes en castellano • Imágenes en inglés • Ficheros en euskera • Ficheros • Imágenes en euskera • Imágenes

(46)

Al elegir una opción aparecen los siguientes botones de acción: Mapa, Añadir, Eliminar, Modificar y Copiar URL.

- Mapa ficheros (igual para imágenes)

Permite visualizar en forma de árbol las diferentes carpetas que componen cada apartado y acceder a cada una de ellas.

- Añadir ficheros (igual para imágenes)

1. Pinche en la opción Ficheros y después en el apartado de ficheros que desee. Aparecerá el listado de carpetas y ficheros que contiene.

3. Aparecerá la opción qué desea añadir: Carpeta o Archivo.

4. Elija la opción “Archivo” y pulse el botón examinar e introduzca el archivo. 5. Pulse el botón “realizar”.

- Eliminar un fichero (igual para imágenes)

1. Pinche en el módulo Ficheros y después en el apartado de ficheros que desee. Aparecerá el listado de carpetas y ficheros que contiene.

2. Dentro del listado elija el fichero a eliminar activando su check box. 3. Pulse el botón “eliminar”.

(47)

4. Aparecerá la pregunta de si realmente desea eliminar los elementos seleccionados. 5. Elija su opción.

- Modificar un fichero (igual para imágenes)

2. Dentro del listado elija el fichero a modificar activando su check box. 3. Pulse el botón “modificar”.

4. Aparecerá el formulario de modificación. Realice los cambios oportunos en los campos del mismo.

5. Para llevar a cabo las modificaciones pulse el botón “realizar”.

- Copiar URL (igual para imágenes)

2. Dentro del listado elija el archivo a copiar activando su check box. 3. Pulse el botón “copiar”.

4. Ya tiene copiada la dirección donde se encuentra el documento para pegarla en la URL correspondiente.

(48)

F. HERRAMIENTAS DEL GESTOR

1. SENDERO DE MIGAS

El Sendero de Migas es una herramienta de navegación de una página web que permite al usuario visualizar la ruta seguida para llegar a la página en la que se encuentra. Pulsando sobre alguno de los apartados visibles en el sendero de migas se accede a dicho apartado. Se crea automáticamente a la vez que se van creando páginas hasta el tercer nivel de navegación.

2. BUSCADOR

El buscador es un elemento dentro de la página web que permite localizar los contenidos de la misma mediante la introducción de un término para que el sistema rastree en su base de datos y localice la información requerida por el usuario.

3. MAPA

El mapa es el esquema del sitio web. Se presenta mediante un sencillo organigrama del sitio siguiendo la estructura jerárquica de los contenidos. Se crea automáticamente a la vez que se van creando carpetas hasta el tercer nivel de navegación. Al pulsar sobre cualquiera de las carpetas se accede al contenido de la misma.

(49)

4. IDIOMAS

El website cuenta automáticamente con la opción de elegir entre tres idiomas. Estos son euskera, castellano e inglés. El administrador puede en todo momento cambiar de idioma para trabajar con páginas y carpetas de uno u otro idioma de forma independiente.

(50)

G. ACCESIBILIDAD

La accesibilidad es el conjunto de características del sitio web que facilitan su uso por parte de personas que tienen algún tipo de discapacidad, o acceden desde navegadores o dispositivos especiales. En este sentido, desde el World Wide Web Consortium (W3C), se está promoviendo el programa WAI que persigue promover la accesibilidad a través de cinco áreas de trabajo: tecnología, guías de ayuda, herramientas, formación e investigación y desarrollo.

Sin duda una de las más apremiantes necesidades dentro del cambiante mundo de la información online es la de adecuación a las nuevas normas de accesibilidad, "Internet para todos", respaldadas por la legislación europea y española, que recientemente ha entrado en vigor. Se trata de facilitar, en la medida de lo posible, el acceso y utilización de los contenidos y funcionalidades de la Web a todas las personas sin distinción de tecnologías, dispositivos y discapacidades. El acceso a la sociedad de la información es un derecho para todos los ciudadanos.

Así lo entiende la administración pública, para cuyas páginas Web ya es de obligado cumplimiento, y en esa línea trabajan las empresas, remodelando su presencia en Internet para estandarizar y facilitar el acceso y comprensión de la información para todos los usuarios y dar respuesta a las expectativas de buena parte de la sociedad. El Gestor de Contenidos de Nextel, S.A. es capaz de generar websites considerados "accesibles" en cuanto a componentes, estructura, código e interfaz de uso. Pero en cuanto a los contenidos, es labor del usuario su correcta elaboración para seguir las pautas del W3C y mantener la accesibilidad del website.

A continuación se listan unos consejos prácticos para la redacción de contenidos, extraídos de las pautas de accesibilidad recomendadas.

CONSEJOS PARA REDACTAR CONTENIDOS ACCESIBLES

Presentamos un listado de consejos útiles a la hora de elaborar contenidos. Su finalidad es que éstos resulten lo más accesibles posible para el usuario. Estos consejos provienen de la interpretación de las pautas dadas por la W3C.

Consejos en relación a la imagen:

• Los documentos gráficos deben ir acompañados de un texto alternativo. Dicho texto de debe ofrecer información relevante acerca de la imagen. Si la imagen es un enlace el texto alternativo debe indicarlo. (Por ejemplo: "Dibujo de una casa: enlace a la página principal").

• Debe considerarse la posibilidad de incluir la descripción de un elemento gráfico complejo en un archivo de texto externo. Por ejemplo, en el caso de mostrar gráficas estadísticas.

• Al transcribir ficheros de video o presentaciones multimedia sería conveniente describir las acciones que muestra el vídeo mediante una descripción sonora

(51)

del elemento visual. Además, es aconsejable incluir una descripción textual, que puede ser una trascripción literal del audio, o un resumen significativo. Consejos en relación al código HTML:

• Uso de marcas HTML adecuadas para cada caso: Utilice elementos de encabezado para transmitir la estructura lógica. Utilice listas de elementos de forma estructurada. Marque adecuadamente las citas mediante las etiquetas HTML existentes para ello.

• Es recomendable identificar de manera clara los cambios de idioma a lo largo de todo el documento o página, y en cualquier texto alternativo.

• Al aparecer por primera vez en un documento es necesario especificar la extensión de la abreviatura o acrónimo.

Consejos en relación a tablas:

• En las tablas de datos especifique encabezamientos de fila y de columna. Proporcione además abreviaturas para dichas etiquetas de encabezamiento. (Ejemplo: encabezamiento: "Ingresos previstos en la fábrica de Gijón". Abreviatura propuesta: "Ingresos").

• Proporcione un resumen del contenido de la tabla con el fin de que los contenidos de la misma puedan ser entendidos más fácilmente.

Consejos en relación a vínculos:

• Utilizar vínculos que tengan un significado: identifique claramente el objetivo de cada vínculo. Evite: "Para ver los resultados de los partidos pulse aquí". Use en su lugar: "Los resultados de los partidos de la jornada…".

• Proporcione información general del sitio web, como un Mapa del Sitio, o una Tabla de Contenidos.

• Es conveniente situar la información importante al inicio de los bloques de texto. Localice al principio de los párrafos, listas, etc. la información que los diferencie.

Consejos en relación a lenguaje y estilo:

• Utilice el lenguaje más claro y simple posible para el contenido del sitio: descripciones de vínculos claras y precisas. Sitúe el contenido básico al inicio de la frase o párrafo. Es recomendable incluir un sólo concepto por párrafo para que así sea más comprensible. Evitar el uso de argot o de palabras poco comunes, a excepción de que se adjunte su descripción. Utilice de forma preferente oraciones en forma activa. Evite estructuras de frases muy largas o excesivamente complicadas.

• Haga uso de los recursos gráficos apropiadamente: considere la posibilidad de complementar el texto con gráficos o audio cuando ello facilite la comprensión

(52)

de la página. El objetivo es conseguir la redundancia que provoque una mejor compresión y memorización de los contenidos.

• Utilice un estilo coherente. Además de la coherencia propia del estilo gráfico y de la estructura del website, el propio contenido debe mantenerse coherente entre una y otra página, en cuanto a forma de redacción, títulos, subtítulos, uso de listas, y otros recursos de redacción y presentación de información.