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

Post on 16-Apr-2017

3.257 views 1 download

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

Koldo Parra de la Horra 1

MANUAL DEL MANUAL DEL PUBLICADOR EN PUBLICADOR EN

JOOMLAJOOMLATodo lo que necesitas saber Todo lo que necesitas saber

para publicar tus artículos en para publicar tus artículos en la página Web del Centrola página Web del Centro

2Koldo Parra de la Horra

Índice (1)Índice (1)1.1. ¿Dónde clasifico mis artículos?: S¿Dónde clasifico mis artículos?: S

ecciones y Categorías de la páginecciones y Categorías de la página Web.a Web.

2.2. Permisos en Permisos en JoomlaJoomla3.3. ¿Cómo introduzco texto?. Artícul¿Cómo introduzco texto?. Artícul

o básico.o básico.4.4. Visualizar los artículos. Modos deVisualizar los artículos. Modos de

visualización. visualización.

3Koldo Parra de la Horra

Índice (2)Índice (2)5.5. ¿Quién quiero que vea mi artículo¿Quién quiero que vea mi artículo

?: Permisos de visualización?: Permisos de visualización6.6. ¿Cómo inserto una imagen en mi ¿Cómo inserto una imagen en mi

Artículo?.Artículo?.a)a) Darse de alta en una cuenta Darse de alta en una cuenta YahooYahoob)b) Darse de alta en el servicio Darse de alta en el servicio FlickrFlickr..c)c) Subir imágenes a Subir imágenes a FlickrFlickr..d)d) Incrustar una imagen de Incrustar una imagen de FlickrFlickr

en el Artículo. en el Artículo.

4Koldo Parra de la Horra

Índice (3)Índice (3)7.7. ¿Cómo introduzco una presentació¿Cómo introduzco una presentació

n en mi Artículo?n en mi Artículo?a)a) Darse de alta en los servicios de Darse de alta en los servicios de

SlideshareSlideshare..b)b) Subir una presentación a Subir una presentación a SlideshareSlideshare..c)c) Incrustar una presentación Incrustar una presentación SlideshareSlideshare

en mi Artículo. en mi Artículo.

5Koldo Parra de la Horra

Índice (4)Índice (4)

8.8. ¿Cómo introduzco un video de ¿Cómo introduzco un video de YoutubeYoutube en mi Artículo? en mi Artículo?

a)a) Darse de alta en los servicios de Darse de alta en los servicios de YoutubeYoutube..

b)b) Subir un video a Subir un video a YoutubeYoutube..c)c) Incrustar un video desde Incrustar un video desde YoutubeYoutube

a mi Artículo. a mi Artículo.

6Koldo Parra de la Horra

Índice (5)Índice (5)9.9. ¿Cómo pongo un enlace a otra ¿Cómo pongo un enlace a otra

página o Blog desde mi Artículo?página o Blog desde mi Artículo?a)a) Introducir un hipervínculo interno Introducir un hipervínculo interno

sobre un texto.sobre un texto.b)b) Introducir un hipervínculo externo Introducir un hipervínculo externo

sobre una texto.sobre una texto.c)c) Introducir un hipervínculo interno o Introducir un hipervínculo interno o

externo sobre una imagen.externo sobre una imagen.

7Koldo Parra de la Horra

Índice (6)Índice (6)10.10. ¿Cómo pongo un archivo para ¿Cómo pongo un archivo para

descargar dentro de mi Artículo?descargar dentro de mi Artículo?a)a) Colocar archivos de reducido peso en Colocar archivos de reducido peso en

Docman.Docman.b)b) Crear un vínculo a un archivo de Docman. Crear un vínculo a un archivo de Docman. c)c) Darse de alta en un repositorio de Darse de alta en un repositorio de

archivos (Contenedor Web)archivos (Contenedor Web)d)d) Subir un archivo al contenedorSubir un archivo al contenedore)e) Vincular a la descarga del archivoVincular a la descarga del archivo

8Koldo Parra de la Horra

Índice (7)Índice (7)11.11. ¿Cómo introduzco un audio en ¿Cómo introduzco un audio en

mp3 en mi Artículo?mp3 en mi Artículo?a)a) Darse de alta en los servicios de Darse de alta en los servicios de

Imeem.Imeem.b)b) Subir un mp3 a Imeem.Subir un mp3 a Imeem.c)c) Incrustar un mp3 en mi Artículo Incrustar un mp3 en mi Artículo

desde Imeem.desde Imeem.

9Koldo Parra de la Horra

Índice (8)Índice (8)

12.12. ¿Cómo introduzco una animación ¿Cómo introduzco una animación Flash de Yudu en mi Artículo? Flash de Yudu en mi Artículo? (PDFs en Flash).(PDFs en Flash).

a)a) Darse de alta en Yudu.Darse de alta en Yudu.b)b) Subir un PDF a Yudu.Subir un PDF a Yudu.c)c) Integrar el flash de Yudu en el Integrar el flash de Yudu en el

Artículo.Artículo.

10Koldo Parra de la Horra

Índice (9)Índice (9)

13.13. ¿Cómo creo y publico una galería ¿Cómo creo y publico una galería de imágenes con la extensión de imágenes con la extensión Exposé4?Exposé4?

a)a) Ventajas de Exposé4 .Ventajas de Exposé4 .b)b) Crear la galería.Crear la galería.c)c) Visualizar la galería.Visualizar la galería.

11Koldo Parra de la Horra

Índice (10)Índice (10)

14.14. ¿ Cómo creo y publico un evento ¿ Cómo creo y publico un evento asociado a una fecha con asociado a una fecha con Jevents?Jevents?

a)a) Ventajas de JeventsVentajas de Jeventsb)b) Crear un evento para una fecha.Crear un evento para una fecha.c)c) Visualizar un evento.Visualizar un evento.

12Koldo Parra de la Horra

Índice (11)Índice (11)

15.15. ¿Cómo introduzco una animación ¿Cómo introduzco una animación flash (archivo .SWF) en mi Artículo?flash (archivo .SWF) en mi Artículo?

a)a) Encontrar y bajar una animación Flash.Encontrar y bajar una animación Flash.( archivo .swf o “Infografía”).( archivo .swf o “Infografía”).

b)b) Subir el archivo al FTP vía Docman.Subir el archivo al FTP vía Docman.c)c) Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

13Koldo Parra de la Horra

1-¿Dónde clasifico mis 1-¿Dónde clasifico mis artículos?(1)artículos?(1)

Secciones y Categorías de la Secciones y Categorías de la página Web.página Web.

14Koldo Parra de la Horra

1-¿Dónde clasifico mis 1-¿Dónde clasifico mis artículos?(2)artículos?(2)

Las secciones son contenedores grandes Las secciones son contenedores grandes (Armarios)(Armarios)

Las categorías son contenedores pequeños Las categorías son contenedores pequeños (cajones dentro de cada armario).(cajones dentro de cada armario).

Los artículos van siempre dentro de una Los artículos van siempre dentro de una categoría y es una publicación (texto, imágenes, categoría y es una publicación (texto, imágenes, etc...)etc...)

Las entradas de menú son los tiradores de las Las entradas de menú son los tiradores de las puertas de los armarios y de los cajones. Gracias puertas de los armarios y de los cajones. Gracias a ellos podemos acceder a ver lo que hay dentro.a ellos podemos acceder a ver lo que hay dentro.

15Koldo Parra de la Horra

1-¿Dónde clasifico mis 1-¿Dónde clasifico mis artículos?(3)artículos?(3)

Los menús y las entradas de menú las Los menús y las entradas de menú las crean los administradores. Solo debéis crean los administradores. Solo debéis decir donde y cómo las queréis.decir donde y cómo las queréis.

Desde una entrada de menú se dice Desde una entrada de menú se dice adonde queremos entrar:adonde queremos entrar:

A ver una sección completaA ver una sección completa A ver una categoría completaA ver una categoría completa Ó a ver un artículo concretoÓ a ver un artículo concreto

16Koldo Parra de la Horra

1-¿Dónde clasifico mis 1-¿Dónde clasifico mis artículos?(4)artículos?(4)

Además, al crear las entradas de los menús Además, al crear las entradas de los menús debemos indicarle al sistema:debemos indicarle al sistema:

Si nos lleva a un sitio que queremos que sea público (que lo 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 vea todo el mundo), Registrado (que sólo lo vean los usuarios registrados) o de acceso Especial (que solo lo vean los registrados) o de acceso Especial (que solo lo vean los usuarios que sean autores o de categoría superior a autor)usuarios que sean autores o de categoría superior a autor)

Cómo queremos que se presente el contenido.Cómo queremos que se presente el contenido. Por ejemplo, si nos lleva a una sección podemos ver los artículos de 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 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ónlista de las categorías que hay dentro de esa sección

Si nos lleva a una categoría podemos elegir entre que nos presente 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 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íasimplemente nos saque un listado de los artículos de esa categoría

Si es un enlace directo a un artículo hay menos opciones.Si es un enlace directo a un artículo hay menos opciones.

17Koldo Parra de la Horra

2-Mapa conceptual de2-Mapa conceptual de permisos en Joomla (1) permisos en Joomla (1)

Rojo indica menor grado de permisos

Verde indica mayor grado de permisos

18Koldo Parra de la Horra

2-Mapa conceptual de2-Mapa conceptual de permisos en Joomla (2) permisos en Joomla (2)

FRONTENDFRONTEND Los Invitados: son personas que acceden a la portada y todavía no se han 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 registrado. Pueden ver sólo los contenidos públicos y no pueden crear contenidoscontenidos

Los Usuarios Registrados: son personas que ya se han registrado y Los Usuarios Registrados: son personas que ya se han registrado y “logueado”. La diferencia es que pueden ver los contenidos que tengan “logueado”. La diferencia es que pueden ver los contenidos que tengan asignación “Registrado”. Tampoco pueden subir contenidosasignación “Registrado”. Tampoco pueden subir contenidos

Los Autores: pueden crear artículos de contenido, pero estos artículos no se 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 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 publicación. Además, pueden ver todos los contenidos del sitio. También los contenidos de asignación “Especial”contenidos de asignación “Especial”

Los Editores: pueden crear sus propios artículos de contenido, y modificar o 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 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. hasta que un publicador (o superior) revisa y permite la publicación. También pueden ver todos los contenidos del sitio incluidos los contenidos También pueden ver todos los contenidos del sitio incluidos los contenidos de asignación “Especial”de asignación “Especial”

Los Publicadores: pueden crear sus propios artículos de contenido, y 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 modificar o corregir los de todos los perfiles y además pueden publicar. Por supuesto ven todos los contenidos.supuesto ven todos los contenidos.

19Koldo Parra de la Horra

2-Mapa conceptual de2-Mapa conceptual de permisos en Joomla (3) permisos en Joomla (3)

BACKENDBACKEND

Los Manager: Son igual que los publicadores, pero Los Manager: Son igual que los publicadores, pero pueden acceder al Backend. Por ello tienen algunas de pueden acceder al Backend. Por ello tienen algunas de las opciones de modificación de la configuraciónlas opciones de modificación de la configuración

Los Administradores: Igual que los Manager y con Los Administradores: Igual que los Manager y con algunas opciones más de gestión del sitio algunas opciones más de gestión del sitio

El Superadministrador: Es único y tiene la totalidad de El Superadministrador: Es único y tiene la totalidad de permisos de configuración y gestión del sitio.permisos de configuración y gestión del sitio.

20Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (1)texto (1)

1.1. Voy a la página Voy a la página de la Web del centro:de la Web del centro:

httphttp://://web.educastur.princast.esweb.educastur.princast.es//iesies//matajovematajove//joomlajoomla//

En nuestro caso y como ejemplo En nuestro caso y como ejemplo la Web del IES Mata Jovela Web del IES Mata Jove

21Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (2)texto (2)

2.2. IntroducimoIntroducimos nombre y s nombre y contraseña contraseña de usuario.de usuario.

22Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (3)texto (3)

3. Aparecerá un nuevo menú: “Menú de Usuario”.

Nos da la bienvenida

23Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (4)texto (4)4. Hacer clic sobre el enlace “Enviar

