Está en la página 1de 18

ngel R. Puente Prez.

Madrid mayo 2009

Diseo del dptico: Eutiquiano Merino

TALLER 5
Inclusin de multimedia en
pginas web, blogs y wikis

ngel R. Puente Prez. Madrid mayo 2009

Imgenes
AA tener
tener en
en cuenta:
cuenta:

Formatos.
Formatos.Para
ParaInternet
Internetslo:
slo:
.jpg
.jpg(fotografas)
(fotografas)
.png
.png(colores
(coloresplanos)
planos)
.gif
.gif(igual
(igualque
que.png)
.png)

Dimensiones
Dimensiones

En
Enpxeles
pxeles(suficiente
(suficientecon
con800
800xx600)
600)

Peso
Peso

Depende
Dependede
delas
lasdimensiones
dimensionesyyde
dela
lacalidad
calidad
En
EnKB
KB
ngel R. Puente Prez. Madrid mayo 2009

Origen de la imagen

Edicin de imgenes
Programas:
GIMP. (Software libre. Excelente)
http://www.gimp.org.es/

PhotoShop. (Muy bueno pero de pago)


Paint de Microsoft. (Sencillo. Slo en
Windows)

ngel R. Puente Prez. Madrid mayo 2009

Alojamiento de las
imgenes
En Picasa. De Google
http://picasaweb.google.es/home

En Flickr. De Yahoo
http://www.flickr.com/

En los propios servidores:


De la web.
Del blog.
Del wiki.
ngel R. Puente Prez. Madrid mayo 2009

Animaciones con imgenes


Desde Picasa:
http://picasaweb.google.es/home

Desde Flickr: http://www.flickr.com/


O
Slide.com: http://www.slide.com/
RockYou: http://www.rockyou.com/
Lytebox: ejemplo
Scrapblog: ejemplo
ngel R. Puente Prez. Madrid mayo 2009

Cdigo para embeber


De qu estamos hablando?
De un fragmento de cdigo que hay que copiar
desde el servidor y pegar en nuestro sitio para
traernos la animacin, el vdeo, el archivo sonoro
con el reproductor
<object width="400" height="300"> <param name="flashvars"
value="offsite=true&lang=es-us&page_show_url=%2Fphotos
%2Fangelpuente%2Fsets%2F72157600348841485%2Fshow
%2F&page_show_back_url=%2Fphotos%2Fangelpuente%2Fsets
%2F72157600348841485%2F&set_id=72157600348841485&jump_to="
></param> <param name="movie"
value="http://www.flickr.com/apps/slideshow/show.swf?
v=71649"></param> <param name="allowFullScreen"
value="true"></param><embed type="application/x-shockwave-flash"
src="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
allowFullScreen="true" flashvars="offsite=true&lang=esus&page_show_url=%2Fphotos%2Fangelpuente%2Fsets
%2F72157600348841485%2Fshow%2F&page_show_back_url=%2Fphotos
%2Fangelpuente%2Fsets
%2F72157600348841485%2F&set_id=72157600348841485&jump_to="
width="400" height="300"></embed></object>
ngel R. Puente Prez. Madrid mayo 2009

El audio
Formatos :
.cda. El formato de los CD Rom de audio
.mp3. Compresin de audio de muy
buena calidad
.wav. Mucho ms pesado pero es el
formato imprescindible para algunas
herramientas (PowerPoint por ejemplo)

ngel R. Puente Prez. Madrid mayo 2009

Edicin de audio
Audacity
http://audacity.sourceforge.net/?lang=es

Cdex. (Extraccin de pistas del CD


Rom)
http://cdex.softonic.com/

Freecorder. (Grabacin del audio


que suena en el equipo)
http://applian.com/sound-recorder/
ngel R. Puente Prez. Madrid mayo 2009

Alojamiento de mp3
divShare. Alojamiento con
reproductor: http://www.divshare.com/
Nuestro disco duro virtual de
EducaMadrid:
http://www.educa.madrid.org/

ngel R. Puente Prez. Madrid mayo 2009

Reproductores de mp3
Play tagger de Delicious
http://delicious.com/help/playtagger

Komcitiz
http://www.komcitiz.com/JL/sscat.php?idCat=61&idSSCat=1
4

Y muchos ms
http://roble.pntic.mec.es/apuente/tallermultimedia2/pagin
as/m00.html

ngel R. Puente Prez. Madrid mayo 2009

Sonido a partir de texto


vozMe
http://vozme.com/index.php?lang=es

Voki. (Publicidad algo molesta)


http://www.voki.com/

Bustos parlantes:
Alteregos
http://www.alteregos.com/

ngel R. Puente Prez. Madrid mayo 2009

Vdeos
YouTube
http://www.youtube.com/?gl=ES&hl=es

Teachertube. Vdeos educativos


http://www.teachertube.com/

Dotsub. Vdeos con subttulos


http://dotsub.com/

En el propio blog
Mediateca de EducaMadrid
http://mediateca.educa.madrid.org/
ngel R. Puente Prez. Madrid mayo 2009

Listas de reproduccin de
vdeos
Barra de vdeos para Blogger desde
Youtube
Barra lateral del blog: ejemplo

Las listas de Youtube


Ver ejemplo

Dailymotion:
http://www.dailymotion.com/es
Jukebox: ejemplo

ngel R. Puente Prez. Madrid mayo 2009

SlideShare
Embeber presentaciones
Se pierden animaciones y transiciones
SlideCast. Presentaciones enlazadas
con audio alojado en otro servidor.
Ejemplo

Mashup con YouTube. Desde hace un


tiempo se puede incrustar un vdeo en
medio de una presentacin ya
finalizada y subida a SlideShare. Ejemplo
ngel R. Puente Prez. Madrid mayo 2009

Derechos de autor
Copyright
Copyleft
Publicar un blog de forma libre y responsable (Ts
car Lara)

Siempre citar fuentes


Enlazar cuando sea posible
Elegir archivos con licencias
Creative Commons o libres del todo
ngel R. Puente Prez. Madrid mayo 2009

Repositorios
Mediateca de EducaMadrid:
http://mediateca.educa.madrid.org/

Banco de imgenes y sonidos del


IFSTIC: http://bancoimagenes.isftic.mepsyd.es/
Compfight. Imgenes:
http://www.compfight.com/

FlickrCC. Imgenes:
http://flickrcc.bluemountains.net/

Wikipedia. Msica (formato .ogg):


http://en.wikipedia.org/wiki/Wikipedia:Sound/list
ngel R. Puente Prez. Madrid mayo 2009

Ms pistas

Presentaciones y su publicacin en la Web


Taller de multimedia. Audio y vdeo en el blog
Inclusin de elementos multimedia en el blog
angelpuente(arroba)gmail.com
puente(arroba)educa.madrid.org

ngel R. Puente Prez. Madrid mayo 2009