Você está na página 1de 17

Centro del Profesorado

Luisa Revuelta

Creando una web con

7. GESTIN DE CONTENIDOS II. Anexo.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

NDICE DE CONTENIDOS
1 INTRODUCCIN............................................................................................................................... .........2
2 SLIDESHARE........................................................................................................................................ ......2
3 SCRIBD........................................................................................................................................................ 2
4 PICASSA.................................................................................................................................................. ..12

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

1 INTRODUCCIN
Ya hemos visto como crear un Artculo de contenido para nuestra web, y hemos visto las
posibilidades que nos ofrece el editor para insertar informacin multimedia. Esto en muchas
ocasiones puede no ser suficiente, ya que podemos tener la necesidad de incluir en nuestros
artculos otro tipo de contenido como documentos pdf, presentaciones Power Point o una galera
de imgenes.
Para esto nos vamos a ayudar de una serie de herramientas colaborativas de la web2.0
que nos van a permitir subir nuestros documentos o imgenes a una web, y nos van a generar un
cdigo HTML para insertar en nuestro artculo, al igual que hicimos al insertar videos por ejemplo
de Youtube.

2 SLIDESHARE
Slideshare es como el Youtube de las presentaciones online (Power Point y OpenOffice).
Es una aplicacin que nos permite tanto buscar presentaciones ya hechas como publicar las
nuestras propias, y posteriormente insertarlas en nuestra web.
Para ello vamos a seguir los siguientes pasos:
1. Abrir una cuenta en www.slideshare.net
2. Editar el perfil.
3. Adjuntar la presentacin.
4. Publicarla.
5. Difundirla en nuestro sitio web.
Aqu tenis un tutorial donde se muestra paso a paso todo este proceso.

3 SCRIBD
Scribd tambin es otra herramienta de la web2.0, pero en este caso nos permite alojar
documentos de diferentes formatos: word, excel, pdf, ppt... y nos sumistra un cdigo para poder
insertar el documento creado en nuestra web.
Como anteriormente, lo primero que debemos hacer es registrarnos en el sitio:
http://www.scribd.com/

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Una vez nos hemos registrado, siguiendo un proceso muy similar al registro en Slideshare,
y entrado en el sitio, vamos a subir un documento. Para ello buscaremos el botn Upload.

Este botn nos llevar a la siguiente pantalla, donde pulsaremos Click to Choose Files
para poder seleccionar el documento a subir.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Al pulsar este botn, se nos mostrar una ventana donde podremos explorar nuestras
carpetas y buscar el documento que queremos subir.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Una vez seleccionado el documento, se nos mostrar la siguiente pantalla donde


podremos poner un ttulo al documento y establecerlo como privado si lo deseamos. Antes de
pulsar el botn de Upload Docs, deberemos haber marcado la casilla de verificacin asegurando
que no violamos ninguna poltica de privacidad.

Una vez cargado el documento en la pgina, podremos etiquetar el documento y aadir


una descripcin. Por ltimo podremos pulsar Save Changes.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Entonces encontramos ya nuestro documento cargado en la pgina, y lo que es ms


importante, con el cdigo HTML generado para poder incrustarlo en cualquier artculo de nuestra
web. Vemos que debajo de Embed Code nos aparece este cdigo para copiarlo, pero ahora
tenemos dos opciones:
Con la opcin Include link to document at top of embed marcada (que es la que
viene por defecto), se nos va a crear un enlace que nos redirecciona a Scribd para ver el
documento.
Con esta opcin desmarcada, incrustamos el documento directamente en nuestro
articulo. Esta ser que utilizaremos.

Pulsamos Copy una vez desmarcada la opcin comentada, y nos dirigimos al artculo
donde queremos incrustar el documento.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Pulsamos sobre el icono HTML, pegamos el cdigo que habamos copiado, y hacemos
click sobre Actualizar.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Entonces se nos insertar en el artculo un objeto Flash, pero si lo previsualizamos