Artículo”

24Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (5)texto (5)5.5. Aparece el editor donde escribir y dar formato Aparece el editor donde escribir y dar formato

al texto, pero ademásal texto, pero además hay que hacer otras cosashay que hacer otras cosas

25Koldo Parra de la Horra

6.6. Poner nombre al artículoPoner nombre al artículo

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (6)texto (6)

26Koldo Parra de la Horra

7.7. Vamos a la Vamos a la parte de abajo parte de abajo del editor y del editor y seleccionamos seleccionamos la sección y la la sección y la categoría dentro categoría dentro de las cuales se de las cuales se va a clasificar el va a clasificar el artículoartículo

8.8. Decidimos quien Decidimos quien verá el artículoverá el artículo

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (7)texto (7)

27Koldo Parra de la Horra

8.8. Guardar el artículoGuardar el artículo

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (8)texto (8)

28Koldo Parra de la Horra

9.9. Insertar un “Leer más” en el artículo (1)Insertar un “Leer más” en el artículo (1)

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (9)texto (9)

Especialmente cuando la página que se muestra Especialmente cuando la página que se muestra está en modo Blog, es decir se muestran todos los está en modo Blog, es decir se muestran todos los artículos uno a continuación de otro, bien de una artículos uno a continuación de otro, bien de una sección o bien de una categoría y totalmente sección o bien de una categoría y totalmente desarrollados, la extensión a lo alto de la página desarrollados, la extensión a lo alto de la página puede hacerse excesiva. Esto obliga a utilizar el puede hacerse excesiva. Esto obliga a utilizar el Scroll del ratón en exceso, algo incómodo para el Scroll del ratón en exceso, algo incómodo para el lector.lector.

Puede ser menos necesario cuando el artículo se Puede ser menos necesario cuando el artículo se muestra individualmente o va en modo tabla.muestra individualmente o va en modo tabla.

29Koldo Parra de la Horra

10.10. Insertar un “Leer más” en el artículo (2)Insertar un “Leer más” en el artículo (2)

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (10)texto (10)

En los artículos de Joomla, como en los En los artículos de Joomla, como en los Blogs se tiende a desarrollar el artículo Blogs se tiende a desarrollar el artículo en dos zonas:en dos zonas: Una primera zona escueta, a modo de Una primera zona escueta, a modo de

introducción.introducción. Una segunda zona a la que se accede Una segunda zona a la que se accede

mediante un enlace “Leer más”, y que ya mediante un enlace “Leer más”, y que ya desarrolla el resto del artículo, es decir, el desarrolla el resto del artículo, es decir, el contenido principal.contenido principal.

30Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (11)texto (11) La diferencia es evidente:La diferencia es evidente:

Así se visualiza una página en modo Blog con tres artículos utilizando los enlaces “Leer más”.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 determinadoSe 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áginaSi hay más artículos se pueden ver pasando la página

31Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (12)texto (12) Así se visualiza la Así se visualiza la

misma página en misma página en modo Blog con modo Blog con los mismos tres los mismos tres artículos sin artículos sin utilizar los utilizar los enlaces “Leer enlaces “Leer más”. Se ha más”. Se ha cortado la cortado la imagen en dos.imagen en dos.

El lector está El lector está obligado a obligado a realizar un gran realizar un gran Scroll de ratón. Scroll de ratón.

32Koldo Parra de la Horra

11.11. Insertar un “Leer más” en el artículo (3)Insertar un “Leer más” en el artículo (3)

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (13)texto (13)

Es muy Es muy sencillo. Al sencillo. Al editar el editar el artículo artículo debemos debemos situar el situar el cursor allí cursor allí donde donde queramos queramos introducir introducir el corte.el corte.

33Koldo Parra de la Horra

12.12. Insertar un “Leer más” en el artículo (4)Insertar un “Leer más” en el artículo (4)

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (14)texto (14)

Después vamos Después vamos a la parte de a la parte de abajo y abajo y hacemos clic hacemos clic sobre el enlace sobre el enlace verde “Leer verde “Leer mas”. mas”.

Veremos una Veremos una línea que línea que divide el divide el artículo en dos artículo en dos partes.partes.

34Koldo Parra de la Horra

13.13. Insertar un “Leer más” en el artículo (5)Insertar un “Leer más” en el artículo (5)

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (15)texto (15)

Cuando guardemos, veremos el Artículo Cuando guardemos, veremos el Artículo del cual sólo se mostrará la primera del cual sólo se mostrará la primera parte seguida de un enlace “Leer más”.parte seguida de un enlace “Leer más”.

35Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (16)texto (16)14.14. Seleccionar el editor (1)Seleccionar el editor (1)

Joomla trae varios Joomla trae varios editores de artículos y el editores de artículos y el administrador puede administrador puede añadir más. En este caso añadir más. En este caso se han añadido el JCE y el se han añadido el JCE y el FCK.FCK.

Cada publicador puede Cada publicador puede elegir el que más le elegir el que más le convenga, para crear sus convenga, para crear sus artículos cambiar el artículos cambiar el editor que aparece es editor que aparece es muy sencillo.muy sencillo.

En la portada y En la portada y logueados.logueados.

36Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (17)texto (17)15.15. Seleccionar el editor (2)Seleccionar el editor (2)

Debes hacer clic en “Tu perfil”.Debes hacer clic en “Tu perfil”.

Cada publicador Cada publicador puede tener puede tener configurado un configurado un editor distinto.editor distinto.

37Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (18)texto (18)16.16. Seleccionar el editor (3)Seleccionar el editor (3)

Aparece la pantalla “Modificar tus detalles”Aparece la pantalla “Modificar tus detalles”

Se puede cambiar el Se puede cambiar el E-mail. La E-mail. La contraseña, el contraseña, el idioma, etc…idioma, etc…

Pero lo que nos Pero lo que nos interesa es el editor.interesa es el editor.

38Koldo Parra de la Horra

3-Crear un Artículo 3-Crear un Artículo básico,básico,

que sólo contenga que sólo contenga texto (19)texto (19)16.16. Seleccionar el editor (4)Seleccionar el editor (4)

Se despliega la lista, y Se despliega la lista, y aparecen todos los editores aparecen todos los editores disponibles. Unos son más disponibles. Unos son más completos que otros.completos que otros.

En este caso escojo el JCE, En este caso escojo el JCE, muy completo y versátil.muy completo y versátil.

Por último hay que guardarPor último hay que guardar

39Koldo Parra de la Horra

1.1. Entramos en la página del Centro.Entramos en la página del Centro.2.2. Nos validamos como usuarios.Nos validamos como usuarios.3.3. Vamos a la sección, a la categoría o Vamos a la sección, a la categoría o

al artículo navegando por los menús.al artículo navegando por los menús. Pero no siempre lo veremos igual. Puede Pero no siempre lo veremos igual. Puede

suceder que el menú nos dirija a:suceder que el menú nos dirija a: Una sección presentada como Blog o como Una sección presentada como Blog o como

listado de categoríaslistado de categorías Una categoría presentada como Blog o como Una categoría presentada como Blog o como

listado de artículoslistado de artículos Directamente a un artículoDirectamente a un artículo

4-Visualizar un 4-Visualizar un Artículo (1)Artículo (1)

40Koldo Parra de la Horra

De esta manera, para llegar a ver un De esta manera, para llegar a ver un artículo publicado en la sección Francés y artículo publicado en la sección Francés y en la categoría “Apuntes de Francés” en la categoría “Apuntes de Francés” habría que hacer:habría que hacer:

Clic en Departamentos (Menú superior)Clic en Departamentos (Menú superior) Clic en francés (Menú de la izquierda.)Clic en francés (Menú de la izquierda.) Clic en Apuntes (Menú del ´”Dpto. de Francés”)Clic en Apuntes (Menú del ´”Dpto. de Francés”) De la lista de apuntes que apareciera, clic De la lista de apuntes que apareciera, clic

sobre el artículo de que se trate.sobre el artículo de que se trate.

4-Visualizar un 4-Visualizar un Artículo (3)Artículo (3)

41Koldo Parra de la Horra

Blog de SecciónBlog de Sección

Esta es la presentación Esta es la presentación en modo Blog. Si el en modo Blog. Si el enlace lleva a una enlace lleva a una Sección se muestran Sección se muestran todos los artículos de todos los artículos de la Sección ordenados la Sección ordenados (aparece primero el (aparece primero el último publicado).último publicado).

4-Visualizar un 4-Visualizar un Artículo (4)Artículo (4)

42Koldo Parra de la Horra

Blog de Blog de CategoríaCategoría

Esta también es una Esta también es una presentación en presentación en modo Blog, pero en modo Blog, pero en este caso para una este caso para una categoría. Se categoría. Se muestran todos los muestran todos los artículos de la artículos de la Categoría Categoría ordenados (aparece ordenados (aparece primero el último primero el último publicado)publicado)

4-Visualizar un 4-Visualizar un Artículo (5)Artículo (5)

43Koldo Parra de la Horra

Tabla de SecciónTabla de Sección Aquí no se muestra un artículo sino una Aquí no se muestra un artículo sino una

lista de categorías dentro de una lista de categorías dentro de una sección, en realidad se puede evitar sección, en realidad se puede evitar creando menús para la sección, en el creando menús para la sección, en el que cada entrada corresponda a una que cada entrada corresponda a una categoríacategoría

4-Visualizar un 4-Visualizar un Artículo (6)Artículo (6)

44Koldo Parra de la Horra

Tabla de Tabla de CategoríaCategoría

Aquí no se muestra Aquí no se muestra un artículo sino un artículo sino una lista de una lista de artículos dentro de artículos dentro de una categoría. una categoría. Puede ser útil en Puede ser útil en los casos en que los casos en que queramos ofrecer queramos ofrecer apuntes o apuntes o documentos para documentos para que el usuario elija que el usuario elija de entre varios.de entre varios.

4-Visualizar un 4-Visualizar un Artículo (7)Artículo (7)

45Koldo Parra de la Horra

Debe estar Debe estar clasificado dentro clasificado dentro de una Sección y de una Sección y de una Categoría.de una Categoría.

En algún sitio En algún sitio debe de haber un debe de haber un enlace de menú enlace de menú que apunte a este que apunte a este artículo. En caso artículo. En caso contrario no se contrario no se ve.ve.

4-Visualizar un 4-Visualizar un Artículo (8)Artículo (8)

Visualizar directamente un artículo Visualizar directamente un artículo concreto. Pero hay que recordar dos concreto. Pero hay que recordar dos cosas:cosas:

46Koldo Parra de la Horra

Sección en modo Blog.Sección en modo Blog. Sección en modo Tabla.Sección en modo Tabla. Categoría en modo Blog.Categoría en modo Blog. Categoría en modo tablaCategoría en modo tabla Un artículo directamente.Un artículo directamente.

4-Visualizar un 4-Visualizar un Artículo (9)Artículo (9)

Recopilando. Se puede presentar:Recopilando. Se puede presentar:

47Koldo Parra de la Horra

Lo decide quien lo crea.Lo decide quien lo crea. Se pueden ocultar secciones enteras, Categorías entera o Artículos individuales.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:Podemos elegir entre tres tipos de usuarios o niveles que tienen acceso al Artículo:

1.1. Público: Significa que todos los que accedan a la página del centro podrán ver el artículo, incluso cuando 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.no estén registrados.

2.2. Registrado: Cuando queramos que el Artículo lo vean todos los Usuarios Registrados.Registrado: Cuando queramos que el Artículo lo vean todos los Usuarios Registrados.3.3. Especial: Cuando queramos que sólo lo vean los niveles con nivel de Autor o superior.Especial: Cuando queramos que sólo lo vean los niveles con nivel de Autor o superior.

5-¿Quién verá mi 5-¿Quién verá mi artículo? (1)artículo? (1)

48Koldo Parra de la Horra

Esto significa que:Esto significa que: Daremos nivel Daremos nivel PúblicoPúblico a aquellos contenidos que queramos mostrar al mundo: Portada, a aquellos contenidos que queramos mostrar al mundo: Portada,

Información sobre el Centro, oferta educativa, etc…Información sobre el Centro, oferta educativa, etc… Daremos nivel Daremos nivel RegistradoRegistrado a todos aquellos contenidos para uso de la Comunidad educativa a todos aquellos contenidos para uso de la Comunidad educativa

del IES Mata Jove o a aquellas zonas donde puedan colocarse contenidos “sensibles”.del IES Mata Jove o a aquellas zonas donde puedan colocarse contenidos “sensibles”. Daremos nivel Daremos nivel EspecialEspecial a aquellas zonas o contenidos de uso exclusivo del profesorado. a aquellas zonas o contenidos de uso exclusivo del profesorado.

5-¿Quién verá mi 5-¿Quién verá mi artículo? (2)artículo? (2)

49Koldo Parra de la Horra

Todo esto es posible asignando:Todo esto es posible asignando: A los profesores nivel de usuario de “Publicadores”A los profesores nivel de usuario de “Publicadores” A los alumnos nivel de usuario de “Usuario Registrado”A los alumnos nivel de usuario de “Usuario Registrado” Los padres deberán entrar con la clave de sus hijosLos 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 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 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.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.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.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 5-¿Quién verá mi artículo? (3)artículo? (3)

50Koldo Parra de la Horra

Por lo tanto, si queréis que todos vuestros contenidos de la sección sean públicos debéis hacer:Por lo tanto, si queréis que todos vuestros contenidos de la sección sean públicos debéis hacer:1.1. Decirnos que configuremos la sección como públicaDecirnos que configuremos la sección como pública2.2. Decirnos que configuremos las categorías de vuestra sección como públicas. A vuestro criterio podéis hacer que 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.unas categorías sean públicas, otras registradas y otras especiales dependiendo qué queréis meter en ellas.3.3. Publicar vuestros artículos como públicos, registrados o especiales, según consideréis, pero tened en cuenta que un 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.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 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.a la página.

5-¿Quién verá mi 5-¿Quién verá mi artículo? (4)artículo? (4)

51Koldo Parra de la Horra

Enriquecer los Artículos es básico. Habrá Artículos que por su naturaleza sólo requieran de texto, pero en otros casos necesitaremos 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 :incrustar :

Enlaces para descargar archivos PDFEnlaces para descargar archivos PDF ImágenesImágenes Vídeos (Normalmente en formato FLVVídeos (Normalmente en formato FLV Audio en formato .mp3 o .midAudio en formato .mp3 o .mid Presentaciones en formato FlashPresentaciones en formato Flash Archivos tipo .swf, infografíasArchivos tipo .swf, infografías

Desgraciadamente estos archivos pesan mucho, y no se pueden almacenar en el espacio Web de Educastur, que es reducido. Hay Desgraciadamente estos archivos pesan mucho, y no se pueden almacenar en el espacio Web de Educastur, que es reducido. Hay soluciones.soluciones.

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (1)Artículo (1)

52Koldo Parra de la Horra

Debemos proceder como en los Blogs. Subir nuestros archivos a lugares de la Web 2.0 que permiten 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 almacenar y compartir documentos y después incrustar esos archivos en el Artículo. De esta manera no ocupan espacio.ocupan espacio.

Sí se almacenarán en el FTP del IES los Archivos con información sensible, los documentos de Centro y 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.los documentos de información reservada.

Para darnos de alta en estos servicios de hospedaje Web de archivos vamos a necesitar una cuenta de 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 correo. Previamente deberemos darnos de alta en una cuenta y apuntar y guardar bien los datos de esta.esta.

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (2)Artículo (2)

53Koldo Parra de la Horra

Elegimos Yahoo. Bien pudiera haber sido Hotmail o Elegimos Yahoo. Bien pudiera haber sido Hotmail o Gmail. Eso sí, muy importante apuntar bien el Gmail. Eso sí, muy importante apuntar bien el nombre de usuario y la contraseña, la dirección de la nombre de usuario y la contraseña, la dirección de la página, etc..página, etc..

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (3)Artículo (3)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (1)correo (1)

1.Vamos a Google

54Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (4)Artículo (4)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (2)correo (2)

2.Buscamos Yahoo y entramos en Yahoo Españahttp://es.yahoo.com/

55Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (4)Artículo (4)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (3)correo (3)

3.Hacemos clic en “Crear cuenta gratis”

56Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (4)Artículo (4)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (4)correo (4)

4.Aparece el formulario para crear la cuenta.

57Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (5)Artículo (5)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (5)correo (5)

5.Rellenamos el formulario:

Usuario: matajove

Contraseña: seminario

58Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (6)Artículo (6)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (6)correo (6)

6.Nos muestra un resumen de los datos de la cuenta:

Hacer clic en “continuar”

59Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (7)Artículo (7) Todo esto lo apunto en un Todo esto lo apunto en un

documento de Word de la documento de Word de la siguiente manera:siguiente manera:

60Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (8)Artículo (8)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (7)correo (7) 7.Ver

nuestro correo. Ir a la página de entrada de Yahoo.

http://es.yahoo.com/

Clic en “Entrar”

61Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (9)Artículo (9)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (8)correo (8)

8.Nos validamos

62Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (10)Artículo (10)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (9)correo (9)

9.Mediante nombre de usuario y Contraseña.

Clic en “Entrar”

63Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (11)Artículo (11)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (10)correo (10)

10.Estamos en nuestra cuenta Yahoo. Clic sobre “Correo”

64Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (12)Artículo (12)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (11)correo (11) 11.Estamos

en la página de entrada al correo Yahoo. Clic sobre “Bandeja de entrada”

65Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (13)Artículo (13)

a)a)Darse de alta en una cuenta de Darse de alta en una cuenta de correo (12)correo (12) 12.Es la

bandeja de entrada. Aquí vemos los correos recibidos o podemos enviar uno.

66Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (14)Artículo (14)

b)b)Darse de alta en Flickr.(1)Darse de alta en Flickr.(1) FlickrFlickr  es un sitio Web para compartir imágenes. es un sitio Web para compartir imágenes.

Puede usarse como soporte a diferentes comunidades Puede usarse como soporte a diferentes comunidades online. Es considerado un ejemplo nuevo de la online. Es considerado un ejemplo nuevo de la navegación Web 2.0. Sirve como servidor personal para navegación Web 2.0. Sirve como servidor personal para compartir fotografías personales, el servicio es compartir fotografías personales, el servicio es mundialmente usado por ”blogueros” como repositorio mundialmente usado por ”blogueros” como repositorio fotográfico.fotográfico.

Permite al autor etiquetar sus fotos. Actualmente Flickr Permite al autor etiquetar sus fotos. Actualmente Flickr alberga más de dos mil millones de archivos.alberga más de dos mil millones de archivos.

Hay que darse de alta en los servicios.Hay que darse de alta en los servicios.

67Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (15)Artículo (15)

b)b)Darse de alta en Flickr.(2)Darse de alta en Flickr.(2)1.Vamos a

la página de Flickr.

http://www.flickr.com/

2.Clic en “Crear Cuenta”

68Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (16)Artículo (16)

b)b)Darse de alta en Flickr.(3)Darse de alta en Flickr.(3)

3.Nos pide los datos de la cuenta de Yahoo

69Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (17)Artículo (17)

b)b)Darse de alta en Flickr.(4).Darse de alta en Flickr.(4).

4.Ponemos los datos de la cuenta matajove216

70Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (18)Artículo (18)

b)b)Darse de alta en Flickr.(5)Darse de alta en Flickr.(5)

5.Ponemos los datos de la cuenta matajove

Clic en ”Entrar”

71Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (19)Artículo (19)

b)b)Darse de alta en Flickr.(6)Darse de alta en Flickr.(6)

6.Confirmamos la creación de la cuenta en Flickr con ese nombre.

72Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (20)Artículo (20)

Todo esto lo añado al Todo esto lo añado al documento de Word donde documento de Word donde tengo las claves.tengo las claves.

Si es posible utilizo el mismo Si es posible utilizo el mismo nombre de usuario y nombre de usuario y contraseña para todocontraseña para todo

73Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (22)Artículo (22)

c)c)Subir una imagen a Flickr.(1)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.

74Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (23)Artículo (23)

c)c)Subir una imagen a Flickr.(2)Subir una imagen a Flickr.(2)

Nos guía:

En tres pasos.

1.Elegir fotos

75Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (24)Artículo (24)

c)c)Subir una imagen a Flickr.(3)Subir una imagen a Flickr.(3)

Elegimos la foto…

Y Abrir.

76Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (25)Artículo (25)

c)c)Subir una imagen a Flickr.(4)Subir una imagen a Flickr.(4) Nos muestra:• Nombre• Tamaño

Elegimos si queremos que sea publica o privada

Clic en “Subir”

77Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (26)Artículo (26)

c)c)Subir una imagen a Flickr.(5)Subir una imagen a Flickr.(5)

Si queremos, podemos poner una descripción.

Haz clic en “Tu”

78Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (27)Artículo (27)

c)c)Subir una imagen a Flickr.(6)Subir una imagen a Flickr.(6)

Entramos en nuestra galería y podemos ver las fotos subidas

79Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (28)Artículo (28)

c)c)Subir una imagen a Flickr.(7)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

80Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (29)Artículo (29)

c)c)Subir una imagen a Flickr.(8)Subir una imagen a Flickr.(8) Si el navegador es el

Explorer 6 debemos ir a “Propiedades” y elegir la opción:

81Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (30)Artículo (30)d)d)Incrustar una imagen en nuestro Incrustar una imagen en nuestro

artículo.(1)artículo.(1)

1.Vamos a la página del Centro.

2.Creamos un artículo como ya sabemos.

3.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

82Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (31)Artículo (31)

d)d)Incrustar una imagen en nuestro Incrustar una imagen en nuestro artículo.(2)artículo.(2)

1.En el campo “URL de la imagen”, pegamos (Control+V) la URL de la imagen de Flickr.

2.Clic en “Insertar”.

83Koldo Parra de la Horra

6-Insertar imágenes en el 6-Insertar imágenes en el Artículo (32)Artículo (32)

d)d)Incrustar una imagen en nuestro Incrustar una imagen en nuestro artículo.(3)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.

84Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (1) en un Artículo (1)¿Qué es Slideshare?¿Qué es Slideshare?

SlideshareSlideshare es un servicio para compartir  es un servicio para compartir tus presentaciones. Hace funciones tus presentaciones. Hace funciones parecidas a un Youtube, pero para parecidas a un Youtube, pero para presentaciones tipo Powerpoint. presentaciones tipo Powerpoint.

Es una red social de presentaciones, Es una red social de presentaciones, puesto que permite comentar trabajos de puesto que permite comentar trabajos de otros usuarios, compartir, puntuar, crear otros usuarios, compartir, puntuar, crear grupos de trabajo, eventos, etc. grupos de trabajo, eventos, etc.

Hay que darse de alta en los servicios.Hay que darse de alta en los servicios.

85Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (2) en un Artículo (2)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(1)Slideshare.(1)1.Vamos a

la página de Slideshare.

http://www.slideshare.net/

86Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (3) en un Artículo (3)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(2)Slideshare.(2) 2.Sing Up para solicitar nueva cuenta

87Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (4) en un Artículo (4)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(3)Slideshare.(3)3.Rellenamos con los mismos datos y “Join Now”

88Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (5) en un Artículo (5)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(4)Slideshare.(4)4.Más datos5.Aceptamos el

acuerdo6.Clic en “Sign

Up”

89Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (6) en un Artículo (6)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(5)Slideshare.(5)7.Entrar en

nuestro espacio Slideshare

90Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (7) en un Artículo (7)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(8)Slideshare.(8)8.Preparad

os para subir una presentación

Para subir una presentación

Este es nuestro directorio en Slideshare

91Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (8) en un Artículo (8)a)a)Darse de alta en los servicios de Darse de alta en los servicios de

Slideshare.(9)Slideshare.(9) Guardo mis datos de la cuenta de Guardo mis datos de la cuenta de

Slideshare en un documento de WordSlideshare en un documento de Word

92Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (9) en un Artículo (9)b)b)Subir una presentación a Subir una presentación a

Slideshare.(1)Slideshare.(1)

1.Clic Aquí

93Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (10) en un Artículo (10)b)b)Subir una presentación a Subir una presentación a

Slideshare.(2)Slideshare.(2)

2.Elegir el archivo y clic en “Abrir”

94Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (11) en un Artículo (11)b)b)Subir una presentación a Subir una presentación a

Slideshare.(3)Slideshare.(3)3.Subiendo.

95Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (12) en un Artículo (12)b)b)Subir una presentación a Subir una presentación a

Slideshare.(4)Slideshare.(4)4.Especificar idioma, título, permisos, categoría y confirmar la publicación.

96Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (13) en un Artículo (13)b)b)Subir una presentación a Subir una presentación a

Slideshare.(5)Slideshare.(5)Nos confirma la subida con éxito.

97Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (14) en un Artículo (14)b)b)Subir una presentación a Subir una presentación a Slideshare.(6)Slideshare.(6) Si vamos a

“My Slideshare” (Página principal) veremos todas las presentaciones que hayamos subido

98Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (15) en un Artículo (15)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(1)Artículo.(1)

1.1. Voy a Voy a SlideshareSlideshare..

2.2. Me “logueo”.Me “logueo”.3.3. Entro en My Entro en My

Slidespace.Slidespace.4.4. Edito la Edito la

presentaciónpresentación

99Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (16) en un Artículo (16)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(2)Artículo.(2) 5.5. Activo los Activo los

casilla que casilla que permite permite “embeder” la “embeder” la presentación.presentación.

6.6. Luego clic en Luego clic en UpdateUpdate

100Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (17) en un Artículo (17)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(3)Artículo.(3) 6.6. Volvemos a My Volvemos a My

Slidespace.Slidespace.7.7. Seleccionamos Seleccionamos

la la presentación presentación que queremos que queremos incrustar.incrustar.

101Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (18) en un Artículo (18)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(4)Artículo.(4) 8.8. Copiamos Copiamos

todo el todo el contenido de contenido de la ventana la ventana “Embed”.“Embed”.

Poniendo el Poniendo el cursor aquí cursor aquí y Control+Cy Control+C

102Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (19) en un Artículo (19)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(5)Artículo.(5) 9.9. Vamos al Vamos al

portal Joomla portal Joomla del Centro.del Centro.

10.10. Nos Nos logueamos.logueamos.

Aparecerá el Aparecerá el menú de menú de UsuarioUsuario

103Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (20) en un Artículo (20)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(6)Artículo.(6) 11.11. Vamos a Vamos a

al opción al opción “Tu “Tu Perfil”.Perfil”.

104Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (21) en un Artículo (21)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(7)Artículo.(7) 12.12. Se recomienda el Se recomienda el

editor JCE 1.5. editor JCE 1.5. Para ponerlo Para ponerlo como como predeterminado predeterminado se elije de la se elije de la lista.lista.

13.13. Guardar perfilGuardar perfil

105Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (22) en un Artículo (22)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(8)Artículo.(8) 14.14. Ahora Ahora

vamos a vamos a crear el crear el artículo.artículo.

Clic sobre Clic sobre “Enviar “Enviar Artículo”Artículo”

106Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (23) en un Artículo (23)c)c)Insertar la Insertar la presentación en presentación en mi Artículo.(9)mi Artículo.(9)

15.15. Vemos que el Vemos que el editor es más editor es más completo. Con completo. Con más opciones.más opciones.

16.16. Escribimos el Escribimos el texto y situamos texto y situamos el cursor donde el cursor donde queramos queramos incrustar la incrustar la presentaciónpresentación

107Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (24) en un Artículo (24)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(9)Artículo.(9) 17.17. Hacemos clic Hacemos clic

sobre el botón sobre el botón “<>”. Nos “<>”. Nos abrirá una abrirá una ventana para ventana para introducir introducir código código directamente directamente en HTMLen HTML

108Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (25) en un Artículo (25)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(10)Artículo.(10) 18.18. Situamos el Situamos el

curso donde curso donde queramos queramos insertar la insertar la presentaciópresentación y n y pegamos: pegamos: Control+VControl+V

109Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (26) en un Artículo (26)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(11)Artículo.(11)

19.19. Nos queda Nos queda así.así.

20.20. Hacemos Hacemos clic en clic en “Update”.“Update”.

110Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (27) en un Artículo (27)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(12)Artículo.(12) 21.21. Inicialmente lo Inicialmente lo

vemos así en el vemos así en el Editor. Podemos Editor. Podemos alinear el objeto.alinear el objeto.

22.22. Guardamos el Guardamos el artículo de la artículo de la manera habitual.manera habitual.

111Koldo Parra de la Horra

7-Insertar una 7-Insertar una presentaciónpresentación

en un Artículo (28) en un Artículo (28)c)c)Insertar la presentación en mi Insertar la presentación en mi Artículo.(13)Artículo.(13) 23.23. Y se verá Y se verá

así. Hay así. Hay que ir a la que ir a la sección y sección y categoría categoría donde lo donde lo hayamos hayamos clasificado.clasificado.

112Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (1)(1)

¿Qué es Youtube?¿Qué es Youtube? YouTubeYouTube  es un sitio Web que permite a los usuarios es un sitio Web que permite a los usuarios

compartir vídeos digitales a través de Internet.compartir vídeos digitales a través de Internet. YouTube usa un reproductor en línea basado YouTube usa un reproductor en línea basado

en Adobe Flash para servir su contenido. Es muy en Adobe Flash para servir su contenido. Es muy popular gracias a la posibilidad de alojar vídeos popular gracias a la posibilidad de alojar vídeos personales de manera sencillapersonales de manera sencilla

Los enlaces a vídeos de YouTube pueden ser también Los enlaces a vídeos de YouTube pueden ser también puestos en blogs y sitios web personales incrustando puestos en blogs y sitios web personales incrustando cierto código HTML. Los archivos tienen cierto código HTML. Los archivos tienen extensión .FLVextensión .FLV

Hay otros servicios similares como:Hay otros servicios similares como: Revver Revver (http://www.revver.com/ )(http://www.revver.com/ ) MetacafeMetacafe ((httphttp://://www.metacafe.comwww.metacafe.com ) ) TeachertubeTeachertube ((httphttp://://www.teachertube.comwww.teachertube.com// ) ) JaycutJaycut ((httphttp://://jaycut.comjaycut.com// ) ) DailymotionDailymotion ((httphttp://://www.dailymotion.comwww.dailymotion.com/es/es) ) MySpaceMySpace ((httphttp://://www.myspace.comwww.myspace.com// ) )

113Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (2)(2)

a)a)Darse de alta en Youtube.(1)Darse de alta en Youtube.(1)1.Vamos a

la página de Youtube.

http://es.youtube.com/

2.Aceptar para ver la página en español

114Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (3)(3)

a)a)Darse de alta en Youtube.(2)Darse de alta en Youtube.(2)3.Hacemos

clic en “Registrarse”.

115Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (4)(4)

a)a)Darse de alta en Youtube.(3)Darse de alta en Youtube.(3)4.Rellenamos

los datos del registro usando la cuenta de Yahoo.

5.Aceptar las condiciones

6.Clic en “crear mi cuenta”.

116Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (5)(5)

a)a)Darse de alta en Youtube.(4)Darse de alta en Youtube.(4)7.Nos pide

que vayamos a la cuenta de Yahoo y confirmemos la activación.

117Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (6)(6)

a)a)Darse de alta en Youtube.(5)Darse de alta en Youtube.(5)8.Vamos a

Yahoo y nos logueamos para acceder a nuestro correo.

118Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (7)(7)

a)a)Darse de alta en Youtube.(6)Darse de alta en Youtube.(6)

9.Al acceder a la bandeja de entrada vemos un nuevo correo que Youtube nos ha enviado.

119Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (8)(8)

a)a)Darse de alta en Youtube.(7)Darse de alta en Youtube.(7)10.Entramo

s a leer el correo y hacemos clic sobre el enlace: “Confirma tu dirección de correo”.

120Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (9)(9)

a)a)Darse de alta en Youtube.(8)Darse de alta en Youtube.(8)11. Nos redirecciona a Youtube, pero ahora estamos en nuestra cuenta.

12.A partir de ahora iremos directamente a Youtube y nos loguearemos.

121Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (10)(10)

a)a)Darse de alta en Youtube.(9)Darse de alta en Youtube.(9) Guardo mis claves de Youtube en un

Word junto a las otras.

122Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (11)(11)

a)a)Darse de alta en Youtube.(10)Darse de alta en Youtube.(10)13. Ahora ya

podemos utilizar los videos subidos por otros o subir los nuestros para después utilizarlos.

123Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (13)(13)

b)b)Subir un video a Youtube.(1)Subir un video a Youtube.(1)1. Vamos a la

página española de Youtube.

http://es.youtube.com/

2.Hacemos clic en “Subir”.

124Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (14)(14)

b)b)Subir un video a Youtube.(2)Subir un video a Youtube.(2)

3. Nos logueamos.

4.Hacemos clic en “Acceder”.

125Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (15)(15)

b)b)Subir un video a Youtube.(3)Subir un video a Youtube.(3)5.Ya estamos en nuestra cuenta de Youtube .

6.Para empezar a subir un video.

126Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (16)(16)

b)b)Subir un video a Youtube.(4)Subir un video a Youtube.(4)7.Youtube admite subir vídeos con

formatos:• .WMV• .AVI• .MOV • .MPG

8.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”.

127Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (17)(17)

b)b)Subir un video a Youtube.(5)Subir un video a Youtube.(5)9.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

128Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (18)(18)

b)b)Subir un video a Youtube.(6)Subir un video a Youtube.(6)

10.Clic en seleccionar Archivo.

129Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (19)(19)

b)b)Subir un video a Youtube.(7)Subir un video a Youtube.(7)11.Elegimos el

archivo desde nuestro disco o unidad de almacenamiento.

12.Clic en Abrir.

130Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (20)(20)

b)b)Subir un video a Youtube.(8)Subir un video a Youtube.(8)13.Aparece

el nombre del vídeo.

14.Clic en “Subir video”

131Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (21)(21)

b)b)Subir un video a Youtube.(9)Subir un video a Youtube.(9)15.Se puede renombrar

16.Añadir descripción

17.Ponerle etiquetas de búsqueda.

18.Establecer la categoría.

19.Especificar si es público o privado

20.Guardar cambios

132Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (22)(22)

b)b)Subir un video a Youtube.(10)Subir un video a Youtube.(10)21.Ahora

está convirtiendo el video a formato .FLV y subiéndolo a nuestro espacio de Youtube.

133Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (23)(23)

b)b)Subir un video a Youtube.(11)Subir un video a Youtube.(11)22.Tras

esperar un rato, ya tenemos nuestro video subido.

23.Nos informa de que ha subido correctamente y del total de videos subidos.

134Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (24)(24)

b)b)Subir un video a Youtube.(12)Subir un video a Youtube.(12)24.Para ver

nuestros videos ya subidos hacemos clic en “Ir a mis videos”.

135Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (25)(25)

b)b)Subir un video a Youtube.(13)Subir un video a Youtube.(13)25.Vemos en miniatura el video subido.

26.Desde esta ventana se pueden añadir videos, eliminarlos, editarlos, etc…

136Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (26)(26)

b)b)Subir un video a Youtube.(14)Subir un video a Youtube.(14)27.Haciendo doble clic sobre la miniatura el video se reproduce.

28.Aquí tenemos la etiqueta para insertar el video en nuestro articulo

137Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (27)(27)

b)b)Subir un video a Youtube.(15)Subir un video a Youtube.(15)29.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

138Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (28)(28)

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(1)en nuestro Artículo.(1)

Podemos insertar un video propio o un video de otro Podemos insertar un video propio o un video de otro usuario siempre que esté catalogado como público.usuario siempre que esté catalogado como público.

Para ello debemos aprender a buscar videos. Hay Para ello debemos aprender a buscar videos. Hay que entrar al sitio, loguearnos, y poner una palabra que entrar al sitio, loguearnos, y poner una palabra clave, relacionada con el tema buscado. También es clave, relacionada con el tema buscado. También es conveniente filtrar de modo que sólo nos aparezcan conveniente filtrar de modo que sólo nos aparezcan los videos en español, (salvo que se pretenda lo los videos en español, (salvo que se pretenda lo contrario, por ejemplo para asignaturas de idiomas).contrario, por ejemplo para asignaturas de idiomas).

139Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (29)(29)

1.Vamos a la casilla “Buscar” y vamos a buscar videos sobre Joomla 1.5

2.Ya está configurado para buscar videos en español.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(2)en nuestro Artículo.(2)

140Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (30)(30)

3.Nos aparece una lista con videos relacionados con la palabra (Etiqueta) introducida.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(3)en nuestro Artículo.(3)

141Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (31)(31)

4.Queremos ver el primero: “Instalación de Joomla”. Doble clic sobre él.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(4)en nuestro Artículo.(4)

142Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (32)(32)

5.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.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(5)en nuestro Artículo.(5)

143Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (33)(33)

6.Nosotros vamos a optar por incrustar nuestro propio video. Para ello vamos a nuestro espacio. Hacemos clic sobre “Cuenta”.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(6)en nuestro Artículo.(6)

144Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (34)(34)

7.Nos lleva a nuestro espacio de Youtube.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(7)en nuestro Artículo.(7)

145Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (35)(35)

8.Seleccionamos nuestro video y copiamos la etiqueta de incrustación. (Embed).

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(8)en nuestro Artículo.(8)

146Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (36)(36)

9.Vamos al portal del centro, nos validamos, creamos un Artículo y situamos el cursor allí donde queramos incrustar el video.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(9)en nuestro Artículo.(9)

Se recomienda el editor JCE

147Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (37)(37)

10.Vamos a la opción de insertar código HTML directamente del editor.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(10)en nuestro Artículo.(10)

148Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (38)(38)

11.Nos aparece la ventana de edición en HTML.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(11)en nuestro Artículo.(11)

Ponemos el cursor aquí y pegamos la etiqueta del video.

149Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (39)(39)

12.Guardamos haciendo clic en “Update”.El procedimiento es el mismo que para insertar una presentación de Slideshare.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(12)en nuestro Artículo.(12)

150Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (40)(40)

13.Inicialmente aparece así en el editor.Podemos alinearlo a derecha, izquierda o centrarlo.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(13)en nuestro Artículo.(13)

151Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (41)(41)

En este caso le he dado alineación centrada.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(14)en nuestro Artículo.(14)

152Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (42)(42)

14.En la parte de abajo del editor establecemos sección, categoría, autor, nivel de acceso, etc…, y guardamos.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(15)en nuestro Artículo.(15)

153Koldo Parra de la Horra

8-Insertar videos de Youtube 8-Insertar videos de Youtube (43)(43)

Este es el resultado final.

c)c)Incrustar un video de Incrustar un video de Youtube Youtube en nuestro Artículo.(16)en nuestro Artículo.(16)

154Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (1)artículos (1)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(1)un texto.(1)

Podemos insertar un enlace sobre un texto o Podemos insertar un enlace sobre un texto o sobre una imagen del Artículo.sobre una imagen del Artículo.

El enlace puede llevarnos a un vínculo externo a El enlace puede llevarnos a un vínculo externo a la página o bien a otra zona del propio sitio Web la página o bien a otra zona del propio sitio Web (vínculo interno).(vínculo interno).

No debemos confundir con la opción “Enlaces que No debemos confundir con la opción “Enlaces que aparecen en el menú principal, dentro de la cual aparecen en el menú principal, dentro de la cual podemos añadir un enlace a donde queramos con podemos añadir un enlace a donde queramos con la opción “Enviar enlace” del menú de Usuario.la opción “Enviar enlace” del menú de Usuario.

155Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (2)artículos (2)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(2)un texto.(2)

1.Vamos al portal.

2.Nos loguemos.

3.Creamos un artículo, escribimos un texto.

156Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (3)artículos (3)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(3)un texto.(3)

4.Seleccionamos el texto sobre el que queremos insertar el hipervínculo, en este caso la palabra “Google”.

5.Hacemos clic sobre el botón de la cadena.

157Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (4)artículos (4)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(4)un texto.(4)

6.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

158Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (5)artículos (5)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(5)un texto.(5)

7.Hay muchas opciones, pero no tenemos porqué complicarnos. Hacemos clic en “Insert”.

159Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (6)artículos (6)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(6)un texto.(6)

Ya vemos el texto subrayado y de otro color.

8.Sólo necesitamos guardar, lógicamente especificando sección, categoría, etc…

160Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (7)artículos (7)

a)a)Insertar un enlace sobre Insertar un enlace sobre un texto.(7)un texto.(7)8.El resultado es el que se ve.

Cualquier lector podrá ir a Google con solo hacer clic sobre el enlace.

161Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (8)artículos (8)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(1)sobre un texto.(1)

Supongamos ahora que desde un artículo Supongamos ahora que desde un artículo queremos hacer mención a otro y dar la posibilidad queremos hacer mención a otro y dar la posibilidad al lector de que consulte este artículo anterior. Se al lector de que consulte este artículo anterior. Se trataría de un enlace interno a otra zona de trataría de un enlace interno a otra zona de nuestro portal.nuestro portal.

La forma de proceder es similar. Únicamente La forma de proceder es similar. Únicamente debemos obtener la URL del artículo al que debemos obtener la URL del artículo al que queremos enlazar. Conviene especificar que se queremos enlazar. Conviene especificar que se abra en una nueva ventana para no cerrar el abra en una nueva ventana para no cerrar el artículo origen.artículo origen.

162Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (9)artículos (9)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(2)sobre un texto.(2)

1.Primero creamos un artículo de la manera habitual. Por ejemplo éste.

163Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (10)artículos (10)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(3)sobre un texto.(3)

2.Luego vamos al archivo al que vamos a hacer referencia. Lo editamos.

164Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (10)artículos (10)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(3)sobre un texto.(3)

3.Copiamos la URL del artículo en la barra del navegador con control+C

165Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos (11)artículos (11)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(4)sobre un texto.(4)

6.Hacemos clic sobre el botón de la cadena.

5.Volvemos al artículo original y seleccionamos el texto sobre el que vamos a crear el enlace.

166Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(13)artículos(13)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(5)sobre un texto.(5)

8.Pegamos la URL en la casilla correspondiente (URL del artículo destino) con Control+V.

9.Seleccionamos la opción “Open in a new Window”.

10.Clic en “Insert”

167Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(14)artículos(14)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(6)sobre un texto.(6)

11.Guardamos el artículo.

168Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(15)artículos(15)

b)b)Insertar un enlace interno Insertar un enlace interno sobre un texto.(7)sobre un texto.(7)

12.Que se visualizará así.13.Si se hace clic sobre el enlace nos

abre el otro artículo sin cerrar éste.

169Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(16)artículos(16)

c)c)Insertar un enlace sobre una Insertar un enlace sobre una imagen.(1)imagen.(1)

1.Vamos al artículo.

2.Seleccionamos la imagen.

3.Hacemos clic sobre el botón de la cadena.

El procedimiento es exactamente el El procedimiento es exactamente el mismo. La única diferencia es que mismo. La única diferencia es que en lugar de seleccionar un texto, se en lugar de seleccionar un texto, se selecciona una imagen del artículo.selecciona una imagen del artículo.

170Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(17)artículos(17)

c)c)Insertar un enlace sobre una Insertar un enlace sobre una imagen.(2)imagen.(2)

4.Ponemos la dirección de Slideshare o cualquier otra en otro caso.

5.Puede escogerse si se abre en otra ventana o en la misma

6.Clic en “Insert”.

171Koldo Parra de la Horra

9-Insertar enlaces en los 9-Insertar enlaces en los artículos(18)artículos(18)

c)c)Insertar un enlace sobre una Insertar un enlace sobre una imagen.(3)imagen.(3)7.Guardamos el artículo. Aparentemente no hay cambios.

8.Se verá así. Al pasar el ratón sobre la imagen el cursor se convierte en una mano. Dentro hay un enlace.

172Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(1)artículo(1) Si los archivos son de pequeño tamaño, como pueden ser los Si los archivos son de pequeño tamaño, como pueden ser los

PDFs o archivos comprimidos pequeños, es posible PDFs o archivos comprimidos pequeños, es posible almacenarlos en el hosting de Educastur y preparar la almacenarlos en el hosting de Educastur y preparar la descarga de forma cómoda y elegante con la extensión descarga de forma cómoda y elegante con la extensión “Docman” de Joomla.“Docman” de Joomla.

Si por el contrario se trata de un archivo pesado: Si por el contrario se trata de un archivo pesado: Presentaciones, vídeos, documentos Word, música, etc… Presentaciones, vídeos, documentos Word, música, etc… deberemos acudir a un servicio de disco virtual online deberemos acudir a un servicio de disco virtual online (Skydrive, MySpace, Pando) y subirlos allí. Es menos (Skydrive, MySpace, Pando) y subirlos allí. Es menos elegante porque lleva al usuario a la página correspondiente elegante porque lleva al usuario a la página correspondiente y le muestra el enlace de descarga.y le muestra el enlace de descarga.

173Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(2)artículo(2)a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en

Docman.(1)Docman.(1) Para poder utilizar el gestor de descargas para Joomla Para poder utilizar el gestor de descargas para Joomla

conocido como Docman, esta extensión debe haber sido conocido como Docman, esta extensión debe haber sido instalada previamente por un administrador.instalada previamente por un administrador.

Los archivos para su instalación pueden obtenerse en Los archivos para su instalación pueden obtenerse en esta dirección:esta dirección:http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,82/Itemid,35/ http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,82/Itemid,35/

174Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(3)artículo(3)a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en

Docman.(2)Docman.(2) Debe instalar dos archivos, el complemento y el plugin.Debe instalar dos archivos, el complemento y el plugin.

Crear una categoría para tu departamento dentro de Crear una categoría para tu departamento dentro de Docman. Docman.

Además debe crear un enlace de menú a Docman. En mi Además debe crear un enlace de menú a Docman. En mi caso lo llamé “Descargas” y lo integré en el menú principal.caso lo llamé “Descargas” y lo integré en el menú principal.

175Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(4)artículo(4)a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en

Docman.(3)Docman.(3)

1.Encontrar el enlace “Descargas en el Menú principal.

2.Hacer clic en él

Pero el publicador sólo se debe de preocupar de:Pero el publicador sólo se debe de preocupar de:

176Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(5)artículo(5)a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en

Docman.(4)Docman.(4)3.Vemos una carpeta por cada categoría creada.

4.Hacemos clic sobre “Submit File”(Enviar archivo).

177Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(6)artículo(6)

5.Hacemos clic en “Next”. Con la opción resaltada “Upload file from your computer”

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(5)Docman.(5)

178Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(7)artículo(7)

6.Hacemos clic en “Seleccionar archivo”.a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en

Docman.(6)Docman.(6)

179Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(8)artículo(8)

7.Navegamos por el disco duro hasta encontrar el archivo que queremos subir.

8.En este caso es un PDF. Lo seleccionamos y clic en “Abrir”.

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(7)Docman.(7)

180Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(9)artículo(9)

9.Hacemos clic en “Upload”.

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(8)Docman.(8)

181Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(10)artículo(10)

10.Nos pide que esperemos mientras sube el archivo. Si este es pequeño, tarda poco.

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(9)Docman.(9)

182Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(11)artículo(11)

11.Cuando termina de subir debemos decirle en que carpeta (categoría) se guardará. En este caso “Nuevas Tecnologías” y aceptar

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(10)Docman.(10)

183Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(12)artículo(12)

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.

a)a)Colocar archivos de poco peso en Colocar archivos de poco peso en Docman.(11)Docman.(11)

184Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(13)artículo(13)

12.Un lector que entre en Descargas verá esto.

13.Para descargar el archivo debe seleccionar la carpeta donde esté.

b)b)Crear un vínculo para Crear un vínculo para descargardescargarun archivo de Docman.un archivo de Docman.(1)(1)

185Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(14)artículo(14)

14.Y hacer clic sobre el archivo.

15.Se producirá la descarga a la carpeta predeterminada en el navegador.

b)b)Crear un vínculo para Crear un vínculo para descargardescargarun archivo de Docman.un archivo de Docman.(2)(2)

186Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(15)artículo(15)

16.Luego podremos llevarlo a la carpeta que queramos

b)b)Crear un vínculo para Crear un vínculo para descargardescargarun archivo de Docman.un archivo de Docman.(3)(3)

187Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(16)artículo(16)c)c)Darse de alta en un disco duro Darse de alta en un disco duro

virtual.(1)virtual.(1) Debemos darnos de alta en uno de estos servicios:Debemos darnos de alta en uno de estos servicios: SKYDRIVE (Windows Live de Microsoft) 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=250206http://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 BOXBOX http://www.box.net/http://www.box.net/ PANDOPANDO http://www.pando.com/http://www.pando.com/ XDRIVEXDRIVE http://www.xdrive.com/http://www.xdrive.com/ ADRIVEADRIVE http://www.adrive.com/ http://www.adrive.com/ PANDOPANDO http://www.pando.com/ http://www.pando.com/

Existen otros. Yo he optado por Skydrive. Funciona bien. Sólo necesitamos una cuenta de correo.Existen otros. Yo he optado por Skydrive. Funciona bien. Sólo necesitamos una cuenta de correo.

188Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(17)artículo(17)c)c)Darse de alta en un disco duro Darse de alta en un disco duro

virtual.(2)virtual.(2)

189Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(18)artículo(18)

1.Vamos a la página de Windows Live.

2.Hacemos clic en “Registrarse”

c)c)Darse de alta en un disco duro Darse de alta en un disco duro virtual.(3)virtual.(3)

190Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(19)artículo(19)

3.Rellenamos los datos utilizando la cuenta de correo de Yahoo.

4.Hacemos clic en “Acepto”.

c)c)Darse de alta Darse de alta en un disco en un disco duro virtual.(4)duro virtual.(4)

191Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(20)artículo(20)

5.Nos lleva a nuestro espacio de Skydrive.

c)c)Darse de alta en un disco duro Darse de alta en un disco duro virtual.(5)virtual.(5)

192Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(21)artículo(21)

6.Skydrive. Por defecto hay cuatro carpetas creadas (vacías) y disponemos de 25 Gb de espacio libre.

c)c)Darse de alta en un disco duro Darse de alta en un disco duro virtual.(6)virtual.(6)

193Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(22)artículo(22)c)c)Darse de alta en un disco duro Darse de alta en un disco duro

virtual.(7)virtual.(7) Y guardo mis datos de la cuenta de Skydrive así:Y guardo mis datos de la cuenta de Skydrive así:

194Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(23)artículo(23)

7.Podemos crear más carpetas. Por ejemplo, crearemos una para almacenar presentaciones .

8.Clic en “Crear Carpeta”.

d)d)Subir un archivo a Subir un archivo a Skydrive.(1)Skydrive.(1)

195Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(24)artículo(24)

9.Ponemos el nombre a la nueva carpeta.

10.Seleccionamos quién puede acceder a la carpeta.• Solo yo (Privada)• Cualquiera

(Público)• Mi red (Unos

pocos)• Seleccionar

personas

d)d)Subir un archivo a Subir un archivo a Skydrive.(2)Skydrive.(2)

196Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(25)artículo(25)

11.La llamamos “Presentaciones”.

12.La configuramos como privada (Solo yo).

13.Clic en siguiente.

d)d)Subir un archivo a Subir un archivo a Skydrive.(3)Skydrive.(3)

197Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(26)artículo(26)

14.Nos invita a subir un archivo o varios a esta carpeta.

15.El tamaño máximo por archivo es de 50 Mb.

16.Clic en Examinar

d)d)Subir un archivo a Subir un archivo a Skydrive.(4)Skydrive.(4)

198Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(27)artículo(27)

17.Elegimos el archivo de nuestro disco duro.

18.Clic en “Abrir”.

d)d)Subir un archivo a Subir un archivo a Skydrive.(5)Skydrive.(5)

199Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(28)artículo(28)

19.Vemos el nombre del archivo.

20.Clic en “Cargar”.

d)d)Subir un archivo a Subir un archivo a Skydrive.(6)Skydrive.(6)

200Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(29)artículo(29)

21.El archivo está subiendo.

22.Tarda más o menos dependiendo del tamaño.

d)d)Subir un archivo a Subir un archivo a Skydrive.(7)Skydrive.(7)

201Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(30)artículo(30)

23.Al final aparece el archivo subido, dentro de la carpeta.

24. Podemos agregar más archivos o ir a la portada de nuestro espacio. Clic en Skydrive.

d)d)Subir un archivo a Subir un archivo a Skydrive.(8)Skydrive.(8)

202Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(31)artículo(31)

25.Vemos todas nuestras carpetas. Un candado significa que es privada.

26.Para entrar en una de ellas se hace doble clic.

27.Entramos de nuevo en “Presentaciones”.

d)d)Subir un archivo a Subir un archivo a Skydrive.(9)Skydrive.(9)

203Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(32)artículo(32)

28.Vemos el contenido de la carpeta. Sólo hay un archivo.

29.Al hacer clic sobre él, se abre una nueva ventana de edición del archivo.

d)d)Subir un archivo a Subir un archivo a Skydrive.(10)Skydrive.(10)

204Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(33)artículo(33)

30.Podemos agregar una descripción.

31.Pero lo más importante es la dirección URL del archivo para poder enlazar la descarga. Copiamos con Control+C

d)d)Subir un archivo a Subir un archivo a Skydrive.(11)Skydrive.(11)

205Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(34)artículo(34)

Se trata de una dirección Web.Luego la pegaremos en el vínculo.

d)d)Subir un archivo a Subir un archivo a Skydrive.(12)Skydrive.(12)

206Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(35)artículo(35)e)e)Descargar un un Descargar un un

documento desde documento desde un disco duro virtual.(1)un disco duro virtual.(1)32.Ahora vamos

a nuestro portal, creamos un artículo, escribimos texto, etc…

33.Seleccionamos el texto (o imagen) sobre el que crearemos el enlace.

207Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(36)artículo(36)

34.Hacemos clic en el botón de la cadena.

35.Se abre la ventana emergente. Pegamos la dirección URL del archivo aquí.

36.Le decimos que abra en una nueva ventana.

37.Insertamos.

e)e)Descargar un un Descargar un un documento desde documento desde un disco duro virtual.(2)un disco duro virtual.(2)

208Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(37)artículo(37)

38.En el Editor ya observamos que se ha creado el enlace

39.Guardamos el Artículo.

e)e)Descargar un un Descargar un un documento desde documento desde un disco duro virtual.(3)un disco duro virtual.(3)

209Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(38)artículo(38)

41.Al hacer clic sobre el enlace nos lleva a Skydrive. Con solo hacer clic sobre el archivo éste se descargará.

40.Al visualizarlo aparece así.

e)e)Descargar un un Descargar un un documento desde documento desde un disco duro virtual.(4)un disco duro virtual.(4)

210Koldo Parra de la Horra

10-Enlaces para 10-Enlaces para descargar descargar

archivos desde un archivos desde un artículo(39)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.

e)e)Descargar un un Descargar un un documento desde documento desde un disco duro virtual.(5)un disco duro virtual.(5)

211Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(1)en .mp3(1)

El audio, como el video son pesados El audio, como el video son pesados para un hosting directo en Educastur.para un hosting directo en Educastur.

No hay de qué preocuparse. Hay No hay de qué preocuparse. Hay servicios equivalentes a Youtube para archivos de audio. Mi servicios equivalentes a Youtube para archivos de audio. Mi preferido es preferido es ImeemImeem http://www.imeem.com/ .http://www.imeem.com/ .

En este portal puede subirse audio en .mp3, compartirlo o no, En este portal puede subirse audio en .mp3, compartirlo o no, y lo que más nos interesa: incrustarlo en nuestra Web o Blog.y lo que más nos interesa: incrustarlo en nuestra Web o Blog.

Además el procedimiento es facilísimo, pues se trata de Además el procedimiento es facilísimo, pues se trata de insertar un código HTML, igual que hacemos con Youtube o insertar un código HTML, igual que hacemos con Youtube o Slideshare.Slideshare.

212Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(2)en .mp3(2)

a)a)Darse de alta en Imeem.(1)Darse de alta en Imeem.(1)

1.Ir a Imeem:http://www.imeem.com/

2.Hacer clic sobre “Sign Up”.

213Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(3)en .mp3(3)

a)a)Darse de alta en Imeem.(2)Darse de alta en Imeem.(2)

3.Rellenamos los datos del formulario. Utilizamos la cuenta de Yahoo.

4.Hacemos clic en “Sign Up”.

214Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(4)en .mp3(4)

a)a)Darse de alta en Imeem.(3)Darse de alta en Imeem.(3)4.Nos da la bienvenida.5.Nos pide que confirmemos el E-

Mail, mediante enlace de activación.

215Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(5)en .mp3(5)

a)a)Darse de alta en Imeem.(4)Darse de alta en Imeem.(4)

6.Voy a Yahoo, Correo.

7.Ingreso en la cuenta matajove216.

216Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(6)en .mp3(6)

a)a)Darse de alta en Imeem.(5)Darse de alta en Imeem.(5)

8.Voy al correo recibido.

9.Hago clic sobre el enlace de activación.

217Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(7)en .mp3(7)

a)a)Darse de alta en Imeem.(6)Darse de alta en Imeem.(6) Y guardo mis datos de la cuenta de Imeem así:Y guardo mis datos de la cuenta de Imeem así:

218Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(8)en .mp3(8)

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(1)Imeem.(1)1.Vuelvo a Imeem. Para entrar en

nuestro espacio Imeem debo hacer clic en “My Profile”.

219Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(9)en .mp3(9)

2.No hay ningún archivo subido todavía. Hacemos clic en “Upload”.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(2)Imeem.(2)

220Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(10)en .mp3(10)

3.Seleccionamos “Music” (Subir música).

4.Seleccionamos “Put in my profile”(Subir a mi perfil).

5.Hacemos clic en “Upload”

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(3)Imeem.(3)

221Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(11)en .mp3(11)

6.Hacemos clic sobre “Browse”. Se abrirá una ventana para seleccionar el archivo de nuestro disco duro.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(4)Imeem.(4)

222Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(12)en .mp3(12)

7.Elegimos el archivo. En este caso la Danza Húngara Nº 5 de Brahms.

8.Clic en “Abrir”.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(5)Imeem.(5)

223Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(13)en .mp3(13)

9.Ya vemos el archivo seleccionado

10.Hacer clic en “Start Upload” (Comenzar subida).

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(6)Imeem.(6)

224Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(14)en .mp3(14)

11.Se puede observar el proceso de subida.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(7)Imeem.(7)

225Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(15)en .mp3(15)

11.Debemos decir a qué género musical pertenece y si queremos el autor y añadir etiquetas.

12.Terminamos la subida haciendo clic en “Finish Upload”.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(8)Imeem.(8)

226Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(16)en .mp3(16)

13.Nos informa de que ha subido correctamente y nos invita a subir más.

14.Salimos de Imeem y volvemos a entrar. Nos logueamos si es necesario.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(9)Imeem.(9)

227Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(17)en .mp3(17)

15.Vamos a nuestro espacio de Imeem. Clic en “my profile”.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(10)Imeem.(10)

228Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(18)en .mp3(18)

16.Vemos la canción que hemos subido.

17.Haciendo clic sobre ella arranca un reproductor flash y la escuchamos.

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(11)Imeem.(11)

229Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(19)en .mp3(19)

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(12)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/ http://get.adobe.com/es/flashplayer/

230Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(20)en .mp3(20)

18.Mientras la canción suena se muestra la etiqueta para incrustar.

19.La copiamos haciendo Control+C.

20.Al terminar el tema nos sugiere música relacionada.

21.Podemos incrustar música subida por otros, (si es pública).

b)b)Subir archivos .mp3 a Subir archivos .mp3 a Imeem.(13)Imeem.(13)

231Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(21)en .mp3(21)

1.Procedemos de manera similar a un video de Youtube. Creamos el Artículo.

2.Hacemos clic en el botón “<>”.

3.Se abrirá la ventana de edición en HTML.

c)c)Insertar el .mp3 en el Insertar el .mp3 en el Artículo.(1)Artículo.(1)

232Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(22)en .mp3(22)

4.Pegamos el código de la etiqueta con Control+V.

5.Hacemos clic en “Update”.

c)c)Insertar el .mp3 en el Insertar el .mp3 en el Artículo.(2)Artículo.(2)

233Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(23)en .mp3(23)

6.En el editor se verá así.

7.Podemos seleccionarlo y centrarlo o alinearlo a la derecha.

c)c)Insertar el .mp3 en el Insertar el .mp3 en el Artículo.(3)Artículo.(3)

234Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(24)en .mp3(24)

8.Lo he centrado.

9.Se establece la sección, la categoría, etc… y guardamos.

c)c)Insertar el .mp3 en el Insertar el .mp3 en el Artículo.(4)Artículo.(4)

235Koldo Parra de la Horra

11-Incrustar audio 11-Incrustar audio en .mp3(25)en .mp3(25)

10.El Artículo se verá así.

11.El reproductor permite iniciar, parar y ajustar el volumen. Hay un pequeño retardo al iniciar (2 o 3 segundos).

c)c)Insertar el .mp3 en el Insertar el .mp3 en el Artículo.(5)Artículo.(5)

236Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(1)Flash con Yudu.(1)

YuduYudu es una página que presta un servicio interesante es una página que presta un servicio interesante que permite subir documentos escritos, convertirlos a que permite subir documentos escritos, convertirlos a formato flash y luego incrustándolos en nuestro artículo.formato flash y luego incrustándolos en nuestro artículo.

Hay que darse de alta.Hay que darse de alta. Para poder incrustarlo el documento debe ser públicoPara poder incrustarlo el documento debe ser público Admite formatos PDF y Word.Admite formatos PDF y Word. Se accede mediante la dirección:Se accede mediante la dirección:

http://beta.yudu.com/http://beta.yudu.com/

237Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(2)Flash con Yudu.(2)

1.Se va a la página de Yudu.

2.Hacer clic sobre “Create a new Library”.

a)a)Darse de alta en Yudu.(1)Darse de alta en Yudu.(1)

238Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(3)Flash con Yudu.(3)

3.Introducimos los datos de la cuenta de Yahoo, la contraseña, etc…

4.Hacer clic en “Go”.

a)a)Darse de alta en Yudu.(2)Darse de alta en Yudu.(2)

239Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(4)Flash con Yudu.(4)

5.Nos confirma que el registro es satisfactorio.

6.Pero debemos activar el enlace de confirmación en nuestro correo Yahoo.

a)a)Darse de alta en Yudu.(3)Darse de alta en Yudu.(3)

240Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(5)Flash con Yudu.(5)

7.Vamos a nuestra cuenta de Yahoo. Entramos.

a)a)Darse de alta en Yudu.(4)Darse de alta en Yudu.(4)

241Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(6)Flash con Yudu.(6)8.Abrimos el correo que nos ha

llegado desde Yudu.

a)a)Darse de alta en Yudu.(5)Darse de alta en Yudu.(5)

242Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(7)Flash con Yudu.(7)

9.Hacemos clic sobre el enlace de activación.

a)a)Darse de alta en Yudu.(6)Darse de alta en Yudu.(6)

243Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(8)Flash con Yudu.(8)

10.Ya tenemos cuenta en Yudu. Guardamos los datos en un archivo Word.

a)a)Darse de alta en Yudu.(7)Darse de alta en Yudu.(7)

244Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(9)Flash con Yudu.(9)

1.Volvemos a Yudu.

2.Para loguearnos hacemos clic en “Login”

b)b)Subir un documento a Subir un documento a Yudu.(1)Yudu.(1)

245Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(10)Flash con Yudu.(10)

3.Introducimos los datos.

4.Clic en “Go”

b)b)Subir un documento a Subir un documento a Yudu.(2)Yudu.(2)

246Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(11)Flash con Yudu.(11)

5.Para subir un archivo hacemos clic en “Publish”.

b)b)Subir un documento a Subir un documento a Yudu.(3)Yudu.(3)

247Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(12)Flash con Yudu.(12)

6.Como vamos a subir un documento hacemos clic en “Document”.

b)b)Subir un documento a Subir un documento a Yudu.(4)Yudu.(4)

248Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(13)Flash con Yudu.(13)7.Hacemos clic en “Browse”

b)b)Subir un documento a Subir un documento a Yudu.(5)Yudu.(5)

249Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(14)Flash con Yudu.(14)

8.Vamos a subir el PDF de guía de publicación en Blogs de Educastur.

9.Clic en “Abrir”.

b)b)Subir un documento a Subir un documento a Yudu.(6)Yudu.(6)

250Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(15)Flash con Yudu.(15)

10.Podemos renombrarlo.

11.Es importante clasificarlo como “Público” para poder insertarlo después.

12.Hacer clic en “Publish”

b)b)Subir un Subir un documento a documento a Yudu.(7)Yudu.(7)

251Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(16)Flash con Yudu.(16)

13.Nos confirma que ha subido correctamente.

14.Hacemos clic en “My library”

b)b)Subir un documento a Subir un documento a Yudu.(8)Yudu.(8)

252Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(17)Flash con Yudu.(17)

15.Antes había subido un documento Word. El archivo PDF es este.

16.Para abrirlo hacemos clic sobre el nombre.

b)b)Subir un documento a Subir un documento a Yudu.(9)Yudu.(9)

253Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(18)Flash con Yudu.(18)

17.Se ven los detalles del documento.

18.Nos interesa hacer clic en “Embed This Item”.

b)b)Subir un Subir un documentodocumento a Yudu.(10)a Yudu.(10)

254Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(19)Flash con Yudu.(19)

19.Elegimos “Avanced”. Y tamaño 600X600 px.

20.Seleccionamos el código y copiamos con Control+C.

21.Nos servirá para insertarlo en nuestro artículo.

22.Nos ofrece una previsualización.

b)b)Subir un Subir un documentodocumento a Yudu.(11)a Yudu.(11) Se

recomienda aumentar el tamaño

255Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(20)Flash con Yudu.(20)

1.Creamos el artículo de la forma habitual.

2.Hay que insertar código HTML, por lo tanto usaremos el conocido botón “<>”.

c)c)Incrustar el documento en nuestro Incrustar el documento en nuestro artículo.(1)artículo.(1)

256Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(21)Flash con Yudu.(21)

3.Se abrirá la ventana de edición en HTML.

4.Pegamos con Control+V.

5.Clic en “Update”.

c)c)Incrustar el documento en nuestro Incrustar el documento en nuestro artículo.(2)artículo.(2)

257Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(22)Flash con Yudu.(22)

6.En el editor se verá así.

7.Guardamos el artículo, en la sección y categoría que corresponda.

c)c)Incrustar el Incrustar el documentodocumento en nuestro en nuestro artículo.(3)artículo.(3)

258Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(23)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.

c)c)Incrustar el Incrustar el documentodocumento en nuestro en nuestro artículo.(4)artículo.(4)

259Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(24)Flash con Yudu.(24)

260Koldo Parra de la Horra

12-Incrustar 12-Incrustar documento en vista documento en vista Flash con Yudu.(25)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.

261Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(1)con exposé4.(1) Exposé 4 es una extensión para Joomla 1.5.. Para poder Exposé 4 es una extensión para Joomla 1.5.. Para poder

utilizarla, antes un administrador debe haberla instalado.utilizarla, antes un administrador debe haberla instalado. Permite subir muchas fotos a la vez y crear fácilmente un álbum Permite subir muchas fotos a la vez y crear fácilmente un álbum

con ellas, organizar los álbumes, renombrarlos, borrarlos, etc…con ellas, organizar los álbumes, renombrarlos, borrarlos, etc… Presenta claramente los álbumes para que el lector elija el que Presenta claramente los álbumes para que el lector elija el que

quiere ver.quiere ver. Presentación muy vistosa de las fotos con efecto “roller”, y Presentación muy vistosa de las fotos con efecto “roller”, y

posibilidad de ampliar, pasar de una en una, etc… El aspecto es posibilidad de ampliar, pasar de una en una, etc… El aspecto es impecable.impecable.

a)a)Ventajas de Ventajas de Exposé4.(1)Exposé4.(1)

262Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(2)con exposé4.(2) Para que se pueda visualizar los álbumes el administrador debe crear Para que se pueda visualizar los álbumes el administrador debe crear

un enlace “Fotos” que nos lleve a las galerías de Exposé.un enlace “Fotos” que nos lleve a las galerías de Exposé. El administrador debe recurrir a un truco para hacer accesible a los 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 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.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 El administrador (si quiere) dará la contraseña de entrada al “Manage Albums” de Exposé4.Albums” de Exposé4.

Cuidado porque cualquier persona que accede ahí puede crear un Cuidado porque cualquier persona que accede ahí puede crear un álbum, pero también borrar el de otro. Por tanto debe haber álbum, pero también borrar el de otro. Por tanto debe haber responsabilidad y confianza mutua.responsabilidad y confianza mutua.

Pero ojo:Pero ojo:

263Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(3)con exposé4.(3) Obviamente antes debemos obtener y preparar Obviamente antes debemos obtener y preparar

adecuadamente la colección de fotos.adecuadamente la colección de fotos. La resolución no debe ser superior a los 90ppp. En La resolución no debe ser superior a los 90ppp. En

caso de ser superior debemos reducir el peso de las caso de ser superior debemos reducir el peso de las fotos tal y como se muestra en el apartado C de esta fotos tal y como se muestra en el apartado C de esta publicación, utilizando el programa “FastStone publicación, utilizando el programa “FastStone PhotoResizer” u otro similar.PhotoResizer” u otro similar.

Otras Otras consideraciones:consideraciones:

264Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(4)con exposé4.(4)1.Si todo lo

anterior está hecho, al acceder al sitio y loguearnos, siendo publicadores veremos un entrada de menú como esta. (Crear Galería).

b)b)Crear la galería.Crear la galería.(1)(1)

265Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(5)con exposé4.(5)

2.Debemos introducir la contraseña de entrada a Exposé4. Si el administrador lo considera oportuno la facilitará.

3.Clic en “Log in”.

b)b)Crear la galería.Crear la galería.(2)(2)

266Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(6)con exposé4.(6)

4.Este es el panel de control de Exposé4.

5.Clic en “Create Album”

b)b)Crear la galería.Crear la galería.(3)(3)

267Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(7)con exposé4.(7)

6.Se pone el título y se elije el nivel. En este caso: “Iglesias de Asturias” en “Top Level”.

7.Clic en “Create”.

b)b)Crear la galería.Crear la galería.(4)(4)

268Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(8)con exposé4.(8)

8.Se selecciona el nombre de la galería y se hace clic sobre “Upload Photos”.

b)b)Crear la galería.Crear la galería.(5)(5)

269Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(9)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.

270Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(10)con exposé4.(10)

9.Se seleccionan todas las fotos a la vez que se quieran subir y se hace clic en “Abrir”.

b)b)Crear la galería.Crear la galería.(6)(6)

271Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(11)con exposé4.(11)10.Podemos ver las

fotos que van a subirse y su peso. Sigue siendo excesivo, pero exposé4 redimensiona y ajusta automáticamente.

11.Hacemos clic en “Upload”.

b)b)Crear la galería.Crear la galería.(7)(7)

272Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(12)con exposé4.(12)

12.Subiendo. Esperamos a que termine.

b)b)Crear la galería.Crear la galería.(8)(8)

273Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(13)con exposé4.(13)13.Selecciona

mos una de las fotos como miniatura de presentación, haciendo clic en “Create Album Thumb”.

b)b)Crear la galería.Crear la galería.(9)(9)

274Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(14)con exposé4.(14)14.Confirmam

os la miniatura, elegir el Álbum y luego hacer clic en “Create”.

b)b)Crear la galería.Crear la galería.(10)(10)

275Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(15)con exposé4.(15)15.Y ya está.

Cerramos el navegador y volvemos a entrar en el portal.

b)b)Crear la galería.Crear la galería.(11)(11)

276Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(17)con exposé4.(17)1.Si nos

logueamos, veremos un enlace “Fotos”.

2.Entrando veremos las galerías.

c)c)Visualizar la Visualizar la galería.(1)galería.(1)

277Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(16)con exposé4.(16)3.Vemos las galerías (miniaturas).4.Para entrar en una se hace clic en ella.

c)c)Visualizar la Visualizar la galería.(2)galería.(2)

278Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(17)con exposé4.(17)

5.Se ve así, pero al pasar el ratón por encima se amplía un poco.

c)c)Visualizar la Visualizar la galería.(3)galería.(3)

279Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(18)con exposé4.(18)

6.Y si hacemos clic sobre una foto se amplía y podemos pasar una por una.

c)c)Visualizar la Visualizar la galería.(4)galería.(4)

280Koldo Parra de la Horra

13-Crear y publicar 13-Crear y publicar galerías de imágenes galerías de imágenes

con exposé4.(19)con exposé4.(19)7.Presenta el

nombre de la foto.

8.Presenta el nombre del Álbum.

9.Muestra controles para pasar de una foto a otra.

10.O verla como presentación.

c)c)Visualizar la Visualizar la galería.(5)galería.(5)

281Koldo Parra de la Horra

14-Marcar eventos con 14-Marcar eventos con JEvents.(1)JEvents.(1)

JEvents es una extensión para Joomla 1.5.. Para poder utilizarla, JEvents es una extensión para Joomla 1.5.. Para poder utilizarla, antes debe haberla instalado un administrador.antes debe haberla instalado un administrador.

Permite mostrar un calendario en el que se resaltan eventos que Permite mostrar un calendario en el que se resaltan eventos que se organicen en el centro. Se pueden crear categorías de eventos se organicen en el centro. Se pueden crear categorías de eventos (Exámenes, evaluaciones, salidas extraescolares, etc..) y asignar (Exámenes, evaluaciones, salidas extraescolares, etc..) y asignar un color distinto a cada una de ellas.un color distinto a cada una de ellas.

Al hacer clic sobre la fecha mostrará la información que hayamos Al hacer clic sobre la fecha mostrará la información que hayamos introducido relativa al evento.introducido relativa al evento.

a)a)Ventajas de Ventajas de JEvents.(1)JEvents.(1)

282Koldo Parra de la Horra

2.Si somos usuarios registrados observaremos que aparece un calendario.

b)b)Establecer un Establecer un evento.(1)evento.(1)

14-Marcar eventos con 14-Marcar eventos con JEvents.(2)JEvents.(2)

1.Vamos a nuestro portal Web y nos logueamos.

283Koldo Parra de la Horra

3.Y si somos publicadores podremos entrar en la creación de eventos gracias a este enlace de menú.

b)b)Establecer un Establecer un evento.(2)evento.(2)

14-Marcar eventos con 14-Marcar eventos con JEvents.(3)JEvents.(3)

284Koldo Parra de la Horra

4.Y si somos autores o de un nivel superior, por ejemplo los publicadores, podremos “Añadir evento”.

b)b)Establecer un Establecer un evento.(3)evento.(3)

14-Marcar eventos con 14-Marcar eventos con JEvents.(4)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.

285Koldo Parra de la Horra

4.Simplificaremos al máximo. Únicamente ponemos título y categoría (de entre las creadas por el Administrador).

b)b)Establecer un Establecer un evento.(4)evento.(4)

14-Marcar eventos con 14-Marcar eventos con JEvents.(5)JEvents.(5)

286Koldo Parra de la Horra

5.Simplificaremos al máximo. Únicamente ponemos título y categoría (de entre las creadas por el Administrador).

b)b)Establecer un Establecer un evento.(5)evento.(5)

14-Marcar eventos con 14-Marcar eventos con JEvents.(6)JEvents.(6)

6.Luego hacemos clic en la pestaña “Calendario”.

287Koldo Parra de la Horra

b)b)Establecer un Establecer un evento.(6)evento.(6)

14-Marcar eventos con 14-Marcar eventos con JEvents.(7)JEvents.(7)

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.

288Koldo Parra de la Horra

b)b)Establecer un Establecer un evento.(7)evento.(7)

14-Marcar eventos con 14-Marcar eventos con JEvents.(8)JEvents.(8)

8.Establecemos día completo.

9.Establecemos la forma de repetición. En este caso será para un solo día.

10.Guardamos.

289Koldo Parra de la Horra

c)c)Visualizar un Visualizar un evento.(1)evento.(1)

14-Marcar eventos con 14-Marcar eventos con JEvents.(9)JEvents.(9)

1.Para verlo entramos en el portal y nos logueamos.

2.Hacemos clic sobre la fecha que nos interese. En este caso “mes siguiente”.

290Koldo Parra de la Horra

c)c)Visualizar un Visualizar un evento.(2)evento.(2)

14-Marcar eventos con 14-Marcar eventos con JEvents.(10)JEvents.(10)

3.Poniendo el cursor encima de la fecha nos da la información que hayamos introducido.

4.Haciendo clic podemos ver y editar el evento.

El color naranja es el asignado para la categoría de “Celebraciones”

291Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (1)(1) Programar en Flash es un trabajo arduo y requiere bastantes Programar en Flash es un trabajo arduo y requiere bastantes

conocimientos.conocimientos. Vamos a limitarnos a aprovechar lo que ya hay creado y puesto en Vamos a limitarnos a aprovechar lo que ya hay creado y puesto en

la red.la red. Se trata de archivos de extensión .SWF, infografías, en muchos Se trata de archivos de extensión .SWF, infografías, en muchos

casos interactivas. Ocupan muy poco espacio, por lo que pueden casos interactivas. Ocupan muy poco espacio, por lo que pueden alojarse en el espacio FTP. (requerirá permiso de un alojarse en el espacio FTP. (requerirá permiso de un administrador).administrador).

Es la operación más compleja, pero pueden tener una aplicación Es la operación más compleja, pero pueden tener una aplicación didáctica excelente.didáctica excelente.

Se recomienda este sitio: Se recomienda este sitio: http://www.consumer.es/infografias/ http://www.consumer.es/infografias/

292Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (2)(2)

1.Vamos a “Consumer Eroski”

2.Seleccionamos “Infografías”

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(1)Flash.(1)

293Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (3)(3)

2.Salen ordenadas por categorías. Por ejemplo elegimos “Nuevas Tecnologías”.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(2)Flash.(2)

294Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (4)(4)

3.Elegimos la infografía sobre la fibra óptica.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(3)Flash.(3)

295Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (5)(5)

4.Podemos verla

5.Y también podemos descargarla.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(4)Flash.(4)

296Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (6)(6)

5.En la siguiente pantalla hacemos clic otra vez en “Descargar Infografía”.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(5)Flash.(5)

297Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (7)(7)

6.Este es el archivo que ha bajado a nuestro equipo.

7.Lo copiamos a una carpeta llamada “Infografías y dentro de ella lo descomprimimos.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(6)Flash.(6)

298Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (8)(8)

8.Es un archivo swf. El original en zip y el html los podemos eliminar.

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(7)Flash.(7)

299Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (9)(9)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(1)Docman.(1) Como publicadores, inicialmente no tenemos permisos para Como publicadores, inicialmente no tenemos permisos para

subir archivos. Debemos hacerlo a través de la extensión subir archivos. Debemos hacerlo a través de la extensión Docman, comunicárselo a un administrador del portal y Docman, comunicárselo a un administrador del portal y esperar a que él nos apruebe la subida (publique) del archivo.esperar a que él nos apruebe la subida (publique) del archivo.

Para ello se debe cumplir que:Para ello se debe cumplir que: La extensión Docman esté instalada.(Debe hacerlo el administrador).La extensión Docman esté instalada.(Debe hacerlo el administrador). Esté configurado para permitir la subida de archivos .SWF (Debe Esté configurado para permitir la subida de archivos .SWF (Debe

hacerlo el administrador).hacerlo el administrador). La carpeta de destino de los archivos sea: joomla/dmdocuments.La carpeta de destino de los archivos sea: joomla/dmdocuments.

No debemos abusar subiendo muchos archivos o subiendo No debemos abusar subiendo muchos archivos o subiendo archivos grandes.archivos grandes.

300Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (10)(10)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(2)Docman.(2) 1.Vamos a la portada de nuestro portal.

2.Loguearnos.3.Encontrar el

enlace “Descargas” en el menú principal. Hacer clic en él.

301Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (11)(11)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(3)Docman.(3)4.Hemos entrado en Docman.5.Hacemos clic en “Submit file”.

302Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (12)(12)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(4)Docman.(4)6.Seleccionamos “Subir desde nuestro

ordenador”.7.Hacemos clic en “Next”.

303Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (13)(13)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(5)Docman.(5)8. Hacemos clic en “Examinar”.9.Seleccionamos el archivo de nuestro

disco duro.

304Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (14)(14)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(6)Docman.(6)

10. Seleccionamos el archivo “fibra_optica.swf”.

11.Clic en “Abrir”.

305Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (15)(15)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(7)Docman.(7)12. Hacemos clic en “Upload”.

306Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (16)(16)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(8)Docman.(8)13. Esperamos a que suba. Tarda poco.

307Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (17)(17)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(9)Docman.(9) 14. Podemos renombrar el archivo.

15.Elegir Carpeta. Lo ideal es crear una por Departamento. (Administrador).

16.Activar “Yes” en “Aproved”

17.Confirmar.

308Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (18)(18)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(10)Docman.(10) 18. Vemos el archivo subido junto con los otros anteriores.

19.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

309Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (19)(19)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(11)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

310Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (20)(20)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(12)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.

311Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (21)(21)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(13)Docman.(13)http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/

nombredelarchivo.swf

Para vuestro centro es siempre igual.

Sólo cambia esto

312Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (22)(22)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(1)(1)1. Como

siempre, creamos un artículo.

2.De nuevo deberemos editar en HTML, por lo tanto el botón será “<>”.

313Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (23)(23)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(2)(2) 3.Pero ahora resulta más complejo porque no hay reproductor específico.

4.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.

314Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (24)(24)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(3)(3)5.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="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400">swflash.cab#version=6,0,29,0" width="400" height="400">

<param name="movie" <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombrearchivo.swf">nombrearchivo.swf">

<param name="quality" value="high"><param name="quality" value="high"> <embed src="nombre_carpeta_flash/archivo.swf" quality="high" <embed src="nombre_carpeta_flash/archivo.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object>flash" width="400" height="400"></embed> </object>

(1)

(2)

315Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (25)(25)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(4)(4)6.Ojo hay que ponerlo justo entre las comillas. En nuestro caso y para ese archivo quedaría así:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400">swflash.cab#version=6,0,29,0" width="400" height="400">

<param name="movie" <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocumentsvalue="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments /fibra-/fibra-optica.swf">optica.swf">

<param name="quality" value="high"><param name="quality" value="high"> <embed src="nombre_carpeta_flash/archivo.swf" quality="high" <embed src="nombre_carpeta_flash/archivo.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object>shockwave-flash" width="400" height="400"></embed> </object>

316Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (26)(26)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(5)(5)7.Es mejor realizar los cambios en el bloc de notas. Luego seleccionar todo, copiarlo y pegarlo en el editor HTML de Joomla.

8.Edición y “Seleccionar todo”. Control+C

317Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (27)(27)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(6)(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

318Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (28)(28)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(7)(7)9.Lo

anterior es el texto del artículo.Se pega aquí con Control+V y se confirma con “Update”.

319Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (29)(29)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(9)(9)

10.En el editor se ve así. He centrado la animación.

11.Guardamos el Artículo de la manera habitual.

320Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (30)(30)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(10)(10)

12.Al visualizar el archivo se muestra así.

321Koldo Parra de la Horra

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (31)(31)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(11)(11)

13.Es interactiva. Podemos ir avanzando.

322Koldo Parra de la Horra

Hay que instalar el plugin de Adobe Hay que instalar el plugin de Adobe para poder reproducir archivos flashpara poder reproducir archivos flash

http://www.adobe.com/products/flash/about/ http://www.adobe.com/products/flash/about/

O bien haz clic sobre esta imagenO bien haz clic sobre esta imagen

15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (32)(32)

Koldo Parra de la Horra 323

MANUAL DEL MANUAL DEL PUBLICADOR EN PUBLICADOR EN

JOOMLAJOOMLAFin de la presentaciónFin de la presentación