PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS:

Transcripción

1 PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: CURSO PLATAFORMA JCYL Entramos como administradores de la página. Existen dos posibilidades: 1. Escribiendo en el navegador de Internet, la dirección del centro: pero añadiendo detrás la palabra administrador 2. Haciendo clic de ratón en el enlace que hay en la página de inicio: 3. ACCESO A LA ADMINISTRACIÓN DEL PORTAL Nos aparece la siguiente ventana: Escribimos nuestro nombre de usuario y clave. Una vez dentro nos aparecen dos opciones de administración: sitio web, y bitácora (blog) SITIO WEB Se ve la siguiente pantalla: Hay cuatro pestañas en las que tenemos permiso para realizar cambios (es decir, tenemos permiso de administración) 1. Secciones

2 2. Páginas 3. Imágenes 4. Uploads (cargar archivos)se ve la siguiente pantalla: CURSO PLATAFORMA JCYL NOTA: nunca tocamos nada ni hacemos nada en la pestaña de Secciones!! En Páginas vemos las páginas de Inicio de todos los departamentos de instituto, por eso tenemos que tener especial cuidado en trabajar sólo en la página de inicio de nuestro departamento y no tocar nada de los demás. Con el tiempo querremos añadir nuevas páginas a nuestro departamento, y no sólo tener la página de Inicio, para ello en la zona de comandos, tenemos la opción Agragar. Podemos también hacer cambios en Modificar o quitar páginas con Eliminar. Entremos en nuestra página de Inicio del departamento: Tablas Aparecen diferentes parámetros: SECCIÓN DEL SITIO: es la sección a la que está ligada nuestra página, en este caso, la página de Inicio está ligada a DEPARTAMENTOS, luego aparecerá en el menú de la izquierda de la página del centro cuando despleguemos la Sección Departamentos. Nombre del menú: texto que se verá en el menú izquierda en la sección DEPARTAMENTOS Título: texto que aparecerá al principio de nuestra página. Texto alternativo: texto que se verá al pasar el ratón por el menú. Contenido: zona para introducir texto, igual que cualquier editor de texto como el WORD. NOTA 1: Cualquier cambio de contenido que hagamos en nuestra página sólo se guardará cuando le demos al botón que está abajo del todo Modificar. Si no le damos y nos salimos del portal, todos los cambios se perderán.

3 NOTA 2: Para salir del portal, no vales con cerrar el navegador de Internet, ya que cualquier otra persona que venga después podría acceder con nuestras claves. Para salir correctamente CONTENIDOS BÁSICOS DE NUESTRO SITIO WEB 1.-Texto Convendría maquetar el texto dentro de tablas, pero no es necesario. Si hacemos clic en Insertar tabla nueva podemos elegir número de filas y columnas. Interesa decirle que el ancho se a de 650 píxeles para que ocupe el ancho de toda la página que se verá en la web. 2.-Imágenes. Darán mucha vistosidad a la página, pero no interesa cargar imágenes de mucho tamaño y resolución (muchos Mb) ya que la página tardará mucho en cargarse cuando alguien la consulte. Es muy probable que haya imágenes que tengamos que tratar para reducir peso y tamaño. Para ello se puede utilizar un programa muy sencillo se llama web resizer de Internet, aunque esto también se puede hacer con cualquier editor de imágenes como Gimp o Paint, etc

4 Para buscar imagen en nuestro ordenador Encontrada la imagen se carga aquí. Conviene darle como máximo el ancho de la página web 650 Aplicamos cambios en el botón apply changes y nos descargamos en nuestro ordenador la nueva foto optimizada para colgarla en nuestra web. Con la foto ya preparada, ahora la colgaremos en el servidor de la JCYL, ya que para poder ponerla en nuestra página antes la debemos subir al servidor, para ellos vamos a la pestaña Imágenes Botón Agregar para cargar la foto.

5 Conviene en Descripción poner un texto que nos ayude a encontrar la imagen con información de lo que es la imagen y por ejemplo el curso en el que la colgamos. En Categoría debemos elegir nuestro departamento, para que la imagen no se pierda y las tengamos bien organizadas. Seleccionar archivo para buscar la imagen en nuestro ordenador. Una vez localizada le damos al botón de abajo Agregar Volvemos a la pestaña Páginas y seleccionamos la página en la que estamos trabajando. Ya de vuelta en nuestra página hacemos clic con el ratón en el sitio en el que queremos que aparezca la imagen. Elegimos en Categoría de imágenes la categoría en la que guardamos nuestra imagen. Aparecerán debajo todas las imágenes que tengamos cargadas. Elegimos la imagen deseada y ésta se pondrá allá donde dejamos el cursor en nuestra página. Aplicamos cambios en el botón apply changes y nos descargamos en nuestro ordenador la nueva foto optimizada para colgarla en nuestra web. Existe otra forma de poner imágenes en nuestra página sin necesidad de cargarlas previamente en el servidor de la Junta. Para ello buscamos una imagen en Internet que nos guste, con el botón derecho del ratón copiamos la dirección URL de la imagen y luego insertamos la imagen en nuestra página usando el icono del árbol Insertar imagen de internet.