podremos observar como aparece el documento que hemos incrustado.

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Posible error: Si no nos aparece el objeto Flash en el artculo, y no podemos por tanto
visualizar el documento, comprobad lo siguiente:
Uno de los atributos HTML, el que especifica el ancho del documento, al pegarlo viene
expresado en porcentaje (width=100%) y puede ser que no nos lo haya reconocido el navegador.
Para comprobarlo, pulsar el icono HTML y comprobar que ese parmetro no est a cero (si nos
dio problemas se habr puesto a cero). Si lo estuviera, asignarle vosotros un valor, por ejemplo
600 (es la cantidad de pixeles).

TUTORA: Mara Urbano Olmo

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Para visualizar todos los documentos que tenemos en nuestra cuenta de Scribd, podemos
pulsar sobre My Docs. Nos aparecer una lista con nuestros documentos y sus caractersticas.
Desde aqu podremos editarlos, eliminarlos, etc.

TUTORA: Mara Urbano Olmo

10

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Si queremos copiar el cdigo HTML de otro de los documentos que ya tenemos subidos,
pincharemos sobre l para poder visualizarlo.

Y pulsaremos sobre la pestaa Embed. Entonces se nos mostrar de nuevo el cdigo


HTML para copiarlo. Recordar que para que nos aparezca el documento incrustado, tenemos que
desmarcar la opcin Include link to document at top of embed, ya que viene marcada por
TUTORA: Mara Urbano Olmo

11

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

defecto.

4 PICASSA
Picassa nos va a permitir crear lbumes web, y posteriormente incrustarlos en nuestra web
como una presentacin de diapositivas. Es una herramienta que nos proporciona Google, as que
primero necesitamos crearnos una cuenta Google.
Para acceder debemos ir a: http://picasaweb.google.com/
Si ya tenemos una cuenta Google, podremos acceder escribiendo nuestro correo y
contrasea, sino, tendremos que registrarnos primero.

TUTORA: Mara Urbano Olmo

12

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Una vez nos hayamos registrado y entrado en la pgina, nos aparecer la siguiente
pantalla:

Lo primero que vamos a hacer es subir nuestras fotos para crear un lbum. Para ello
debemos dirigirnos al botn Subir.
Al pulsarlo, nos aparecer una pantalla donde asignarle un nombre al lbum y una
descripcin. Cuando se haya rellenado, pulsaremos Continuar.

TUTORA: Mara Urbano Olmo

13

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Es ahora cuando vamos a seleccionar las fotos que queremos aadir al lbum. Las iremos
buscando en nuestro disco duro a travs de los botones Examinar. Cuando hayamos
seleccionado las cinco primeras, pulsaremos Iniciar Subida para aadirlas al lbum creado; y si
queremos seguir aadiendo ms fotos a ese lbum, tendremos que dirigirnos de nuevo a Subir y
seleccionar el lbum anteriormente creado.

Una vez hemos subido las fotos deseadas al lbum, se nos mostrar una pantalla as:

TUTORA: Mara Urbano Olmo

14

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Si nos fijamos, a la derecha


tenemos una opcin que es Enlazar a este
lbum. Si pulsamos sobre ella se nos
mostrar la siguiente informacin:
Un enlace para enviar el
lbum por correo a un amigo.
El
cdigo HTML para
incrustarlo en un artculo. Este
cdigo nos va crear en el artculo la
portada del lbum, y al pinchar
sobre ella, nos va a redireccionar a
la pgina de Picassa.
Embed Slideshow, sta es
quizs la opcin ms interesante. Al
pulsar sobre este enlace nos
aparecer una ventana emergente con una presentacin de diapositivas de este lbum (la
cual podemos previsualizar) y el cdigo que tenemos que copiar para incrustar esta
presentacin en uno de nuestros artculos:

TUTORA: Mara Urbano Olmo

15

TEMA 7. GESTIN DE CONTENIDOS II. Anexo

CREANDO UNA WEB CON JOOMLA!

Igual que en los casos anteriores copiaremos este cdigo y lo pegaremos en el artculo a
travs del icono HTML. Esto nos crear un objeto Flash en el artculo, pero el resultado al
previsualizarlo ser el siguiente:

TUTORA: Mara Urbano Olmo

16