Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

Transcripción

1 ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar y modificar la sección correspondiente de su departamento o función (biblioteca, cargos directivos, proyectos,...) mientras que el coordinador web se encargará de la organización y Administración del conjunto. Lo que vamos a ver es como se puede modificar y completar la página de cada Departamento o proyecto. Si queremos profundizar Hay un manual de administración de la página web en el grupo Admin sitio de la plataforma Helvia o podéis poneros en contacto con el coordinador TIC que os lo proporcionará. Acceso a la administración del sitio web Para acceder a la administración del sitio web, se realizará a través de la administración general de la plataforma: c0/helvia/administracion o desde fuera del centro Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página Hacemos clic en Sitio web y ya hemos podemos acceder a la administración de la página web. Enseguida nos encontramos con la siguiente página: Esta es la sección para modificar la página inicial de nuestro sitio web, que corresponde al coordinador TIC. Para acceder a nuestra página debemos hacer clic en la pestaña Páginas

2 y llegamos a elegir la que queremos modificar Haciendo clic sobre la que queremos modificas, ya está. En este ejemplo veremos como lo hemos hecho con la página del Departamento de Matemáticas, pero cada cual debe hacerlo con la que le corresponde.

3 Aparece un formulario con una serie de campos ya completados. Si queremos modificar alguno sólo debemos escribir sobre ellos. Campos del formulario: a) Sección del sitio: en este campo tenemos seleccionada la sección en la que aparece dentro la página que tenemos. b) Nombre del menú: aquí debemos escribir el nombre que queremos aparezca en el menú desplegable (bajo la sección en la barra de menú de la vista sitio). c) Título: aparece en la parte superior de la página automáticamente en la vista del navegador. d) Texto Alternativo: rellenando este campo haremos que al colocar el puntero del ratón sobre el nombre del menú durante unos segundos, aparezca el comentario que escribamos en este campo. Este campo no es obligatorio, por tanto puede optar por no colocar información. e) Visible en la web: esta casilla esta tildada por defecto, ya que si la desactiváramos, lograríamos que esta página sea oculta. f) URL, Módulo y Contenido son las tres opciones que tenemos para una página, aunque se encuentren resaltadas en negrita, solo podemos escoger una de ellas, a continuación describiremos para que sirve cada una de ellas. URL: Una página puede contener información en su interior o bien funcionar como enlace externo a nuestro sitio web, es decir que en vez de mostrarnos la información de una página interna, al hacer un clic nos conduzca a una página diferente. Esto es exactamente lo que hace esta opción, solo debemos tildar la casilla que aparece junto a URL: y escribir la dirección de la página web a la que nos llevará el enlace. En este caso no aparece la página que estamos creando o modificando, sólo esa página web externa que hemos enlazado. Módulo: aquí podemos escoger otras de las características del producto, tales como los formularios, noticias, libro de visitas, Buscadores. etc. Para escoger alguna de estas opciones solo debemos activar la casilla y luego hacer un clic en el control para que se desplieguen las opciones, clic sobre