6 En la ventana que nos sale introducimos la dirección URL de la imagen que previamente habíamos copiado, y damos a insertar. Esta forma de poner fotos está condicionada a que la imagen no se quite de Internet, ya que en el momento en el que desaparezca de la página original de la que la copiamos, se dejará de ver en nuestra web. 3.-Enlaces o links. Primero copiamos el enlace de la página que queremos enlazar (su dirección URL), después seleccionamos con el ratón el texto que queremos que sea el enlace en nuestra página y damos al icono de la cadena que sirve para crear enlaces Nos aparecerá la siguiente ventana en la que copiaremos la dirección URL de la página que queríamos enlazar y damos a Aceptar. El texto queda subrayado y ya está listo el enlace. Como vemos en la imagen anterior, también podemos enlazar a páginas del sitio web del instituto, sólo hay que buscarlas y hacer clic de ratón para que se copie la URL. 4.-Enlaces a archivos También podemos crear el enlace a algún archivo que queramos que la gente que visite nuestra página web se pueda descargar. Para ello igual que hacíamos con la imágenes, tenemos previamente que cargar en el servidor de la Junta el archivo, pero se hace diferente de cómo se hacía con las imágenes, tenemos que utilizar la pestaña Uploads que sirve para subir los archivos.

7 Damos a Agregar el archivo. Se nos abre una ventana en la que tendremos que seleccionar el archivo de nuestro ordenador. Igual que hacíamos con las imágenes conviene poner una descripción que nos ayude a encontrarlo fácilmente. Hay que elegir la categoría de nuestro departamento para que todos nuestros archivos estén bien organizados y sea más fácil encontrarlos. Damos a Agregar. De vuelta a nuestra página, creamos el enlace de texto para que los usuarios de nuestra página puedan descargarse el archivo, con el icono de la cadena. Se nos abre de nuevo la ventana: Elegimos ahora en la pestaña Uploads nuestro archivo, que nos será fácil de encontrar si filtramos la búsqueda utilizando Categoría del archivo. Así sólo veremos los archivos de nuestro departamento cargados en el servidor.

8 Seleccionamos el archivo, aparecerá su dirección URL. Damos a aceptar. Ya está creado el enlace a un archivo para que se pueda descargar desde nuestra página web.

9 CONTENIDOS WEB 2.0 DE NUESTRO SITIO WEB Enlace de interés: CURSO PLATAFORMA JCYL Habrá un término que va a estar siempre presente Embeber o Incrustar Más adelante veremos como funciona. Podemos introducir en nuestra página contenido más sofisticados que harán que nuestra página sea mucho más atractiva. En la mayoría de los casos tenemos que registrarnos como usuarios en estas aplicaciones 1.-Fotos con PICASA Podremos ver imágenes previamente colgadas por nosotros en Picasa de google. Nos da la opción de verlas imágenes como transición de diapositivas. Picasa nos facilitará un texto para embeber o incrustar (código html) que tendremos que copiar en nuestra página del centro utilizando el botón web Insertar videos de YOUTUBE Podemos enlazar videos nuestros o de otras personas copiando su código html. 3.-Presentaciones de diapositivas con SLIDESHARE Las presentaciones en powerpoint que allí cuelgan los usuarios registrados tienen todas su código html para poder incrustarlo en nuestra página. 4.-Enlaces a disco duro DROPBOX, SKYDRIVE, GOOGLE DRIVE Podemos enlazar a carpetas de nuestros discos duros virtuales, teniendo su código para embeber. 5.-Texto en formato revista digital ISSUU Issuu es una plataforma web 2.0 que actúa como biblioteca de documentos para poder visualizarlos como si fuera un libro digital. Su manejo es muy sencillo y después de un registro verás que en pocos minutos puedes ya subir y embeber tus propios documentos de manera muy efectiva y efectista. 5.-Reproductores de audio GOEAR, DEZZER Ver más posibilidades en: