Nueva Web de los SCTs –
http://www.sct.uniovi.es
ÍNDICE DE CONTENIDOS
1 Acceso a la edición de contenidos ...3
1.1 Noticias ...3
1.2 Utilización del editor de contenidos...6
1. Formato ...6 2. Negrita...7 3. Cursiva ...7 4. Subrayado...7 5. Justificar a la izquierda...7 6. Centrar...7 7. Insertar enlace ...8 8. Deshacer ...11 9. Rehacer...11 10. Lista ordenada ...11 11. Lista desordenada ...11 12. Subíndice y superíndice...11
13. Insertar carácter especial...11
14. Insertar imagen ...12
15. Insertar tabla ...14
16. Insertar fichero...15
1
Acceso a la edición de contenidos
Para que un usuario pueda proceder a la edición de la información de su unidad, el primer paso será registrarse.
Al registro de usuarios se accede a través del link “Intranet” del pie de página del sitio Web.
Vista de la página de registro de usuarios para la edición de contenido.
Inicialmente habrá sido creado un usuario para cada una de las unidades, con su correspondiente contraseña. Dicha contraseña podrá modificarse a través del link “cambiar contraseña”.
Una vez que el usuario haya introducido su nombre y contraseña será redireccionado a la página principal del sitio Web.
A partir de este momento el usuario podrá:
● Insertar, modificar y eliminar noticias (siempre y cuando hayan sido creadas por él).
● Modificar únicamente el contenido de su unidad.
1.1
Noticias
Cuando el usuario ya se ha registrado se mostrará en la página principal la opción de “crear una nueva noticia”.
Muestra la página principal una vez que el usuario está registrado.
A través de dicho enlace se muestra la siguiente página:
Imagen de la página que permite insertar una nueva noticia.
● Título de la noticia: Es imprescindible puesto que será la información que se mostrará en la página principal.
● Cuerpo de noticia: Descripción de la noticia que se mostrará al hacer un clic sobre el título de la noticia en la página principal.
Los contenidos se introducirán como si se tratara de un procesador de textos normal. En la parte de arriba a la derecha tendremos dos iconos:
● Guardar: Para guardar la noticia una vez que introduzcamos el título y la descripción.
● Cancelar: Anular la creación de la noticia.
En caso de guardar la noticia se nos mostrará un mensaje que nos indicará que la noticia se ha guardado correctamente. Para comprobarlo accederemos a la página principal. NOTA: Una vez creada la noticia se almacenará automáticamente en un fichero RSS y podrá ser leída por cualquier lector de noticias en este formato.
1.2
Utilización del editor de contenidos
Una vez que el usuario se haya registrado accederá a su correspondiente unidad a través de la página de inicio o el listado de unidades.
Se mostrará un icono en la parte superior de la derecha (al lado del icono de imprimir). A través de dicho icono se accederá a una página de edición.
Imagen de una de las páginas de las unidades donde se resalta el icono de edición.
La página de edición presentará un editor de texto, similar al Word, tanto en aspecto como en funcionamiento. Se indicará la unidad en la que nos encontramos, así como el contenido que estamos editando.
Funciones del editor
1. FormatoPermite dar diferentes estilos al texto.
Se selecciona el texto deseado y se elige uno de los siguientes estilos
● Título. Convierte el texto seleccionado en un título del tipo del encabezado <h3> de html. El estilo será un bloque verde con su contenido centrado.
● Subtítulo 1. Convierte el texto seleccionado en un título del tipo del encabezado <h4> de html. El estilo será en negrita y subrayado.
Subtítulo 2. Convierte el texto seleccionado en un título del tipo del encabezado <h5> de html. El estilo será letra verde con fondo blanco.
Imagen que muestra en el editor los tres tipos de títulos definidos.
2. Negrita
Al pulsar este botón el texto seleccionado se mostrará en negrita. 3. Cursiva
Al pulsar este botón el texto seleccionado se mostrará en cursiva. 4. Subrayado
Al pulsar este botón el texto seleccionado se mostrará en subrayado. Los tres últimos botones se pueden usar combinados.
5. Justificar a la izquierda
Al pulsar este botón el texto sobre el que nos encontramos se justificará hacia la izquierda. Por defecto todo el texto aparece justificado a la izquierda, este botón nos servirá principalmente para situar a la izquierda un texto que anteriormente ha sido centrado.
6. Centrar
Al pulsar este botón el texto sobre el que nos encontramos o la imagen que tenemos seleccionada se desplazará al centro. Para deshacer un centrado bastará con utilizar el botón de “justificar a la izquierda”.
7. Insertar enlace
Para crear un enlace en primer lugar se seleccionará el texto y después se pulsará el botón correspondiente.
Se muestran los siguientes campos:
1. Elige un contenido a enlazar: Se muestra un listado de todos los contenidos de la Web: los contenidos de cada una de las unidades, los contenidos generales de la Web y las noticias. El objetivo es que el usuario pueda insertar un enlace a cualquier parte de la Web.
2. URL: Campo donde se escribirá la dirección URL del contenido a enlazar. 3. Ancla: Las anclas sirven para crear enlaces dentro de un mismo documento. En
este campo se introducirá el nombre de esa ancla. Más abajo veremos como funcionan.
4. Título: Este campo es opcional. Sirve para dar un título al enlace que estamos creando. Se mostrará al pasar el cursor del ratón por encima de dicho enlace (similar a la etiqueta “alt” de las imágenes).
5. Destino: Nos permite elegir si el enlace se abrirá en la misma ventana o en una ventana nueva del navegador. Por defecto se abrirá en la misma ventana.
Se permiten los siguientes tipos de enlaces:
o URL: Si se desea introducir una URL externa se introducirá dicho
enlace en el cuadro URL de la ventana. Es necesario que dicha dirección empiece por http://(mostrado por defecto).
Ventana de creación de enlaces.
contenidos de cada unidad, de la forma “Sección – Unidad – Nombre del contenido”.
Vista de la ventana de creación de enlaces cuando se ha seleccionado un contenido interno.
Para seleccionar un contenido se pulsa sobre el nombre del contenido deseado y automáticamente se mostrará el enlace en el cuadro de abajo (“URL”). Al pulsar “Aceptar” el enlace seleccionado quedará guardado.
o Enlace a una dirección de correo electrónico. Se introduce la
dirección en el cuadro de URL igual que una URL normal pero en lugar de poner “http://“ se pondrá “mailto:”.
o Anclas. Nos permiten enlazar con un contenido de la misma página.
El procedimiento es el siguiente:
1. Se crea el ancla, es decir, el texto de la página al que se desea enlazar. Se selecciona el texto y se pulsa el botón de “Insertar enlace”.
2. En el campo “Ancla” escribimos un nombre que posteriormente utilizaremos para realizar el enlace. No hace falta modificar ningún otro campo.
Imagen que muestra un ejemplo de ancla: Se selecciona el texto “Microscopio Confocal” y se le asigna un ancla de nombre “confocal”.
3. Pulsamos aceptar.
4. El siguiente paso consiste en la creación del enlace. Escribimos el texto del enlace, lo seleccionamos y pulsamos el botón de “Insertar enlace”
5. En el campo URL escribimos “#nombre”, donde “nombre” será el nombre del ancla que insertamos en el paso 2.
Imagen que muestra la creación de un enlace a un ancla: Se crea el texto del enlace y se le asigna el link “#confocal”, siendo “confocal” el nombre que le dimos al ancla.
6. Pulsamos aceptar. Una vez guardados los cambios en el editor, comprobamos que el enlace funciona.
8. Deshacer
Permite deshacer la última acción realizada. 9. Rehacer
Permite rehacer la última acción realizada. 10. Lista ordenada
De manera similar a un procesador de texto, se procede situando el cursor en la línea en la que se quiera crear la lista.
11. Lista desordenada
Se utiliza de la misma manera que la lista ordenada. El icono de la lista será siempre una flecha verde.
Imagen de una lista ordenada y otra desordenada dentro del editor.
12. Subíndice y superíndice
Para insertar un índice o superíndice que no sea un carácter especial, se pulsa el botón correspondiente, se escribe y se vuelve a pulsar para volver a insertar texto normal. NOTA: Cuando uno de los botones está activado se mostrará en azul.
13. Insertar carácter especial
Para insertar un carácter especial basta con abrir la ventana correspondiente y pulsar sobre el carácter deseado. El administrador puede insertar nuevos caracteres que no se encuentren en este listado.
14. Insertar imagen
La opción de insertar imagen permitirá:
● Seleccionar una imagen que ya se encuentre almacenada en el servidor. Por defecto se ha creado una carpeta para cada unidad, de manera que cada usuario encuentre fácilmente sus imágenes. También puede seleccionar imágenes de otras unidades.
El proceso es sencillo:
1. Ubicar el cursor en el editor en el lugar donde se quiera insertar la imagen. 2. Acceder a la ventana de inserción de imágenes.
3. Seleccionar la carpeta de su unidad (o de otra si así lo desea)
Vista de la ventana de inserción de imágenes.
4. Seleccionar la imagen. Automáticamente se mostrará el link en el cuadro de directorio.
5. Insertar un texto alternativo. Se trata de un texto breve que explique la imagen. Esto es útil para navegadores que no muestren imágenes o lectores de pantalla. Será un campo obligatorio.
Inserción de una imagen.
6. Aceptar.
● Insertar una imagen procedente del equipo del usuario
El usuario puede insertar en su carpeta las imágenes que desee procedentes de su equipo.
Procedimiento:
1. Pulsar el botón de examinar. 2. Seleccionar la imagen. 3. Aceptar
4. Pulsar el botón de “subir”. La imagen aparecerá en la carpeta correspondiente. En caso de que no aparezca usaremos el botón “actualizar” o comprobaremos que no se ha almacenado en la carpeta raíz.
5. Seleccionamos la imagen de la misma manera que en el caso anterior
● Cambiar el tamaño de las imágenes
Una vez que seleccionemos una imagen se mostrará automáticamente su ancho y alto en los cuadros correspondientes. En el caso de que el usuario quiera reducir o aumentar el tamaño:
1. Modifica el ancho o el alto (uno de los dos)
2. Pulsa el cuadro “Conseguir medidas proporcionadas”
3. Automáticamente se modificará proporcionalmente el valor que no ha sido introducido por el usuario.
Si el usuario cambia alto y ancho libremente la imagen podría quedar pixelada o deforme.
● Alinear la imagen
El usuario podrá seleccionar en el cuadro “alinear” si desea que la imagen se alinee a la derecha o a la izquierda. El valor “centro” se refiere a alinear el texto al centro con respecto a la imagen, no significa que la imagen se centre en el cuadro del texto.
NOTA: Las imágenes no podrán tener un ancho superior a 400px, ya que serían mayores que el tamaño del cuadro de contenido de la página. El alto de la imagen no tiene restricción.
NOTA: Si la imagen no se sube o no se ve su vista preliminar es probable que sea porque el nombre de la imagen tiene espacios en blanco.
Se permiten las siguientes extensiones para las imágenes: .gif, .jpeg, .jpg, .png aunque el administrador podría añadir más posibilidades.
15. Insertar tabla
El usuario puede insertar tablas de forma sencilla. Éstas siempre tendrán el mismo estilo para unificar los estilos dentro del sitio Web.
Procedimiento:
1. Pulsar el botón de insertar tabla situando el cursor donde se desee insertar. 2. Se introduce el número de filas y de columnas. Posteriormente se podrán añadir
o eliminar filas o columnas. 3. Aceptar. Se inserta la tabla.
4. El usuario modificará el tamaño a su gusto pulsando sobre la tabla y arrastrando con el ratón desde las esquinas. Mientras se va agrandando o disminuyendo el tamaño de la tabla se mostrarán las proporciones; es altamente recomendable que el ancho no supere los 565px, ya que de lo contrario será demasiado ancha para el tamaño del cuadro de texto del sitio Web. Si al guardar los cambios la tabla no tuviera las proporciones deseadas se podrá volver a editar y modificarla. 5. Al pulsar sobre la tabla se mostrarán unos ejes que permiten eliminar columnas
Eliminar filas o columnas: Se mostrarán unas cruces y flechas a ambos lados. Las flechas sirven para insertar nuevas filas o columnas en la dirección en la que apuntas. Las cruces sirven para eliminar filas o columna. Las etiquetas horizontales eliminarán o insertarán columnas y las verticales filas.
Imagen de la ventana que permite la inserción de una nueva tabla.
Imagen que muestra la inserción de una tabla indicando los controles
Dichos controles nos permiten cambiar el tamaño e insertar o eliminar fácilmente filas y/o columnas.
16. Insertar fichero
El usuario puede insertar un link a un fichero que ya se encuentre en el servidor o subirlo desde su equipo.
● Mozilla Firefox
1. Se selecciona el texto que se desea que enlace con un fichero. 2. Se accede al editor de ficheros
3. El usuario entra en su correspondiente unidad, a no ser que necesite un fichero común o de otra unidad.
4. Selecciona el fichero correspondiente. Se mostrará automáticamente el link necesario.
5. Aceptar. Automáticamente se guardará el link generado y se insertará para el texto seleccionado.
NOTA: Si no se selecciona un texto se insertará el nombre del fichero.
Imagen del gestor de ficheros
● Internet Explorer
1. Se accede directamente al editor de ficheros, ubicando el cursor en el lugar que se desee insertar.
2. Se selecciona el fichero correspondiente. Se generará el link de ese fichero. 3. Se modifica el nombre. Será el que aparezca como enlace. Por defecto aparecerá
el nombre del fichero, se puede modificar para que aparezca el texto que se desee enlazar.
4. Aceptar.
1. Se accede al editor de ficheros.
2. Se pulsa “examinar” y se localiza el fichero. 3. Se selecciona y se acepta.
4. Se pulsa “subir”. El fichero será insertado en la carpeta en la que el usuario se encuentre en ese momento. En el caso de que no se vea el fichero subido, se utilizará el botón “actualizar” o se comprobará que no se haya almacenado en la carpeta raíz.
NOTAS:
El fichero subido no podrá ser mayor de 2Mb.
Se permiten las siguientes extensiones: 'html', 'doc', 'xls', 'txt', 'gif', 'pdf', 'gz', 'tar', 'zip', 'rar', 'bzip', 'sql', 'swf', 'mov', 'jpeg', 'jpg', 'png'.
No se permiten las siguientes extensiones: 'php', 'php3', 'php4', 'phtml', 'shtml', 'cgi', 'pl'. Los ficheros y las imágenes serán almacenados en los mismos directorios, con el fín de que una imagen pueda ser enlazada igualmente como fichero.
17. Vista preliminar
El botón de vista preliminar nos permitirá ver el aspecto final que tendrá el texto dentro de la página Web correspondiente.