4 la escogida y listo. Si creamos un nuevo formulario, el nombre aparecerá entre las opciones que se despliegan. Contenido: Aquí es donde nos ocuparemos del diseño del sitio. Para eso debemos activar la casilla y ocuparnos de diseñar. Como puede verse, las opciones de diseño son muy similares a un procesador de textos, pero aún así, a continuación explicaremos para que sirve cada una de las opciones: Los iconos que aparecen, de izquierda a derecha y de arriba abajo, aparecen descritos a continuación: Estilo: esta herramienta sirve para llevar un orden en cuanto a Títulos y Párrafos. Desplegando el menú veremos las características que podemos dar al texto. Fuente: Aquí sencillamente debemos escoger un tipo de letra de las disponibles en la lista. Formato: Esta opción, nos da la posibilidad de escoger alguno de los estilos, como por ejemplo: párrafo, o encabezado, etc. Tamaño: referente al tamaño del texto. Negritas: representado por una letra B gruesa y oscura, aplica el estilo de fuente negritas al texto seleccionado, dándole un aspecto resaltado. Cursiva: representado por una letra I inclinada, aplica el estilo itálica o cursiva al texto seleccionado. Subrayado: representado por una U subrayada, aplica una línea o subrayado bajo el texto seleccionado. Tachado: permite tachar el texto seleccionado. Color: representado por una letra A y una paleta de colores, este botón permite aplicar un color a los textos seleccionados. Color de fondo: permite resaltar algún texto, aplicándole un color de fondo. Superindice y subindice: permite colocar subíndice y superíndice al texto. Borrar formato: permite quitar todo el forma del texto que se encuentra en el editor. Alineación: representado por tres botones con líneas alineadas a la izquierda, al centro o a la derecha, aplica estas alineaciones respectivamente sobre el texto que se ha seleccionado. Lista numerada: representado por una serie de párrafos numerados, este botón aplica una numeración correlativa a los párrafos que se han seleccionado. Viñetas: representado por una serie de párrafos destacados por un símbolo, este botón aplica un punto o símbolo a los párrafos que se han seleccionado. Sangrías: representado por un símbolo que indica que el texto se desplaza a la izquierda o a la derecha, este botón aumenta o disminuye la sangría que se ha aplicado a uno o más párrafos previamente seleccionados. Deshacer o rehacer: permite deshacer o rehacer acciones realizadas dentro del editor. Cortar: representado por unas tijeras, seleccionando un texto o imagen y presionando sobre este botón lo elimina temporalmente hasta que lo peguemos en otro sitio con el botón PEGAR. Copiar: representado por unas hojas, seleccionando un texto o imagen y presionando sobre este botón y luego en PEGAR hará una copia exacta del mismo. Pegar: representado por un portapapeles, inserta en el sitio indicado por el punto de inserción, el contenido que hayamos cortado o copiado anteriormente. Insertar Texto HTML: se utiliza para pegar texto de algún programa que edita html. Pegar desde Word: Se utiliza para pegar texto que tenemos en algún procesador de texto. Seleccionar todo: se utiliza para seleccionar todo el texto que se encuentra dentro del editor Hipervínculo: representado por un símbolo de infinito, este botón permite enlazar un texto seleccionado con un enlace a la web. Para colocar un enlace, primero escriba el texto que desea enlazar y luego seleccione el botón enlace y escriba la dirección web o un enlace a cualquier parte del sitio web. Repositorio: se utiliza para buscar objetos dentro del Repositorio del aula. En cualquiera de sus niveles. Insertar o editar ancla: permite realizar un enlace que conduce a un elemento que se encuentra en

5 la misma página web. Se utilizan en las páginas extensas para que usuario localice información con facilidad. Editar HTML: esta opción es para usuarios más avanzados, tildando esta casilla nos mostrará el código de programación de la página que estamos diseñando. Vista previa: premite previsualizar el resultado del trabajo realizado en el editor. Insertar tabla: Para organizar el diseño de su mensaje puede crear tablas con este botón. Podemos escribir lo que queramos y ya tenemos la página de nuestro Departamento preparada de forma básica. NO PODEMOS OLVIDARNOS DE HACER CLIC EN EL BOTÓN MODIFICAR PARA QUE LOS CAMBIOS QUE REALICEMOS SE GUARDEN. Imágenes Agregar o Subir una imagen al sitio. Para colocar las imágenes en el diseño de nuestra página debemos antes subirlas al servidor desde la administración. Este proceso es muy similar al de enviar un archivo adjunto por correo electrónico. Hay que seguir los siguientes pasos: 1º paso: hacer clic en el menú Imágenes entre las opciones del menú horizontal 2º paso: escoger en la barra de comandos la opción Agregar. 3º paso: En el centro de la pantalla aparece un formulario. El campo Nombre sirve para identificar la imagen cuando aparezca en la tabla a la hora de aplicarla al diseño El campo Descripción sirve para tener un mejor control de las imágenes, se recomienda escribir un breve detalle sobre de que trata la imagen. Estos datos estarán visibles luego en la sección modificar. Categoría: se debe seleccionar una categoría para organizar las imágenes. Este es un campo obligatorio. Para completar el campo Imagen deberemos buscar entre los directorios del disco duro el archivo de imagen que queremos agregar al sitio. A este apartado se hacía referencia cuando se hablaba de la similitud con los archivos adjuntos de un . Para acceder al directorio y seleccionar el archivo a subir, debemos hacer un clic sobre el botón Examinar. Automáticamente se abre una ventana con las carpetas disponibles en el disco duro, solo basta buscar el archivo y hacer un clic en el botón abrir de esa misma ventana. 4º paso: Para terminar solo basta en hacer un clic en el botón Agregar al final del formulario. Hay que tener en cuenta los tipos de imágenes permitidos, indicados justo antes del formulario. Después de agregarla al banco de imágenes volveremos a la administración de nuestra página para añadirla. Para introducir una imagen en el cuadro de diseño, debemos hacer un clic sobre la imagen que deseamos aparezca en el diseño. Automáticamente aparecerá la imagen al final del diseño actual. Una vez que la imagen está en el diseño, solo queda arrastrarla al lugar de la página en el que se desee ubicar. Enlaces: Podemos establecer un enlace desde la página web a otras páginas de nuestro sitio web, a páginas de internet externas o a documentos que tengamos almacenados en nuestro Servidor de Contenidos. Enlaces a páginas web: Lo hacemos con el botón hipervínculo. Tenemos que escribir un texto, seleccionarlo y hacemos clic en hipervínculo. Podemos ver la siguiente página (Imagen 1):

