Your SlideShare is downloading. ×
  • Like
1mp 6 Todo Lo Que Necesitas Saber Para Publicar Articulos En El Portal
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

1mp 6 Todo Lo Que Necesitas Saber Para Publicar Articulos En El Portal

  • 2,572 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Mario lópez. Esa presentación es mía campeón.
    Tiene Licencia Creative Commons, para que puedas usarla, pero no la publiques como si fuera tuya o al menos haz un comentario sobre la autoría real del trabajo. No crees?
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
2,572
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
92
Comments
1
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. MANUAL DEL PUBLICADOR EN JOOMLA Todo lo que necesitas saber para publicar tus artículos en la página Web del Centro
  • 2. Índice (1)
    • ¿Dónde clasifico mis artículos?: Secciones y Categorías de la página Web.
    • Permisos en Joomla
    • ¿Cómo introduzco texto?. Artículo básico.
    • Visualizar los artículos. Modos de visualización.
  • 3. Índice (2)
    • ¿Quién quiero que vea mi artículo?: Permisos de visualización
    • ¿Cómo inserto una imagen en mi Artículo?.
      • Darse de alta en una cuenta Yahoo
      • Darse de alta en el servicio Flickr .
      • Subir imágenes a Flickr .
      • Incrustar una imagen de Flickr en el Artículo.
  • 4. Índice (3)
    • ¿Cómo introduzco una presentación en mi Artículo?
      • Darse de alta en los servicios de Slideshare .
      • Subir una presentación a Slideshare .
      • Incrustar una presentación Slideshare en mi Artículo.
  • 5. Índice (4)
    • ¿Cómo introduzco un video de Youtube en mi Artículo?
      • Darse de alta en los servicios de Youtube .
      • Subir un video a Youtube .
      • Incrustar un video desde Youtube a mi Artículo.
  • 6. Índice (5)
    • ¿Cómo pongo un enlace a otra página o Blog desde mi Artículo?
      • Introducir un hipervínculo interno sobre un texto.
      • Introducir un hipervínculo externo sobre una texto.
      • Introducir un hipervínculo interno o externo sobre una imagen.
  • 7. Índice (6)
    • ¿Cómo pongo un archivo para descargar dentro de mi Artículo?
        • Colocar archivos de reducido peso en Docman .
        • Crear un vínculo a un archivo de Docman .
        • Darse de alta en un repositorio de archivos (Contenedor Web)
        • Subir un archivo al contenedor
        • Vincular a la descarga del archivo
  • 8. Índice (7)
    • ¿Cómo introduzco un audio en mp3 en mi Artículo?
      • Darse de alta en los servicios de Imeem .
      • Subir un mp3 a Imeem .
      • Incrustar un mp3 en mi Artículo desde Imeem .
  • 9. Índice (8)
    • ¿Cómo introduzco una animación Flash de Yudu en mi Artículo? ( PDFs en Flash).
        • Darse de alta en Yudu .
        • Subir un PDF a Yudu .
        • Integrar el flash de Yudu en el Artículo.
  • 10. Índice (9)
    • ¿Cómo creo y publico una galería de imágenes con la extensión Exposé4?
        • Ventajas de Exposé4 .
        • Crear la galería.
        • Visualizar la galería.
  • 11. Índice (10)
    • ¿ Cómo creo y publico un evento asociado a una fecha con Jevents ?
        • Ventajas de Jevents
        • Crear un evento para una fecha.
        • Visualizar un evento.
  • 12. Índice (11)
    • ¿Cómo introduzco una animación flash (archivo .SWF) en mi Artículo?
        • Encontrar y bajar una animación Flash.( archivo . swf o “ Infografía ”).
        • Subir el archivo al FTP vía Docman .
        • Insertar el SWF en el Artículo.
  • 13. 1-¿Dónde clasifico mis artículos?(1)
    • Secciones y Categorías de la página Web.
  • 14. 1-¿Dónde clasifico mis artículos?(2)
    • Las secciones son contenedores grandes (Armarios)
    • Las categorías son contenedores pequeños (cajones dentro de cada armario).
    • Los artículos van siempre dentro de una categoría y es una publicación (texto, imágenes, etc...)
    • Las entradas de menú son los tiradores de las puertas de los armarios y de los cajones. Gracias a ellos podemos acceder a ver lo que hay dentro.
  • 15. 1-¿Dónde clasifico mis artículos?(3)
    • Los menús y las entradas de menú las crean los administradores. Solo debéis decir donde y cómo las queréis.
    • Desde una entrada de menú se dice adonde queremos entrar:
      • A ver una sección completa
      • A ver una categoría completa
      • Ó a ver un artículo concreto
  • 16. 1-¿Dónde clasifico mis artículos?(4)
    • Además, al crear las entradas de los menús debemos indicarle al sistema:
      • Si nos lleva a un sitio que queremos que sea público (que lo vea todo el mundo), Registrado (que sólo lo vean los usuarios registrados) o de acceso Especial (que solo lo vean los usuarios que sean autores o de categoría superior a autor)
      • Cómo queremos que se presente el contenido.
        • Por ejemplo, si nos lleva a una sección podemos ver los artículos de una sección como si fuese un Blog, o simplemente que nos saque una lista de las categorías que hay dentro de esa sección
        • Si nos lleva a una categoría podemos elegir entre que nos presente todos los artículos de esa categoría como si fuese un Blog o bien que simplemente nos saque un listado de los artículos de esa categoría
        • Si es un enlace directo a un artículo hay menos opciones.
  • 17. 2-Mapa conceptual de permisos en Joomla (1) Rojo indica menor grado de permisos Verde indica mayor grado de permisos
  • 18. 2-Mapa conceptual de permisos en Joomla (2)
    • FRONTEND
    • Los Invitados: son personas que acceden a la portada y todavía no se han registrado. Pueden ver sólo los contenidos públicos y no pueden crear contenidos
    • Los Usuarios Registrados: son personas que ya se han registrado y “logueado”. La diferencia es que pueden ver los contenidos que tengan asignación “Registrado”. Tampoco pueden subir contenidos
    • Los Autores: pueden crear artículos de contenido, pero estos artículos no se publican hasta que un publicador (o superior) revisa y permite la publicación. Además, pueden ver todos los contenidos del sitio. También los contenidos de asignación “Especial”
    • Los Editores: pueden crear sus propios artículos de contenido, y modificar o corregir los de otros autores y editores pero estos artículos no se publican hasta que un publicador (o superior) revisa y permite la publicación. También pueden ver todos los contenidos del sitio incluidos los contenidos de asignación “Especial”
    • Los Publicadores: pueden crear sus propios artículos de contenido, y modificar o corregir los de todos los perfiles y además pueden publicar. Por supuesto ven todos los contenidos.
  • 19. 2-Mapa conceptual de permisos en Joomla (3)
    • BACKEND
    • Los Manager: Son igual que los publicadores, pero pueden acceder al Backend. Por ello tienen algunas de las opciones de modificación de la configuración
    • Los Administradores: Igual que los Manager y con algunas opciones más de gestión del sitio
    • El Superadministrador: Es único y tiene la totalidad de permisos de configuración y gestión del sitio.
  • 20. 3-Crear un Artículo básico, que sólo contenga texto (1)
    • Voy a la página
    • de la Web del centro:
    • http :// web.educastur.princast.es / ies / matajove / joomla /
    • En nuestro caso y como ejemplo la Web del IES Mata Jove
  • 21. 3-Crear un Artículo básico, que sólo contenga texto (2)
    • Introducimos nombre y contraseña de usuario.
  • 22. 3-Crear un Artículo básico, que sólo contenga texto (3)
    • Aparecerá un nuevo menú: “Menú de Usuario”.
    • Nos da la bienvenida
  • 23. 3-Crear un Artículo básico, que sólo contenga texto (4)
    • Hacer clic sobre el enlace “Enviar Artículo”
  • 24. 3-Crear un Artículo básico, que sólo contenga texto (5)
    • Aparece el editor donde escribir y dar formato al texto, pero además hay que hacer otras cosas
  • 25.
    • Poner nombre al artículo
    3-Crear un Artículo básico, que sólo contenga texto (6)
  • 26.
    • Vamos a la parte de abajo del editor y seleccionamos la sección y la categoría dentro de las cuales se va a clasificar el artículo
    • Decidimos quien verá el artículo
    3-Crear un Artículo básico, que sólo contenga texto (7)
  • 27.
    • Guardar el artículo
    3-Crear un Artículo básico, que sólo contenga texto (8)
  • 28.
    • Insertar un “Leer más” en el artículo (1)
    3-Crear un Artículo básico, que sólo contenga texto (9)
    • Especialmente cuando la página que se muestra está en modo Blog, es decir se muestran todos los artículos uno a continuación de otro, bien de una sección o bien de una categoría y totalmente desarrollados, la extensión a lo alto de la página puede hacerse excesiva. Esto obliga a utilizar el Scroll del ratón en exceso, algo incómodo para el lector.
    • Puede ser menos necesario cuando el artículo se muestra individualmente o va en modo tabla.
  • 29.
    • Insertar un “Leer más” en el artículo (2)
    3-Crear un Artículo básico, que sólo contenga texto (10)
    • En los artículos de Joomla, como en los Blogs se tiende a desarrollar el artículo en dos zonas:
      • Una primera zona escueta, a modo de introducción.
      • Una segunda zona a la que se accede mediante un enlace “Leer más”, y que ya desarrolla el resto del artículo, es decir, el contenido principal.
  • 30. 3-Crear un Artículo básico, que sólo contenga texto (11)
    • La diferencia es evidente:
    • Así se visualiza una página en modo Blog con tres artículos utilizando los enlaces “Leer más”.
    • Se puede configurar para que se muestre un número de artículos determinado
    • Si hay más artículos se pueden ver pasando la página
  • 31. 3-Crear un Artículo básico, que sólo contenga texto (12)
    • Así se visualiza la misma página en modo Blog con los mismos tres artículos sin utilizar los enlaces “Leer más”. Se ha cortado la imagen en dos.
    • El lector está obligado a realizar un gran Scroll de ratón.
  • 32.
    • Insertar un “Leer más” en el artículo (3)
    3-Crear un Artículo básico, que sólo contenga texto (13)
    • Es muy sencillo. Al editar el artículo debemos situar el cursor allí donde queramos introducir el corte.
  • 33.
    • Insertar un “Leer más” en el artículo (4)
    3-Crear un Artículo básico, que sólo contenga texto (14)
    • Después vamos a la parte de abajo y hacemos clic sobre el enlace verde “Leer mas”.
    • Veremos una línea que divide el artículo en dos partes.
  • 34.
    • Insertar un “Leer más” en el artículo (5)
    3-Crear un Artículo básico, que sólo contenga texto (15)
    • Cuando guardemos, veremos el Artículo del cual sólo se mostrará la primera parte seguida de un enlace “Leer más”.
  • 35. 3-Crear un Artículo básico, que sólo contenga texto (16)
    • Seleccionar el editor (1)
    • Joomla trae varios editores de artículos y el administrador puede añadir más. En este caso se han añadido el JCE y el FCK.
    • Cada publicador puede elegir el que más le convenga, para crear sus artículos cambiar el editor que aparece es muy sencillo.
    • En la portada y logueados.
  • 36. 3-Crear un Artículo básico, que sólo contenga texto (17)
    • Seleccionar el editor (2)
    • Debes hacer clic en “Tu perfil”.
    • Cada publicador puede tener configurado un editor distinto.
  • 37. 3-Crear un Artículo básico, que sólo contenga texto (18)
    • Seleccionar el editor (3)
    • Aparece la pantalla “Modificar tus detalles”
    • Se puede cambiar el E-mail. La contraseña, el idioma, etc…
    • Pero lo que nos interesa es el editor.
  • 38. 3-Crear un Artículo básico, que sólo contenga texto (19)
    • Seleccionar el editor (4)
    • Se despliega la lista, y aparecen todos los editores disponibles. Unos son más completos que otros.
    • En este caso escojo el JCE, muy completo y versátil.
    • Por último hay que guardar
  • 39.
    • Entramos en la página del Centro.
    • Nos validamos como usuarios.
    • Vamos a la sección, a la categoría o al artículo navegando por los menús.
    • Pero no siempre lo veremos igual. Puede suceder que el menú nos dirija a:
        • Una sección presentada como Blog o como listado de categorías
        • Una categoría presentada como Blog o como listado de artículos
        • Directamente a un artículo
    4-Visualizar un Artículo (1)
  • 40.
    • De esta manera, para llegar a ver un artículo publicado en la sección Francés y en la categoría “Apuntes de Francés” habría que hacer:
      • Clic en Departamentos (Menú superior)
      • Clic en francés (Menú de la izquierda.)
      • Clic en Apuntes (Menú del ´”Dpto. de Francés”)
      • De la lista de apuntes que apareciera, clic sobre el artículo de que se trate.
    4-Visualizar un Artículo (3)
  • 41.
    • Blog de Sección
    • Esta es la presentación en modo Blog. Si el enlace lleva a una Sección se muestran todos los artículos de la Sección ordenados (aparece primero el último publicado).
    4-Visualizar un Artículo (4)
  • 42.
    • Blog de Categoría
    • Esta también es una presentación en modo Blog, pero en este caso para una categoría. Se muestran todos los artículos de la Categoría ordenados (aparece primero el último publicado)
    4-Visualizar un Artículo (5)
  • 43.
    • Tabla de Sección
    • Aquí no se muestra un artículo sino una lista de categorías dentro de una sección, en realidad se puede evitar creando menús para la sección, en el que cada entrada corresponda a una categoría
    4-Visualizar un Artículo (6)
  • 44.
    • Tabla de Categoría
    • Aquí no se muestra un artículo sino una lista de artículos dentro de una categoría. Puede ser útil en los casos en que queramos ofrecer apuntes o documentos para que el usuario elija de entre varios.
    4-Visualizar un Artículo (7)
  • 45.
      • Debe estar clasificado dentro de una Sección y de una Categoría.
      • En algún sitio debe de haber un enlace de menú que apunte a este artículo. En caso contrario no se ve.
    4-Visualizar un Artículo (8) Visualizar directamente un artículo concreto. Pero hay que recordar dos cosas:
  • 46.
      • Sección en modo Blog.
      • Sección en modo Tabla.
      • Categoría en modo Blog.
      • Categoría en modo tabla
      • Un artículo directamente.
    4-Visualizar un Artículo (9) Recopilando. Se puede presentar:
  • 47.
    • Lo decide quien lo crea.
    • Se pueden ocultar secciones enteras, Categorías entera o Artículos individuales.
    • Podemos elegir entre tres tipos de usuarios o niveles que tienen acceso al Artículo:
      • Público: Significa que todos los que accedan a la página del centro podrán ver el artículo, incluso cuando no estén registrados.
      • Registrado: Cuando queramos que el Artículo lo vean todos los Usuarios Registrados.
      • Especial: Cuando queramos que sólo lo vean los niveles con nivel de Autor o superior.
    5-¿Quién verá mi artículo? (1)
  • 48.
    • Esto significa que:
    • Daremos nivel Público a aquellos contenidos que queramos mostrar al mundo: Portada, Información sobre el Centro, oferta educativa, etc…
    • Daremos nivel Registrado a todos aquellos contenidos para uso de la Comunidad educativa del IES Mata Jove o a aquellas zonas donde puedan colocarse contenidos “sensibles”.
    • Daremos nivel Especial a aquellas zonas o contenidos de uso exclusivo del profesorado.
    5-¿Quién verá mi artículo? (2)
  • 49.
    • Todo esto es posible asignando:
      • A los profesores nivel de usuario de “Publicadores”
      • A los alumnos nivel de usuario de “Usuario Registrado”
      • Los padres deberán entrar con la clave de sus hijos
    • Las contraseñas para el profesorado podrán ser las mismas que las de Educastur.
    • Las cuentas de los alumnos serán dadas de alta una a una por los Administradores con los datos de la cuenta de Educastur, y sólo después serán facilitadas a los alumnos.
    • Una vez dados de alta todos los profesores y alumnos se quitará el módulo de registro, para evitar que se den de alta nuevos usuarios.
    • Cada año en septiembre habrá que dar de alta a los alumnos nuevos y de baja a los alumnos que ya no sean del Centro.
    5-¿Quién verá mi artículo? (3)
  • 50.
    • Por lo tanto, si queréis que todos vuestros contenidos de la sección sean públicos debéis hacer:
      • Decirnos que configuremos la sección como pública
      • Decirnos que configuremos las categorías de vuestra sección como públicas. A vuestro criterio podéis hacer que unas categorías sean públicas, otras registradas y otras especiales dependiendo qué queréis meter en ellas.
      • Publicar vuestros artículos como públicos, registrados o especiales, según consideréis, pero tened en cuenta que un artículo público en una categoría especial sólo lo verán los usuarios de nivel especial.
    • No se recomienda dejarlo todo público. Si queréis que todo sea público, mejor crear un Blog personal y lo vinculamos a la página.
    5-¿Quién verá mi artículo? (4)
  • 51.
    • Enriquecer los Artículos es básico. Habrá Artículos que por su naturaleza sólo requieran de texto, pero en otros casos necesitaremos incrustar :
        • Enlaces para descargar archivos PDF
        • Imágenes
        • Vídeos (Normalmente en formato FLV
        • Audio en formato .mp3 o .mid
        • Presentaciones en formato Flash
        • Archivos tipo .swf, infografías
    • Desgraciadamente estos archivos pesan mucho, y no se pueden almacenar en el espacio Web de Educastur, que es reducido. Hay soluciones.
    6-Insertar imágenes en el Artículo (1)
  • 52.
    • Debemos proceder como en los Blogs. Subir nuestros archivos a lugares de la Web 2.0 que permiten almacenar y compartir documentos y después incrustar esos archivos en el Artículo. De esta manera no ocupan espacio.
    • Sí se almacenarán en el FTP del IES los Archivos con información sensible, los documentos de Centro y los documentos de información reservada.
    • Para darnos de alta en estos servicios de hospedaje Web de archivos vamos a necesitar una cuenta de correo. Previamente deberemos darnos de alta en una cuenta y apuntar y guardar bien los datos de esta.
    6-Insertar imágenes en el Artículo (2)
  • 53.
    • Elegimos Yahoo. Bien pudiera haber sido Hotmail o Gmail. Eso sí, muy importante apuntar bien el nombre de usuario y la contraseña, la dirección de la página, etc..
    6-Insertar imágenes en el Artículo (3)
    • Darse de alta en una cuenta de correo (1)
    • Vamos a Google
  • 54. 6-Insertar imágenes en el Artículo (4)
    • Darse de alta en una cuenta de correo (2)
    • Buscamos Yahoo y entramos en Yahoo España
    • http :// es.yahoo.com /
  • 55. 6-Insertar imágenes en el Artículo (4)
    • Darse de alta en una cuenta de correo (3)
    • Hacemos clic en “Crear cuenta gratis”
  • 56. 6-Insertar imágenes en el Artículo (4)
    • Darse de alta en una cuenta de correo (4)
    • Aparece el formulario para crear la cuenta.
  • 57. 6-Insertar imágenes en el Artículo (5)
    • Darse de alta en una cuenta de correo (5)
    • Rellenamos el formulario:
    • Usuario: matajove
    • Contraseña: seminario
  • 58. 6-Insertar imágenes en el Artículo (6)
    • Darse de alta en una cuenta de correo (6)
    • Nos muestra un resumen de los datos de la cuenta:
    • Hacer clic en “continuar”
  • 59. 6-Insertar imágenes en el Artículo (7) Todo esto lo apunto en un documento de Word de la siguiente manera:
  • 60. 6-Insertar imágenes en el Artículo (8)
    • Darse de alta en una cuenta de correo (7)
    • Ver nuestro correo. Ir a la página de entrada de Yahoo.
    • http :// es.yahoo.com /
    • Clic en “Entrar”
  • 61. 6-Insertar imágenes en el Artículo (9)
    • Darse de alta en una cuenta de correo (8)
    • Nos validamos
  • 62. 6-Insertar imágenes en el Artículo (10)
    • Darse de alta en una cuenta de correo (9)
    • Mediante nombre de usuario y Contraseña.
    • Clic en “Entrar”
  • 63. 6-Insertar imágenes en el Artículo (11)
    • Darse de alta en una cuenta de correo (10)
    • Estamos en nuestra cuenta Yahoo. Clic sobre “Correo”
  • 64. 6-Insertar imágenes en el Artículo (12)
    • Darse de alta en una cuenta de correo (11)
    • Estamos en la página de entrada al correo Yahoo. Clic sobre “Bandeja de entrada”
  • 65. 6-Insertar imágenes en el Artículo (13)
    • Darse de alta en una cuenta de correo (12)
    • Es la bandeja de entrada. Aquí vemos los correos recibidos o podemos enviar uno.
  • 66. 6-Insertar imágenes en el Artículo (14)
    • Darse de alta en Flickr.(1)
    • Flickr   es un sitio Web para compartir imágenes. Puede usarse como soporte a diferentes comunidades online. Es considerado un ejemplo nuevo de la navegación Web 2.0. Sirve como servidor personal para compartir fotografías personales, el servicio es mundialmente usado por ”blogueros” como repositorio fotográfico.
    • Permite al autor etiquetar sus fotos. Actualmente Flickr alberga más de dos mil millones de archivos.
    • Hay que darse de alta en los servicios.
  • 67. 6-Insertar imágenes en el Artículo (15)
    • Darse de alta en Flickr.(2)
    • Vamos a la página de Flickr.
    • http :// www.flickr.com /
    • Clic en “Crear Cuenta”
  • 68. 6-Insertar imágenes en el Artículo (16)
    • Darse de alta en Flickr.(3)
    • Nos pide los datos de la cuenta de Yahoo
  • 69. 6-Insertar imágenes en el Artículo (17)
    • Darse de alta en Flickr.(4).
    • Ponemos los datos de la cuenta matajove216
  • 70. 6-Insertar imágenes en el Artículo (18)
    • Darse de alta en Flickr.(5)
    • Ponemos los datos de la cuenta matajove
    • Clic en ”Entrar”
  • 71. 6-Insertar imágenes en el Artículo (19)
    • Darse de alta en Flickr.(6)
    • Confirmamos la creación de la cuenta en Flickr con ese nombre.
  • 72. 6-Insertar imágenes en el Artículo (20) Todo esto lo añado al documento de Word donde tengo las claves. Si es posible utilizo el mismo nombre de usuario y contraseña para todo
  • 73. 6-Insertar imágenes en el Artículo (22)
    • Subir una imagen a Flickr.(1)
    • Esta es la portada de nuestro espacio en Flickr.
    • Podemos bajar o utilizar fotos de otros o subir las nuestras.
  • 74. 6-Insertar imágenes en el Artículo (23)
    • Subir una imagen a Flickr.(2)
    • Nos guía:
    • En tres pasos.
    • Elegir fotos
  • 75. 6-Insertar imágenes en el Artículo (24)
    • Subir una imagen a Flickr.(3)
    Elegimos la foto… Y Abrir.
  • 76. 6-Insertar imágenes en el Artículo (25)
    • Subir una imagen a Flickr.(4)
    • Nos muestra:
      • Nombre
      • Tamaño
    • Elegimos si queremos que sea publica o privada
    • Clic en “Subir”
  • 77. 6-Insertar imágenes en el Artículo (26)
    • Subir una imagen a Flickr.(5)
    Si queremos, podemos poner una descripción. Haz clic en “Tu”
  • 78. 6-Insertar imágenes en el Artículo (27)
    • Subir una imagen a Flickr.(6)
    Entramos en nuestra galería y podemos ver las fotos subidas
  • 79. 6-Insertar imágenes en el Artículo (28)
    • Subir una imagen a Flickr.(7)
    Podemos situarnos sobre la imagen y hacer: botón derecho y elegir “Copiar URL de la imagen”. Nos servirá después para incrustar la imagen. Atención: Las opciones del menú contextual pueden variar dependiendo del navegador que estemos utilizando
  • 80. 6-Insertar imágenes en el Artículo (29)
    • Subir una imagen a Flickr.(8)
    Si el navegador es el Explorer 6 debemos ir a “Propiedades” y elegir la opción:
  • 81. 6-Insertar imágenes en el Artículo (30)
    • Incrustar una imagen en nuestro artículo.(1)
    • Vamos a la página del Centro.
    • Creamos un artículo como ya sabemos.
    • Situamos el cursor donde queramos incrustar la foto.
    Hacemos clic sobre “Imagen” El procedimiento y las opciones a elegir van a variar un poco en función del editor que tengamos preestablecido
  • 82. 6-Insertar imágenes en el Artículo (31)
    • Incrustar una imagen en nuestro artículo.(2)
    • En el campo “URL de la imagen”, pegamos (Control+V) la URL de la imagen de Flickr.
    • Clic en “Insertar”.
  • 83. 6-Insertar imágenes en el Artículo (32)
    • Incrustar una imagen en nuestro artículo.(3)
    Podemos alinear la foto como queramos, pero no podemos cambiar su tamaño ni su resolución. Eso hay que hacerlo antes de subirla.
  • 84. 7-Insertar una presentación en un Artículo (1) ¿Qué es Slideshare?
    • Slideshare  es un servicio para compartir tus presentaciones. Hace funciones parecidas a un Youtube, pero para presentaciones tipo Powerpoint.
    • Es una red social de presentaciones, puesto que permite comentar trabajos de otros usuarios, compartir, puntuar, crear grupos de trabajo, eventos, etc.
    • Hay que darse de alta en los servicios.
  • 85. 7-Insertar una presentación en un Artículo (2)
    • Darse de alta en los servicios de Slideshare.(1)
    • Vamos a la página de Slideshare.
    • http :// www.slideshare.net /
  • 86. 7-Insertar una presentación en un Artículo (3)
    • Darse de alta en los servicios de Slideshare.(2)
    • Sing Up para solicitar nueva cuenta
  • 87. 7-Insertar una presentación en un Artículo (4)
    • Darse de alta en los servicios de Slideshare.(3)
    • Rellenamos con los mismos datos y “Join Now”
  • 88. 7-Insertar una presentación en un Artículo (5)
    • Darse de alta en los servicios de Slideshare.(4)
    • Más datos
    • Aceptamos el acuerdo
    • Clic en “Sign Up”
  • 89. 7-Insertar una presentación en un Artículo (6)
    • Darse de alta en los servicios de Slideshare.(5)
    • Entrar en nuestro espacio Slideshare
  • 90. 7-Insertar una presentación en un Artículo (7)
    • Darse de alta en los servicios de Slideshare.(8)
    • Preparados para subir una presentación
    Para subir una presentación Este es nuestro directorio en Slideshare
  • 91. 7-Insertar una presentación en un Artículo (8)
    • Darse de alta en los servicios de Slideshare.(9)
    • Guardo mis datos de la cuenta de Slideshare en un documento de Word
  • 92. 7-Insertar una presentación en un Artículo (9)
    • Subir una presentación a Slideshare.(1)
    • Clic Aquí
  • 93. 7-Insertar una presentación en un Artículo (10)
    • Subir una presentación a Slideshare.(2)
    • Elegir el archivo y clic en “Abrir”
  • 94. 7-Insertar una presentación en un Artículo (11)
    • Subir una presentación a Slideshare.(3)
    • Subiendo.
  • 95. 7-Insertar una presentación en un Artículo (12)
    • Subir una presentación a Slideshare.(4)
    • Especificar idioma, título, permisos, categoría y confirmar la publicación.
  • 96. 7-Insertar una presentación en un Artículo (13)
    • Subir una presentación a Slideshare.(5)
    Nos confirma la subida con éxito.
  • 97. 7-Insertar una presentación en un Artículo (14)
    • Subir una presentación a Slideshare.(6)
    Si vamos a “My Slideshare” (Página principal) veremos todas las presentaciones que hayamos subido
  • 98. 7-Insertar una presentación en un Artículo (15)
    • Insertar la presentación en mi Artículo.(1)
    • Voy a Slideshare .
    • Me “logueo”.
    • Entro en My Slidespace.
    • Edito la presentación
  • 99. 7-Insertar una presentación en un Artículo (16)
    • Insertar la presentación en mi Artículo.(2)
    • Activo los casilla que permite “embeder” la presentación.
    • Luego clic en Update
  • 100. 7-Insertar una presentación en un Artículo (17)
    • Insertar la presentación en mi Artículo.(3)
    • Volvemos a My Slidespace.
    • Seleccionamos la presentación que queremos incrustar.
  • 101. 7-Insertar una presentación en un Artículo (18)
    • Insertar la presentación en mi Artículo.(4)
    • Copiamos todo el contenido de la ventana “Embed”.
    • Poniendo el cursor aquí y Control+C
  • 102. 7-Insertar una presentación en un Artículo (19)
    • Insertar la presentación en mi Artículo.(5)
    • Vamos al portal Joomla del Centro.
    • Nos logueamos.
    • Aparecerá el menú de Usuario
  • 103. 7-Insertar una presentación en un Artículo (20)
    • Insertar la presentación en mi Artículo.(6)
    • Vamos a al opción “Tu Perfil”.
  • 104. 7-Insertar una presentación en un Artículo (21)
    • Insertar la presentación en mi Artículo.(7)
    • Se recomienda el editor JCE 1.5.
    • Para ponerlo como predeterminado se elije de la lista.
    • Guardar perfil
  • 105. 7-Insertar una presentación en un Artículo (22)
    • Insertar la presentación en mi Artículo.(8)
    • Ahora vamos a crear el artículo.
    • Clic sobre “Enviar Artículo”
  • 106. 7-Insertar una presentación en un Artículo (23)
    • Insertar la presentación en mi Artículo.(9)
    • Vemos que el editor es más completo. Con más opciones.
    • Escribimos el texto y situamos el cursor donde queramos incrustar la presentación
  • 107. 7-Insertar una presentación en un Artículo (24)
    • Insertar la presentación en mi Artículo.(9)
    • Hacemos clic sobre el botón “<>”. Nos abrirá una ventana para introducir código directamente en HTML
  • 108. 7-Insertar una presentación en un Artículo (25)
    • Insertar la presentación en mi Artículo.(10)
    • Situamos el curso donde queramos insertar la presentación y pegamos: Control+V
  • 109. 7-Insertar una presentación en un Artículo (26)
    • Insertar la presentación en mi Artículo.(11)
    • Nos queda así.
    • Hacemos clic en “Update”.
  • 110. 7-Insertar una presentación en un Artículo (27)
    • Insertar la presentación en mi Artículo.(12)
    • Inicialmente lo vemos así en el Editor. Podemos alinear el objeto.
    • Guardamos el artículo de la manera habitual.
  • 111. 7-Insertar una presentación en un Artículo (28)
    • Insertar la presentación en mi Artículo.(13)
    • Y se verá así. Hay que ir a la sección y categoría donde lo hayamos clasificado.
  • 112. 8-Insertar videos de Youtube (1) ¿Qué es Youtube?
    • YouTube   es un sitio Web que permite a los usuarios compartir vídeos digitales a través de Internet.
    • YouTube usa un reproductor en línea basado en Adobe Flash para servir su contenido. Es muy popular gracias a la posibilidad de alojar vídeos personales de manera sencilla
    • Los enlaces a vídeos de YouTube pueden ser también puestos en blogs y sitios web personales incrustando cierto código HTML. Los archivos tienen extensión .FLV
    • Hay otros servicios similares como:
          • Revver ( http :// www.revver.com / )
          • Metacafe ( http :// www.metacafe.com )
          • Teachertube ( http :// www.teachertube.com / )
          • Jaycut ( http :// jaycut.com / )
          • Dailymotion ( http :// www.dailymotion.com /es )
          • MySpace ( http :// www.myspace.com / )
  • 113. 8-Insertar videos de Youtube (2)
    • Darse de alta en Youtube.(1)
    • Vamos a la página de Youtube.
    • http :// es.youtube.com /
    • Aceptar para ver la página en español
  • 114. 8-Insertar videos de Youtube (3)
    • Darse de alta en Youtube.(2)
    • Hacemos clic en “Registrarse”.
  • 115. 8-Insertar videos de Youtube (4)
    • Darse de alta en Youtube.(3)
    • Rellenamos los datos del registro usando la cuenta de Yahoo.
    • Aceptar las condiciones
    • Clic en “crear mi cuenta”.
  • 116. 8-Insertar videos de Youtube (5)
    • Darse de alta en Youtube.(4)
    • Nos pide que vayamos a la cuenta de Yahoo y confirmemos la activación.
  • 117. 8-Insertar videos de Youtube (6)
    • Darse de alta en Youtube.(5)
    • Vamos a Yahoo y nos logueamos para acceder a nuestro correo.
  • 118. 8-Insertar videos de Youtube (7)
    • Darse de alta en Youtube.(6)
    • Al acceder a la bandeja de entrada vemos un nuevo correo que Youtube nos ha enviado.
  • 119. 8-Insertar videos de Youtube (8)
    • Darse de alta en Youtube.(7)
    • Entramos a leer el correo y hacemos clic sobre el enlace: “Confirma tu dirección de correo”.
  • 120. 8-Insertar videos de Youtube (9)
    • Darse de alta en Youtube.(8)
    • Nos redirecciona a Youtube, pero ahora estamos en nuestra cuenta.
    • A partir de ahora iremos directamente a Youtube y nos loguearemos.
  • 121. 8-Insertar videos de Youtube (10)
    • Darse de alta en Youtube.(9)
    Guardo mis claves de Youtube en un Word junto a las otras.
  • 122. 8-Insertar videos de Youtube (11)
    • Darse de alta en Youtube.(10)
    • Ahora ya podemos utilizar los videos subidos por otros o subir los nuestros para después utilizarlos.
  • 123. 8-Insertar videos de Youtube (13)
    • Subir un video a Youtube.(1)
    • Vamos a la página española de Youtube.
    • http :// es.youtube.com /
    • Hacemos clic en “Subir”.
  • 124. 8-Insertar videos de Youtube (14)
    • Subir un video a Youtube.(2)
    • Nos logueamos.
    • Hacemos clic en “Acceder”.
  • 125. 8-Insertar videos de Youtube (15)
    • Subir un video a Youtube.(3)
    • Ya estamos en nuestra cuenta de Youtube .
    • Para empezar a subir un video.
  • 126. 8-Insertar videos de Youtube (16)
    • Subir un video a Youtube.(4)
    • Youtube admite subir vídeos con formatos:
        • .WMV
        • .AVI
        • .MOV
        • .MPG
    • Obviamente el video no debe ser excesivamente largo. Previamente debemos editarlo y prepararlo.
    • En el documento C de esta publicación: “Taller de preparación de contenidos” se explica como editar vídeo con “VirtualDub”.
  • 127. 8-Insertar videos de Youtube (17)
    • Subir un video a Youtube.(5)
    • He partido de un video .AVI, obtenido del Discóvery Channel, con una duración inicial de 45 minutos y lo he recortado utilizando el programa VirtualDub. Me he quedado con la parte donde explica la fabricación de neumáticos, reduciéndolo la duración a 8 minutos y el peso del archivo de 239.596 Kb a tan solo 42.051 Kb
    VirtualDub
  • 128. 8-Insertar videos de Youtube (18)
    • Subir un video a Youtube.(6)
    • Clic en seleccionar Archivo.
  • 129. 8-Insertar videos de Youtube (19)
    • Subir un video a Youtube.(7)
    • Elegimos el archivo desde nuestro disco o unidad de almacenamiento.
    • Clic en Abrir.
  • 130. 8-Insertar videos de Youtube (20)
    • Subir un video a Youtube.(8)
    • Aparece el nombre del vídeo.
    • Clic en “Subir video”
  • 131. 8-Insertar videos de Youtube (21)
    • Subir un video a Youtube.(9)
    • Se puede renombrar
    • Añadir descripción
    • Ponerle etiquetas de búsqueda.
    • Establecer la categoría.
    • Especificar si es público o privado
    • Guardar cambios
  • 132. 8-Insertar videos de Youtube (22)
    • Subir un video a Youtube.(10)
    • Ahora está convirtiendo el video a formato .FLV y subiéndolo a nuestro espacio de Youtube.
  • 133. 8-Insertar videos de Youtube (23)
    • Subir un video a Youtube.(11)
    • Tras esperar un rato, ya tenemos nuestro video subido.
    • Nos informa de que ha subido correctamente y del total de videos subidos.
  • 134. 8-Insertar videos de Youtube (24)
    • Subir un video a Youtube.(12)
    • Para ver nuestros videos ya subidos hacemos clic en “Ir a mis videos”.
  • 135. 8-Insertar videos de Youtube (25)
    • Subir un video a Youtube.(13)
    • Vemos en miniatura el video subido.
    • Desde esta ventana se pueden añadir videos, eliminarlos, editarlos, etc…
  • 136. 8-Insertar videos de Youtube (26)
    • Subir un video a Youtube.(14)
    • Haciendo doble clic sobre la miniatura el video se reproduce.
    • Aquí tenemos la etiqueta para insertar el video en nuestro articulo
  • 137. 8-Insertar videos de Youtube (27)
    • Subir un video a Youtube.(15)
    • Si nos situamos en la casilla y hacemos Control+C, luego abrimos el Bloc de notas y hacemos Control+V.
    Vemos que se trata de código HTML puro que nos servirá para insertarlo en nuestro Artículo
  • 138. 8-Insertar videos de Youtube (28)
    • Incrustar un video de Youtube
    • en nuestro Artículo.(1)
    • Podemos insertar un video propio o un video de otro usuario siempre que esté catalogado como público.
    • Para ello debemos aprender a buscar videos. Hay que entrar al sitio, loguearnos, y poner una palabra clave, relacionada con el tema buscado. También es conveniente filtrar de modo que sólo nos aparezcan los videos en español, (salvo que se pretenda lo contrario, por ejemplo para asignaturas de idiomas).
  • 139. 8-Insertar videos de Youtube (29)
    • Vamos a la casilla “Buscar” y vamos a buscar videos sobre Joomla 1.5
    • Ya está configurado para buscar videos en español.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(2)
  • 140. 8-Insertar videos de Youtube (30)
    • Nos aparece una lista con videos relacionados con la palabra (Etiqueta) introducida.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(3)
  • 141. 8-Insertar videos de Youtube (31)
    • Queremos ver el primero: “Instalación de Joomla”. Doble clic sobre él.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(4)
  • 142. 8-Insertar videos de Youtube (32)
    • Podemos ver el video y la etiqueta de incrustación, como si fuera nuestro. Esto es posible porque es un video establecido como público.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(5)
  • 143. 8-Insertar videos de Youtube (33)
    • Nosotros vamos a optar por incrustar nuestro propio video. Para ello vamos a nuestro espacio. Hacemos clic sobre “Cuenta”.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(6)
  • 144. 8-Insertar videos de Youtube (34)
    • Nos lleva a nuestro espacio de Youtube.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(7)
  • 145. 8-Insertar videos de Youtube (35)
    • Seleccionamos nuestro video y copiamos la etiqueta de incrustación. (Embed).
    • Incrustar un video de Youtube
    • en nuestro Artículo.(8)
  • 146. 8-Insertar videos de Youtube (36)
    • Vamos al portal del centro, nos validamos, creamos un Artículo y situamos el cursor allí donde queramos incrustar el video.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(9)
    Se recomienda el editor JCE
  • 147. 8-Insertar videos de Youtube (37)
    • Vamos a la opción de insertar código HTML directamente del editor.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(10)
  • 148. 8-Insertar videos de Youtube (38)
    • Nos aparece la ventana de edición en HTML.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(11)
    Ponemos el cursor aquí y pegamos la etiqueta del video.
  • 149. 8-Insertar videos de Youtube (39)
    • Guardamos haciendo clic en “Update”.
    • El procedimiento es el mismo que para insertar una presentación de Slideshare.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(12)
  • 150. 8-Insertar videos de Youtube (40)
    • Inicialmente aparece así en el editor.
    • Podemos alinearlo a derecha, izquierda o centrarlo.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(13)
  • 151. 8-Insertar videos de Youtube (41) En este caso le he dado alineación centrada.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(14)
  • 152. 8-Insertar videos de Youtube (42)
    • En la parte de abajo del editor establecemos sección, categoría, autor, nivel de acceso, etc…, y guardamos.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(15)
  • 153. 8-Insertar videos de Youtube (43) Este es el resultado final.
    • Incrustar un video de Youtube
    • en nuestro Artículo.(16)
  • 154. 9-Insertar enlaces en los artículos (1)
    • Insertar un enlace sobre un texto.(1)
    • Podemos insertar un enlace sobre un texto o sobre una imagen del Artículo.
    • El enlace puede llevarnos a un vínculo externo a la página o bien a otra zona del propio sitio Web (vínculo interno).
    • No debemos confundir con la opción “Enlaces que aparecen en el menú principal, dentro de la cual podemos añadir un enlace a donde queramos con la opción “Enviar enlace” del menú de Usuario.
  • 155. 9-Insertar enlaces en los artículos (2)
    • Insertar un enlace sobre un texto.(2)
    • Vamos al portal.
    • Nos loguemos.
    • Creamos un artículo, escribimos un texto.
  • 156. 9-Insertar enlaces en los artículos (3)
    • Insertar un enlace sobre un texto.(3)
    • Seleccionamos el texto sobre el que queremos insertar el hipervínculo, en este caso la palabra “Google”.
    • Hacemos clic sobre el botón de la cadena.
  • 157. 9-Insertar enlaces en los artículos (4)
    • Insertar un enlace sobre un texto.(4)
    • En el cuadro emergente introducimos la dirección de la página si se trata de un vínculo externo, en este caso: http:/www.google.es
  • 158. 9-Insertar enlaces en los artículos (5)
    • Insertar un enlace sobre un texto.(5)
    • Hay muchas opciones, pero no tenemos porqué complicarnos. Hacemos clic en “Insert”.
  • 159. 9-Insertar enlaces en los artículos (6)
    • Insertar un enlace sobre un texto.(6)
    • Ya vemos el texto subrayado y de otro color.
    • Sólo necesitamos guardar, lógicamente especificando sección, categoría, etc…
  • 160. 9-Insertar enlaces en los artículos (7)
    • Insertar un enlace sobre un texto.(7)
    • El resultado es el que se ve. Cualquier lector podrá ir a Google con solo hacer clic sobre el enlace.
  • 161. 9-Insertar enlaces en los artículos (8)
    • Insertar un enlace interno sobre un texto.(1)
    • Supongamos ahora que desde un artículo queremos hacer mención a otro y dar la posibilidad al lector de que consulte este artículo anterior. Se trataría de un enlace interno a otra zona de nuestro portal.
    • La forma de proceder es similar. Únicamente debemos obtener la URL del artículo al que queremos enlazar. Conviene especificar que se abra en una nueva ventana para no cerrar el artículo origen.
  • 162. 9-Insertar enlaces en los artículos (9)
    • Insertar un enlace interno sobre un texto.(2)
    • Primero creamos un artículo de la manera habitual. Por ejemplo éste.
  • 163. 9-Insertar enlaces en los artículos (10)
    • Insertar un enlace interno sobre un texto.(3)
    • Luego vamos al archivo al que vamos a hacer referencia. Lo editamos.
  • 164. 9-Insertar enlaces en los artículos (10)
    • Insertar un enlace interno sobre un texto.(3)
    • Copiamos la URL del artículo en la barra del navegador con control+C
  • 165. 9-Insertar enlaces en los artículos (11)
    • Insertar un enlace interno sobre un texto.(4)
    • Hacemos clic sobre el botón de la cadena.
    • Volvemos al artículo original y seleccionamos el texto sobre el que vamos a crear el enlace.
  • 166. 9-Insertar enlaces en los artículos(13)
    • Insertar un enlace interno sobre un texto.(5)
    • Pegamos la URL en la casilla correspondiente (URL del artículo destino) con Control+V.
    • Seleccionamos la opción “Open in a new Window”.
    • Clic en “Insert”
  • 167. 9-Insertar enlaces en los artículos(14)
    • Insertar un enlace interno sobre un texto.(6)
    • Guardamos el artículo.
  • 168. 9-Insertar enlaces en los artículos(15)
    • Insertar un enlace interno sobre un texto.(7)
    • Que se visualizará así.
    • Si se hace clic sobre el enlace nos abre el otro artículo sin cerrar éste.
  • 169. 9-Insertar enlaces en los artículos(16)
    • Insertar un enlace sobre una imagen.(1)
    • Vamos al artículo.
    • Seleccionamos la imagen.
    • Hacemos clic sobre el botón de la cadena.
    • El procedimiento es exactamente el mismo. La única diferencia es que en lugar de seleccionar un texto, se selecciona una imagen del artículo.
  • 170. 9-Insertar enlaces en los artículos(17)
    • Insertar un enlace sobre una imagen.(2)
    • Ponemos la dirección de Slideshare o cualquier otra en otro caso.
    • Puede escogerse si se abre en otra ventana o en la misma
    • Clic en “Insert”.
  • 171. 9-Insertar enlaces en los artículos(18)
    • Insertar un enlace sobre una imagen.(3)
    • Guardamos el artículo. Aparentemente
    • no hay cambios.
    • Se verá así. Al pasar el ratón sobre la imagen el cursor se convierte en una mano. Dentro hay un enlace.
  • 172. 10-Enlaces para descargar archivos desde un artículo(1)
    • Si los archivos son de pequeño tamaño, como pueden ser los PDFs o archivos comprimidos pequeños, es posible almacenarlos en el hosting de Educastur y preparar la descarga de forma cómoda y elegante con la extensión “Docman” de Joomla.
    • Si por el contrario se trata de un archivo pesado: Presentaciones, vídeos, documentos Word, música, etc… deberemos acudir a un servicio de disco virtual online (Skydrive, MySpace, Pando) y subirlos allí. Es menos elegante porque lleva al usuario a la página correspondiente y le muestra el enlace de descarga.
  • 173. 10-Enlaces para descargar archivos desde un artículo(2)
    • Colocar archivos de poco peso en Docman.(1)
    • Para poder utilizar el gestor de descargas para Joomla conocido como Docman, esta extensión debe haber sido instalada previamente por un administrador.
    • Los archivos para su instalación pueden obtenerse en esta dirección:
    • http :// extensions.joomla.org / component / option,com_mtree / task,viewlink / link_id ,82/ Itemid ,35/
  • 174. 10-Enlaces para descargar archivos desde un artículo(3)
    • Colocar archivos de poco peso en Docman.(2)
    • Debe instalar dos archivos, el complemento y el plugin.
    • Crear una categoría para tu departamento dentro de Docman.
    • Además debe crear un enlace de menú a Docman. En mi caso lo llamé “Descargas” y lo integré en el menú principal.
  • 175. 10-Enlaces para descargar archivos desde un artículo(4)
    • Colocar archivos de poco peso en Docman.(3)
    • Encontrar el enlace “Descargas en el Menú principal.
    • Hacer clic en él
    • Pero el publicador sólo se debe de preocupar de:
  • 176. 10-Enlaces para descargar archivos desde un artículo(5)
    • Colocar archivos de poco peso en Docman.(4)
    • Vemos una carpeta por cada categoría creada.
    • Hacemos clic sobre “Submit File”(Enviar archivo).
  • 177. 10-Enlaces para descargar archivos desde un artículo(6)
    • Hacemos clic en “Next”. Con la opción resaltada “Upload file from your computer”
    • Colocar archivos de poco peso en Docman.(5)
  • 178. 10-Enlaces para descargar archivos desde un artículo(7)
    • Hacemos clic en “Seleccionar archivo”.
    • Colocar archivos de poco peso en Docman.(6)
  • 179. 10-Enlaces para descargar archivos desde un artículo(8)
    • Navegamos por el disco duro hasta encontrar el archivo que queremos subir.
    • En este caso es un PDF. Lo seleccionamos y clic en “Abrir”.
    • Colocar archivos de poco peso en Docman.(7)
  • 180. 10-Enlaces para descargar archivos desde un artículo(9)
    • Hacemos clic en “Upload”.
    • Colocar archivos de poco peso en Docman.(8)
  • 181. 10-Enlaces para descargar archivos desde un artículo(10)
    • Nos pide que esperemos mientras sube el archivo. Si este es pequeño, tarda poco.
    • Colocar archivos de poco peso en Docman.(9)
  • 182. 10-Enlaces para descargar archivos desde un artículo(11)
    • Cuando termina de subir debemos decirle en que carpeta (categoría) se guardará. En este caso “Nuevas Tecnologías” y aceptar
    • Colocar archivos de poco peso en Docman.(10)
  • 183. 10-Enlaces para descargar archivos desde un artículo(12)
    • Nos aparecen todos los archivos para descargar de esa categoría. Detecta automáticamente qué tipo de archivo es y le pone un icono.
    • Colocar archivos de poco peso en Docman.(11)
  • 184. 10-Enlaces para descargar archivos desde un artículo(13)
    • Un lector que entre en Descargas verá esto.
    • Para descargar el archivo debe seleccionar la carpeta donde esté.
    • Crear un vínculo para descargar
    • un archivo de Docman.(1)
  • 185. 10-Enlaces para descargar archivos desde un artículo(14)
    • Y hacer clic sobre el archivo.
    • Se producirá la descarga a la carpeta predeterminada en el navegador.
    • Crear un vínculo para descargar
    • un archivo de Docman.(2)
  • 186. 10-Enlaces para descargar archivos desde un artículo(15)
    • Luego podremos llevarlo a la carpeta que queramos
    • Crear un vínculo para descargar
    • un archivo de Docman.(3)
  • 187. 10-Enlaces para descargar archivos desde un artículo(16)
    • Darse de alta en un disco duro virtual.(1)
    • Debemos darnos de alta en uno de estos servicios:
      • SKYDRIVE (Windows Live de Microsoft) http :// login.live.com / login.srf?wa =wsignin1.0& rpsnv =10& ct =1228764632& rver =5.5.4177.0& wp = MBI&wlcxt = title&wreply = http :// cid -8edb8d4cb61f622d. skydrive.live.com / welcome.aspx&lc =3082& id =250206
      • BOX http :// www.box.net /
      • PANDO http :// www.pando.com /
      • XDRIVE http :// www.xdrive.com /
      • ADRIVE http :// www.adrive.com /
      • PANDO http :// www.pando.com /
    • Existen otros. Yo he optado por Skydrive. Funciona bien. Sólo necesitamos una cuenta de correo.
  • 188. 10-Enlaces para descargar archivos desde un artículo(17)
    • Darse de alta en un disco duro virtual.(2)
  • 189. 10-Enlaces para descargar archivos desde un artículo(18)
    • Vamos a la página de Windows Live.
    • Hacemos clic en “Registrarse”
    • Darse de alta en un disco duro virtual.(3)
  • 190. 10-Enlaces para descargar archivos desde un artículo(19)
    • Rellenamos los datos utilizando la cuenta de correo de Yahoo.
    • Hacemos clic en “Acepto”.
    • Darse de alta en un disco duro virtual.(4)
  • 191. 10-Enlaces para descargar archivos desde un artículo(20)
    • Nos lleva a nuestro espacio de Skydrive.
    • Darse de alta en un disco duro virtual.(5)
  • 192. 10-Enlaces para descargar archivos desde un artículo(21)
    • Skydrive. Por defecto hay cuatro carpetas creadas (vacías) y disponemos de 25 Gb de espacio libre.
    • Darse de alta en un disco duro virtual.(6)
  • 193. 10-Enlaces para descargar archivos desde un artículo(22)
    • Darse de alta en un disco duro virtual.(7)
    • Y guardo mis datos de la cuenta de Skydrive así:
  • 194. 10-Enlaces para descargar archivos desde un artículo(23)
    • Podemos crear más carpetas. Por ejemplo, crearemos una para almacenar presentaciones .
    • Clic en “Crear Carpeta”.
    • Subir un archivo a Skydrive.(1)
  • 195. 10-Enlaces para descargar archivos desde un artículo(24)
    • Ponemos el nombre a la nueva carpeta.
    • Seleccionamos quién puede acceder a la carpeta.
      • Solo yo (Privada)
      • Cualquiera (Público)
      • Mi red (Unos pocos)
      • Seleccionar personas
    • Subir un archivo a Skydrive.(2)
  • 196. 10-Enlaces para descargar archivos desde un artículo(25)
    • La llamamos “Presentaciones”.
    • La configuramos como privada (Solo yo).
    • Clic en siguiente.
    • Subir un archivo a Skydrive.(3)
  • 197. 10-Enlaces para descargar archivos desde un artículo(26)
    • Nos invita a subir un archivo o varios a esta carpeta.
    • El tamaño máximo por archivo es de 50 Mb.
    • Clic en Examinar
    • Subir un archivo a Skydrive.(4)
  • 198. 10-Enlaces para descargar archivos desde un artículo(27)
    • Elegimos el archivo de nuestro disco duro.
    • Clic en “Abrir”.
    • Subir un archivo a Skydrive.(5)
  • 199. 10-Enlaces para descargar archivos desde un artículo(28)
    • Vemos el nombre del archivo.
    • Clic en “Cargar”.
    • Subir un archivo a Skydrive.(6)
  • 200. 10-Enlaces para descargar archivos desde un artículo(29)
    • El archivo está subiendo.
    • Tarda más o menos dependiendo del tamaño.
    • Subir un archivo a Skydrive.(7)
  • 201. 10-Enlaces para descargar archivos desde un artículo(30)
    • Al final aparece el archivo subido, dentro de la carpeta.
    • Podemos agregar más archivos o ir a la portada de nuestro espacio. Clic en Skydrive.
    • Subir un archivo a Skydrive.(8)
  • 202. 10-Enlaces para descargar archivos desde un artículo(31)
    • Vemos todas nuestras carpetas. Un candado significa que es privada.
    • Para entrar en una de ellas se hace doble clic.
    • Entramos de nuevo en “Presentaciones”.
    • Subir un archivo a Skydrive.(9)
  • 203. 10-Enlaces para descargar archivos desde un artículo(32)
    • Vemos el contenido de la carpeta. Sólo hay un archivo.
    • Al hacer clic sobre él, se abre una nueva ventana de edición del archivo.
    • Subir un archivo a Skydrive.(10)
  • 204. 10-Enlaces para descargar archivos desde un artículo(33)
    • Podemos agregar una descripción.
    • Pero lo más importante es la dirección URL del archivo para poder enlazar la descarga. Copiamos con Control+C
    • Subir un archivo a Skydrive.(11)
  • 205. 10-Enlaces para descargar archivos desde un artículo(34) Se trata de una dirección Web. Luego la pegaremos en el vínculo.
    • Subir un archivo a Skydrive.(12)
  • 206. 10-Enlaces para descargar archivos desde un artículo(35)
    • Descargar un un documento desde
    • un disco duro virtual.(1)
    • Ahora vamos a nuestro portal, creamos un artículo, escribimos texto, etc…
    • Seleccionamos el texto (o imagen) sobre el que crearemos el enlace.
  • 207. 10-Enlaces para descargar archivos desde un artículo(36)
    • Hacemos clic en el botón de la cadena.
    • Se abre la ventana emergente. Pegamos la dirección URL del archivo aquí.
    • Le decimos que abra en una nueva ventana.
    • Insertamos.
    • Descargar un un documento desde
    • un disco duro virtual.(2)
  • 208. 10-Enlaces para descargar archivos desde un artículo(37)
    • En el Editor ya observamos que se ha creado el enlace
    • Guardamos el Artículo.
    • Descargar un un documento desde
    • un disco duro virtual.(3)
  • 209. 10-Enlaces para descargar archivos desde un artículo(38)
    • Al hacer clic sobre el enlace nos lleva a Skydrive. Con solo hacer clic sobre el archivo éste se descargará.
    • Al visualizarlo aparece así.
    • Descargar un un documento desde
    • un disco duro virtual.(4)
  • 210. 10-Enlaces para descargar archivos desde un artículo(39) Es decir, se requieren dos clics y hay que pasar por Skydrive. No es lo más elegante, pero nos soluciona la papeleta.
    • Descargar un un documento desde
    • un disco duro virtual.(5)
  • 211. 11-Incrustar audio en .mp3(1)
    • El audio, como el video son pesados
    • para un hosting directo en Educastur.
    • No hay de qué preocuparse. Hay
    • servicios equivalentes a Youtube para archivos de audio. Mi preferido es Imeem http :// www.imeem.com / .
    • En este portal puede subirse audio en .mp3, compartirlo o no, y lo que más nos interesa: incrustarlo en nuestra Web o Blog.
    • Además el procedimiento es facilísimo, pues se trata de insertar un código HTML, igual que hacemos con Youtube o Slideshare.
  • 212. 11-Incrustar audio en .mp3(2)
    • Darse de alta en Imeem.(1)
    • Ir a Imeem:
    • http :// www.imeem.com /
    • Hacer clic sobre “Sign Up”.
  • 213. 11-Incrustar audio en .mp3(3)
    • Darse de alta en Imeem.(2)
    • Rellenamos los datos del formulario. Utilizamos la cuenta de Yahoo.
    • Hacemos clic en “Sign Up”.
  • 214. 11-Incrustar audio en .mp3(4)
    • Darse de alta en Imeem.(3)
    • Nos da la bienvenida.
    • Nos pide que confirmemos el E-Mail, mediante enlace de activación.
  • 215. 11-Incrustar audio en .mp3(5)
    • Darse de alta en Imeem.(4)
    • Voy a Yahoo, Correo.
    • Ingreso en la cuenta matajove216.
  • 216. 11-Incrustar audio en .mp3(6)
    • Darse de alta en Imeem.(5)
    • Voy al correo recibido.
    • Hago clic sobre el enlace de activación.
  • 217. 11-Incrustar audio en .mp3(7)
    • Darse de alta en Imeem.(6)
    • Y guardo mis datos de la cuenta de Imeem así:
  • 218. 11-Incrustar audio en .mp3(8)
    • Subir archivos .mp3 a Imeem.(1)
    • Vuelvo a Imeem. Para entrar en nuestro espacio Imeem debo hacer clic en “My Profile”.
  • 219. 11-Incrustar audio en .mp3(9)
    • No hay ningún archivo subido todavía. Hacemos clic en “Upload”.
    • Subir archivos .mp3 a Imeem.(2)
  • 220. 11-Incrustar audio en .mp3(10)
    • Seleccionamos “Music” (Subir música).
    • Seleccionamos “Put in my profile”(Subir a mi perfil).
    • Hacemos clic en “Upload”
    • Subir archivos .mp3 a Imeem.(3)
  • 221. 11-Incrustar audio en .mp3(11)
    • Hacemos clic sobre “Browse”. Se abrirá una ventana para seleccionar el archivo de nuestro disco duro.
    • Subir archivos .mp3 a Imeem.(4)
  • 222. 11-Incrustar audio en .mp3(12)
    • Elegimos el archivo. En este caso la Danza Húngara Nº 5 de Brahms.
    • Clic en “Abrir”.
    • Subir archivos .mp3 a Imeem.(5)
  • 223. 11-Incrustar audio en .mp3(13)
    • Ya vemos el archivo seleccionado
    • Hacer clic en “Start Upload” (Comenzar subida).
    • Subir archivos .mp3 a Imeem.(6)
  • 224. 11-Incrustar audio en .mp3(14)
    • Se puede observar el proceso de subida.
    • Subir archivos .mp3 a Imeem.(7)
  • 225. 11-Incrustar audio en .mp3(15)
    • Debemos decir a qué género musical pertenece y si queremos el autor y añadir etiquetas.
    • Terminamos la subida haciendo clic en “Finish Upload”.
    • Subir archivos .mp3 a Imeem.(8)
  • 226. 11-Incrustar audio en .mp3(16)
    • Nos informa de que ha subido correctamente y nos invita a subir más.
    • Salimos de Imeem y volvemos a entrar. Nos logueamos si es necesario.
    • Subir archivos .mp3 a Imeem.(9)
  • 227. 11-Incrustar audio en .mp3(17)
    • Vamos a nuestro espacio de Imeem. Clic en “my profile”.
    • Subir archivos .mp3 a Imeem.(10)
  • 228. 11-Incrustar audio en .mp3(18)
    • Vemos la canción que hemos subido.
    • Haciendo clic sobre ella arranca un reproductor flash y la escuchamos.
    • Subir archivos .mp3 a Imeem.(11)
  • 229. 11-Incrustar audio en .mp3(19)
    • Subir archivos .mp3 a Imeem.(12)
    NOTA IMPORTANTE: Para poder escuchar la canción el navegador debe tener el Plugin de Adobe Flash Player instalado. Se puede descargar desde: http :// get.adobe.com /es/ flashplayer /
  • 230. 11-Incrustar audio en .mp3(20)
    • Mientras la canción suena se muestra la etiqueta para incrustar.
    • La copiamos haciendo Control+C.
    • Al terminar el tema nos sugiere música relacionada.
    • Podemos incrustar música subida por otros, (si es pública).
    • Subir archivos .mp3 a Imeem.(13)
  • 231. 11-Incrustar audio en .mp3(21)
    • Procedemos de manera similar a un video de Youtube. Creamos el Artículo.
    • Hacemos clic en el botón “<>”.
    • Se abrirá la ventana de edición en HTML.
    • Insertar el .mp3 en el Artículo.(1)
  • 232. 11-Incrustar audio en .mp3(22)
    • Pegamos el código de la etiqueta con Control+V.
    • Hacemos clic en “Update”.
    • Insertar el .mp3 en el Artículo.(2)
  • 233. 11-Incrustar audio en .mp3(23)
    • En el editor se verá así.
    • Podemos seleccionarlo y centrarlo o alinearlo a la derecha.
    • Insertar el .mp3 en el Artículo.(3)
  • 234. 11-Incrustar audio en .mp3(24)
    • Lo he centrado.
    • Se establece la sección, la categoría, etc… y guardamos.
    • Insertar el .mp3 en el Artículo.(4)
  • 235. 11-Incrustar audio en .mp3(25)
    • El Artículo se verá así.
    • El reproductor permite iniciar, parar y ajustar el volumen. Hay un pequeño retardo al iniciar (2 o 3 segundos).
    • Insertar el .mp3 en el Artículo.(5)
  • 236. 12-Incrustar documento en vista Flash con Yudu.(1)
    • Yudu es una página que presta un servicio interesante que permite subir documentos escritos, convertirlos a formato flash y luego incrustándolos en nuestro artículo.
    • Hay que darse de alta.
    • Para poder incrustarlo el documento debe ser público
    • Admite formatos PDF y Word.
    • Se accede mediante la dirección:
    • http :// beta.yudu.com /
  • 237. 12-Incrustar documento en vista Flash con Yudu.(2)
    • Se va a la página de Yudu.
    • Hacer clic sobre “Create a new Library”.
    • Darse de alta en Yudu.(1)
  • 238. 12-Incrustar documento en vista Flash con Yudu.(3)
    • Introducimos los datos de la cuenta de Yahoo, la contraseña, etc…
    • Hacer clic en “Go”.
    • Darse de alta en Yudu.(2)
  • 239. 12-Incrustar documento en vista Flash con Yudu.(4)
    • Nos confirma que el registro es satisfactorio.
    • Pero debemos activar el enlace de confirmación en nuestro correo Yahoo.
    • Darse de alta en Yudu.(3)
  • 240. 12-Incrustar documento en vista Flash con Yudu.(5)
    • Vamos a nuestra cuenta de Yahoo. Entramos.
    • Darse de alta en Yudu.(4)
  • 241. 12-Incrustar documento en vista Flash con Yudu.(6)
    • Abrimos el correo que nos ha llegado desde Yudu.
    • Darse de alta en Yudu.(5)
  • 242. 12-Incrustar documento en vista Flash con Yudu.(7)
    • Hacemos clic sobre el enlace de activación.
    • Darse de alta en Yudu.(6)
  • 243. 12-Incrustar documento en vista Flash con Yudu.(8)
    • Ya tenemos cuenta en Yudu. Guardamos los datos en un archivo Word.
    • Darse de alta en Yudu.(7)
  • 244. 12-Incrustar documento en vista Flash con Yudu.(9)
    • Volvemos a Yudu.
    • Para loguearnos hacemos clic en “Login”
    • Subir un documento a Yudu.(1)
  • 245. 12-Incrustar documento en vista Flash con Yudu.(10)
    • Introducimos los datos.
    • Clic en “Go”
    • Subir un documento a Yudu.(2)
  • 246. 12-Incrustar documento en vista Flash con Yudu.(11)
    • Para subir un archivo hacemos clic en “Publish”.
    • Subir un documento a Yudu.(3)
  • 247. 12-Incrustar documento en vista Flash con Yudu.(12)
    • Como vamos a subir un documento hacemos clic en “Document”.
    • Subir un documento a Yudu.(4)
  • 248. 12-Incrustar documento en vista Flash con Yudu.(13)
    • Hacemos clic en “Browse”
    • Subir un documento a Yudu.(5)
  • 249. 12-Incrustar documento en vista Flash con Yudu.(14)
    • Vamos a subir el PDF de guía de publicación en Blogs de Educastur.
    • Clic en “Abrir”.
    • Subir un documento a Yudu.(6)
  • 250. 12-Incrustar documento en vista Flash con Yudu.(15)
    • Podemos renombrarlo.
    • Es importante clasificarlo como “Público” para poder insertarlo después.
    • Hacer clic en “Publish”
    • Subir un documento a Yudu.(7)
  • 251. 12-Incrustar documento en vista Flash con Yudu.(16)
    • Nos confirma que ha subido correctamente.
    • Hacemos clic en “My library”
    • Subir un documento a Yudu.(8)
  • 252. 12-Incrustar documento en vista Flash con Yudu.(17)
    • Antes había subido un documento Word. El archivo PDF es este.
    • Para abrirlo hacemos clic sobre el nombre.
    • Subir un documento a Yudu.(9)
  • 253. 12-Incrustar documento en vista Flash con Yudu.(18)
    • Se ven los detalles del documento.
    • Nos interesa hacer clic en “Embed This Item”.
    • Subir un documento
    • a Yudu.(10)
  • 254. 12-Incrustar documento en vista Flash con Yudu.(19)
    • Elegimos “Avanced”. Y tamaño 600X600 px.
    • Seleccionamos el código y copiamos con Control+C.
    • Nos servirá para insertarlo en nuestro artículo.
    • Nos ofrece una previsualización.
    • Subir un documento
    • a Yudu.(11)
    Se recomienda aumentar el tamaño
  • 255. 12-Incrustar documento en vista Flash con Yudu.(20)
    • Creamos el artículo de la forma habitual.
    • Hay que insertar código HTML, por lo tanto usaremos el conocido botón “<>”.
    • Incrustar el documento en nuestro artículo.(1)
  • 256. 12-Incrustar documento en vista Flash con Yudu.(21)
    • Se abrirá la ventana de edición en HTML.
    • Pegamos con Control+V.
    • Clic en “Update”.
    • Incrustar el documento en nuestro artículo.(2)
  • 257. 12-Incrustar documento en vista Flash con Yudu.(22)
    • En el editor se verá así.
    • Guardamos el artículo, en la sección y categoría que corresponda.
    • Incrustar el documento
    • en nuestro artículo.(3)
  • 258. 12-Incrustar documento en vista Flash con Yudu.(23)
    • Al visualizar el Artículo:
    • Podemos pasar página a página.
    • Podemos abrir el documento en grande a pantalla completa.
    • Incrustar el documento
    • en nuestro artículo.(4)
  • 259. 12-Incrustar documento en vista Flash con Yudu.(24)
  • 260. 12-Incrustar documento en vista Flash con Yudu.(25) Puede hacerse exactamente lo mismo con documentos Word, y en este caso, importa menos el peso porque está subido al espacio de Yudu, es decir, no ocupa espacio en nuestro FTP.
  • 261. 13-Crear y publicar galerías de imágenes con exposé4.(1)
    • Exposé 4 es una extensión para Joomla 1.5.. Para poder utilizarla, antes un administrador debe haberla instalado.
    • Permite subir muchas fotos a la vez y crear fácilmente un álbum con ellas, organizar los álbumes, renombrarlos, borrarlos, etc…
    • Presenta claramente los álbumes para que el lector elija el que quiere ver.
    • Presentación muy vistosa de las fotos con efecto “roller”, y posibilidad de ampliar, pasar de una en una, etc… El aspecto es impecable.
    • Ventajas de Exposé4.(1)
  • 262. 13-Crear y publicar galerías de imágenes con exposé4.(2)
    • Para que se pueda visualizar los álbumes el administrador debe crear un enlace “Fotos” que nos lleve a las galerías de Exposé.
    • El administrador debe recurrir a un truco para hacer accesible a los publicadores el subir sus propias galerías. Se trata de crear un enlace desde un menú al “Mánage Albums” de Exposé4, de acceso Especial.
    • El administrador (si quiere) dará la contraseña de entrada al “Manage Albums” de Exposé4.
    • Cuidado porque cualquier persona que accede ahí puede crear un álbum, pero también borrar el de otro. Por tanto debe haber responsabilidad y confianza mutua.
    Pero ojo:
  • 263. 13-Crear y publicar galerías de imágenes con exposé4.(3)
    • Obviamente antes debemos obtener y preparar adecuadamente la colección de fotos.
    • La resolución no debe ser superior a los 90ppp. En caso de ser superior debemos reducir el peso de las fotos tal y como se muestra en el apartado C de esta publicación, utilizando el programa “FastStone PhotoResizer” u otro similar.
    Otras consideraciones:
  • 264. 13-Crear y publicar galerías de imágenes con exposé4.(4)
    • Si todo lo anterior está hecho, al acceder al sitio y loguearnos, siendo publicadores veremos un entrada de menú como esta. (Crear Galería).
    • Crear la galería.(1)
  • 265. 13-Crear y publicar galerías de imágenes con exposé4.(5)
    • Debemos introducir la contraseña de entrada a Exposé4. Si el administrador lo considera oportuno la facilitará.
    • Clic en “Log in”.
    • Crear la galería.(2)
  • 266. 13-Crear y publicar galerías de imágenes con exposé4.(6)
    • Este es el panel de control de Exposé4.
    • Clic en “Create Album”
    • Crear la galería.(3)
  • 267. 13-Crear y publicar galerías de imágenes con exposé4.(7)
    • Se pone el título y se elije el nivel. En este caso: “Iglesias de Asturias” en “Top Level”.
    • Clic en “Create”.
    • Crear la galería.(4)
  • 268. 13-Crear y publicar galerías de imágenes con exposé4.(8)
    • Se selecciona el nombre de la galería y se hace clic sobre “Upload Photos”.
    • Crear la galería.(5)
  • 269. 13-Crear y publicar galerías de imágenes con exposé4.(9) He obtenido unas fotos del banco de imágenes del CNICE, de gran calidad. Hay que reducir su tamaño. Utilizo FastStone Photoresizer.
  • 270. 13-Crear y publicar galerías de imágenes con exposé4.(10)
    • Se seleccionan todas las fotos a la vez que se quieran subir y se hace clic en “Abrir”.
    • Crear la galería.(6)
  • 271. 13-Crear y publicar galerías de imágenes con exposé4.(11)
    • Podemos ver las fotos que van a subirse y su peso. Sigue siendo excesivo, pero exposé4 redimensiona y ajusta automáticamente.
    • Hacemos clic en “Upload”.
    • Crear la galería.(7)
  • 272. 13-Crear y publicar galerías de imágenes con exposé4.(12)
    • Subiendo. Esperamos a que termine.
    • Crear la galería.(8)
  • 273. 13-Crear y publicar galerías de imágenes con exposé4.(13)
    • Seleccionamos una de las fotos como miniatura de presentación, haciendo clic en “Create Album Thumb”.
    • Crear la galería.(9)
  • 274. 13-Crear y publicar galerías de imágenes con exposé4.(14)
    • Confirmamos la miniatura, elegir el Álbum y luego hacer clic en “Create”.
    • Crear la galería.(10)
  • 275. 13-Crear y publicar galerías de imágenes con exposé4.(15)
    • Y ya está. Cerramos el navegador y volvemos a entrar en el portal.
    • Crear la galería.(11)
  • 276. 13-Crear y publicar galerías de imágenes con exposé4.(17)
    • Si nos logueamos, veremos un enlace “Fotos”.
    • Entrando veremos las galerías.
    • Visualizar la galería.(1)
  • 277. 13-Crear y publicar galerías de imágenes con exposé4.(16)
    • Vemos las galerías (miniaturas).
    • Para entrar en una se hace clic en ella.
    • Visualizar la galería.(2)
  • 278. 13-Crear y publicar galerías de imágenes con exposé4.(17)
    • Se ve así, pero al pasar el ratón por encima se amplía un poco.
    • Visualizar la galería.(3)
  • 279. 13-Crear y publicar galerías de imágenes con exposé4.(18)
    • Y si hacemos clic sobre una foto se amplía y podemos pasar una por una.
    • Visualizar la galería.(4)
  • 280. 13-Crear y publicar galerías de imágenes con exposé4.(19)
    • Presenta el nombre de la foto.
    • Presenta el nombre del Álbum.
    • Muestra controles para pasar de una foto a otra.
    • O verla como presentación.
    • Visualizar la galería.(5)
  • 281. 14-Marcar eventos con JEvents.(1)
    • JEvents es una extensión para Joomla 1.5.. Para poder utilizarla, antes debe haberla instalado un administrador.
    • Permite mostrar un calendario en el que se resaltan eventos que se organicen en el centro. Se pueden crear categorías de eventos (Exámenes, evaluaciones, salidas extraescolares, etc..) y asignar un color distinto a cada una de ellas.
    • Al hacer clic sobre la fecha mostrará la información que hayamos introducido relativa al evento.
    • Ventajas de JEvents.(1)
  • 282.
    • Si somos usuarios registrados observaremos que aparece un calendario.
    • Establecer un evento.(1)
    14-Marcar eventos con JEvents.(2)
    • Vamos a nuestro portal Web y nos logueamos.
  • 283.
    • Y si somos publicadores podremos entrar en la creación de eventos gracias a este enlace de menú.
    • Establecer un evento.(2)
    14-Marcar eventos con JEvents.(3)
  • 284.
    • Y si somos autores o de un nivel superior, por ejemplo los publicadores, podremos “Añadir evento”.
    • Establecer un evento.(3)
    14-Marcar eventos con JEvents.(4) Supongamos que queremos crear un evento que avise de la celebración del “Día de la Paz”, que se conmemora el 30 de enero.
  • 285.
    • Simplificaremos al máximo. Únicamente ponemos título y categoría (de entre las creadas por el Administrador).
    • Establecer un evento.(4)
    14-Marcar eventos con JEvents.(5)
  • 286.
    • Simplificaremos al máximo. Únicamente ponemos título y categoría (de entre las creadas por el Administrador).
    • Establecer un evento.(5)
    14-Marcar eventos con JEvents.(6)
    • Luego hacemos clic en la pestaña “Calendario”.
  • 287.
    • Establecer un evento.(6)
    14-Marcar eventos con JEvents.(7)
    • Establecemos la fecha o fechas entre la inicial y la final, y las hora de comienzo y fin del evento. Puede especificarse día completo.
  • 288.
    • Establecer un evento.(7)
    14-Marcar eventos con JEvents.(8)
    • Establecemos día completo.
    • Establecemos la forma de repetición. En este caso será para un solo día.
    • Guardamos.
  • 289.
    • Visualizar un evento.(1)
    14-Marcar eventos con JEvents.(9)
    • Para verlo entramos en el portal y nos logueamos.
    • Hacemos clic sobre la fecha que nos interese. En este caso “mes siguiente”.
  • 290.
    • Visualizar un evento.(2)
    14-Marcar eventos con JEvents.(10)
    • Poniendo el cursor encima de la fecha nos da la información que hayamos introducido.
    • Haciendo clic podemos ver y editar el evento.
    El color naranja es el asignado para la categoría de “Celebraciones”
  • 291. 15-Incrustar animaciones Flash (SWF) en los artículos (1)
    • Programar en Flash es un trabajo arduo y requiere bastantes conocimientos.
    • Vamos a limitarnos a aprovechar lo que ya hay creado y puesto en la red.
    • Se trata de archivos de extensión .SWF, infografías, en muchos casos interactivas. Ocupan muy poco espacio, por lo que pueden alojarse en el espacio FTP. (requerirá permiso de un administrador).
    • Es la operación más compleja, pero pueden tener una aplicación didáctica excelente.
    • Se recomienda este sitio:
    • http :// www.consumer.es / infografias /
  • 292. 15-Incrustar animaciones Flash (SWF) en los artículos (2)
    • Vamos a “Consumer Eroski”
    • Seleccionamos “Infografías”
    • Encontrar y bajar una animación Flash.(1)
  • 293. 15-Incrustar animaciones Flash (SWF) en los artículos (3)
    • Salen ordenadas por categorías. Por ejemplo elegimos “Nuevas Tecnologías”.
    • Encontrar y bajar una animación Flash.(2)
  • 294. 15-Incrustar animaciones Flash (SWF) en los artículos (4)
    • Elegimos la infografía sobre la fibra óptica.
    • Encontrar y bajar una animación Flash.(3)
  • 295. 15-Incrustar animaciones Flash (SWF) en los artículos (5)
    • Podemos verla
    • Y también podemos descargarla.
    • Encontrar y bajar una animación Flash.(4)
  • 296. 15-Incrustar animaciones Flash (SWF) en los artículos (6)
    • En la siguiente pantalla hacemos clic otra vez en “Descargar Infografía”.
    • Encontrar y bajar una animación Flash.(5)
  • 297. 15-Incrustar animaciones Flash (SWF) en los artículos (7)
    • Este es el archivo que ha bajado a nuestro equipo.
    • Lo copiamos a una carpeta llamada “Infografías y dentro de ella lo descomprimimos.
    • Encontrar y bajar una animación Flash.(6)
  • 298. 15-Incrustar animaciones Flash (SWF) en los artículos (8)
    • Es un archivo swf. El original en zip y el html los podemos eliminar.
    • Encontrar y bajar una animación Flash.(7)
  • 299. 15-Incrustar animaciones Flash (SWF) en los artículos (9)
    • Subir el archivo al FTP vía Docman.(1)
    • Como publicadores, inicialmente no tenemos permisos para subir archivos. Debemos hacerlo a través de la extensión Docman, comunicárselo a un administrador del portal y esperar a que él nos apruebe la subida (publique) del archivo.
    • Para ello se debe cumplir que:
      • La extensión Docman esté instalada.(Debe hacerlo el administrador).
      • Esté configurado para permitir la subida de archivos .SWF (Debe hacerlo el administrador).
      • La carpeta de destino de los archivos sea: joomla/dmdocuments.
    • No debemos abusar subiendo muchos archivos o subiendo archivos grandes.
  • 300. 15-Incrustar animaciones Flash (SWF) en los artículos (10)
    • Subir el archivo al FTP vía Docman.(2)
    • Vamos a la portada de nuestro portal.
    • Loguearnos.
    • Encontrar el enlace “Descargas” en el menú principal. Hacer clic en él.
  • 301. 15-Incrustar animaciones Flash (SWF) en los artículos (11)
    • Subir el archivo al FTP vía Docman.(3)
    • Hemos entrado en Docman.
    • Hacemos clic en “Submit file”.
  • 302. 15-Incrustar animaciones Flash (SWF) en los artículos (12)
    • Subir el archivo al FTP vía Docman.(4)
    • Seleccionamos “Subir desde nuestro ordenador”.
    • Hacemos clic en “Next”.
  • 303. 15-Incrustar animaciones Flash (SWF) en los artículos (13)
    • Subir el archivo al FTP vía Docman.(5)
    • Hacemos clic en “Examinar”.
    • Seleccionamos el archivo de nuestro disco duro.
  • 304. 15-Incrustar animaciones Flash (SWF) en los artículos (14)
    • Subir el archivo al FTP vía Docman.(6)
    • Seleccionamos el archivo “fibra_optica.swf”.
    • Clic en “Abrir”.
  • 305. 15-Incrustar animaciones Flash (SWF) en los artículos (15)
    • Subir el archivo al FTP vía Docman.(7)
    • Hacemos clic en “Upload”.
  • 306. 15-Incrustar animaciones Flash (SWF) en los artículos (16)
    • Subir el archivo al FTP vía Docman.(8)
    • Esperamos a que suba. Tarda poco.
  • 307. 15-Incrustar animaciones Flash (SWF) en los artículos (17)
    • Subir el archivo al FTP vía Docman.(9)
    • Podemos renombrar el archivo.
    • Elegir Carpeta. Lo ideal es crear una por Departamento. (Administrador).
    • Activar “Yes” en “Aproved”
    • Confirmar.
  • 308. 15-Incrustar animaciones Flash (SWF) en los artículos (18)
    • Subir el archivo al FTP vía Docman.(10)
    • Vemos el archivo subido junto con los otros anteriores.
    • Da igual que esté en la carpeta “Nuevas tecnologías”, la ruta del archivo es el servidor FTP de nuestro IES o CP+/joomla/dmdocuments/fibra_optica.swf
  • 309. 15-Incrustar animaciones Flash (SWF) en los artículos (19)
    • Subir el archivo al FTP vía Docman.(11)
    • Recuerda:
    • Avisa a un administrador para que apruebe desde el panel de administración la subida del archivo. De lo contrario es como si no existiese.
    • Previamente debe haber creado una carpeta para tu Departamento.
    • Da igual la carpeta en la que esté, la dirección donde se alojan es la misma para todos: En mi caso será:
    • http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf
  • 310. 15-Incrustar animaciones Flash (SWF) en los artículos (20)
    • Subir el archivo al FTP vía Docman.(12)
    Analicemos: http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf Dirección FTP de Educastur Carpeta de Docman en Joomla Depende de cada centro Nombre del archivo.
  • 311. 15-Incrustar animaciones Flash (SWF) en los artículos (21)
    • Subir el archivo al FTP vía Docman.(13)
    http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf Para vuestro centro es siempre igual. Sólo cambia esto
  • 312. 15-Incrustar animaciones Flash (SWF) en los artículos (22)
    • Insertar el SWF en el Artículo.(1)
    • Como siempre, creamos un artículo.
    • De nuevo deberemos editar en HTML, por lo tanto el botón será “<>”.
  • 313. 15-Incrustar animaciones Flash (SWF) en los artículos (23)
    • Insertar el SWF en el Artículo.(2)
    • Pero ahora resulta más complejo porque no hay reproductor específico.
    • Primero debemos preparar el código base. Se recomienda en el bloc de notas
    Este código puede obtenerse del archivo “reproductor swf.txt”, dentro de la carpeta de recursos de esta publicación.
  • 314. 15-Incrustar animaciones Flash (SWF) en los artículos (24)
    • Insertar el SWF en el Artículo.(3)
    • Observamos este código. Solo hay que sustituir:
    • El FTP correspondiente a nuestro CP o IES.(1)
    • El nombre del archivo swf que queremos reproducir. (2)
    <object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0&quot; width=&quot;400&quot; height=&quot;400&quot;> <param name=&quot;movie&quot; value=&quot;http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombrearchivo.swf&quot;> <param name=&quot;quality&quot; value=&quot;high&quot;> <embed src=&quot;nombre_carpeta_flash/archivo.swf&quot; quality=&quot;high&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;400&quot; height=&quot;400&quot;></embed> </object> (1) (2)
  • 315. 15-Incrustar animaciones Flash (SWF) en los artículos (25)
    • Insertar el SWF en el Artículo.(4)
    • Ojo hay que ponerlo justo entre las comillas. En nuestro caso y para ese archivo quedaría así:
    <object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0&quot; width=&quot;400&quot; height=&quot;400&quot;> <param name=&quot;movie&quot; value=&quot;http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments /fibra-optica.swf&quot;> <param name=&quot;quality&quot; value=&quot;high&quot;> <embed src=&quot;nombre_carpeta_flash/archivo.swf&quot; quality=&quot;high&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;400&quot; height=&quot;400&quot;></embed> </object>
  • 316. 15-Incrustar animaciones Flash (SWF) en los artículos (26)
    • Insertar el SWF en el Artículo.(5)
    • Es mejor realizar los cambios en el bloc de notas. Luego seleccionar todo, copiarlo y pegarlo en el editor HTML de Joomla.
    • Edición y “Seleccionar todo”. Control+C
  • 317. 15-Incrustar animaciones Flash (SWF) en los artículos (27)
    • Insertar el SWF en el Artículo.(6)
    La ventaja es que siempre va a ser igual. Solamente cambia el nombre del archivo .SWF, porque la ubicación siempre es la misma. Con Docman, todos los archivos están en ../joomla/dmdocuments
  • 318. 15-Incrustar animaciones Flash (SWF) en los artículos (28)
    • Insertar el SWF en el Artículo.(7)
    • Lo anterior es el texto del artículo.
    • Se pega aquí con Control+V y se confirma con “Update”.
  • 319. 15-Incrustar animaciones Flash (SWF) en los artículos (29)
    • Insertar el SWF en el Artículo.(9)
    • En el editor se ve así. He centrado la animación.
    • Guardamos el Artículo de la manera habitual.
  • 320. 15-Incrustar animaciones Flash (SWF) en los artículos (30)
    • Insertar el SWF en el Artículo.(10)
    • Al visualizar el archivo se muestra así.
  • 321. 15-Incrustar animaciones Flash (SWF) en los artículos (31)
    • Insertar el SWF en el Artículo.(11)
    • Es interactiva. Podemos ir avanzando.
  • 322.
    • Hay que instalar el plugin de Adobe para poder reproducir archivos flash
    • http :// www.adobe.com / products /flash/ about /
    • O bien haz clic sobre esta imagen
    15-Incrustar animaciones Flash (SWF) en los artículos (32)
  • 323. MANUAL DEL PUBLICADOR EN JOOMLA Fin de la presentación