6 Al final de ella nos aparece un espacio donde escribir (o copiar y pegar) la dirección web completa a la que queremos hacer el enlace, aceptamos y ya está. Imagen 1 Enlaces a otras páginas de nuestro sitio web: Procedemos de la misma manera que en el caso anterior, pero al desplegar el menú de hipervínculo nos aparece una relación de todas las páginas que están disponibles. Elegimos la que queramos y aceptamos Enlaces a documentos: Podemos hacerlo de dos formas diferentes, y en ambos casos debemos antes subir el documento a nuestro servidor de contenidos. 1. A través del botón hipervínculo: Lo primero sería subir el archivo. En la página de Administración del sitio web pulsamos la pestaña Uploads y procedemos igual que hicimos para agregar las imágenes. Una vez que nuestro documento está disponible repetimos los pasos que realizamos para enlazar páginas, buscando en uploads el archivo

7 deseado. 2. A través del botón repositorio. Este proceso es algo más dificultoso pero nos permite guardar un documento y luego poder disponer de él en el aula virtual. Primero tenemos que subir el archivo al repositorio del Aula virtual. desde el menú de entrada a la Administración elegimos Aula Virtual Si ya estamos dentro de la Administración del sitio web o de la Bitácora no tenemos que salir. En la parte superior derecha desplegamos el menú Opciones de Administración y elegimos Administración de Aula Virtual Elegimos la pestaña Repositorio y pulsamos en Agregar Hay algunos campos obligatorios (los que están en negrita) Localización del Objeto: Elegimos el repositorio local o el personal. Recordad donde lo colocamos para luego poder buscarlo en su momento Tipo de Objeto: Normalmente será un archivo. Si es un sitio local es algo más complicado. Nombre: Buscamos el archivo o escribimos la dirección de la página web

8 Descripción: aquí es posible escribir una descripción del archivo o sitio a agregar, para facilitar la búsqueda o acceso posterior. Conocimientos Previos: es un campo opcional en el Repositorio Personal o Local. Objetivos Didácticos: es un campo opcional en el Repositorio Personal o Local. Autoría: es un campo opcional en el Repositorio Personal o Local. Indicará Persona/as o entidad autora del material. Palabras Clave: agregando palabras en este campo, facilitará la búsqueda del contenido a agregar. Disciplina: es un campo opcional en el Repositorio Personal o Local. El usuario podrá seleccionar cualquier zona del árbol y visualizará la rama completa seleccionada. Etapa: es un campo opcional en el Repositorio Personal o Local. El usuario podrá seleccionar cualquier zona del árbol y visualizará la rama completa seleccionada. Visibilidad: En este campo hay que seleccionar todos aquellos grupos los cuales tendrán acceso al elemento agregado. Para poder enlazarlo desde el sitio web, mejor dejarlo en blanco Categorías: Se pueden seleccionar todas aquellas categorías en las cuales aparecerá en objeto a agregar. Cuando terminemos pulsamos en Agregar y ya está. Una vez que hemos subido el Archivo al repositorio volvemos a la Administración del Sitio web a través del menú Opciones de Administración, como antes. Volvemos a entrar en la página a modificar Con esto ya podemos trabajar en nuestra página web.