tag:blogger.com,1999:blog-15872624968181158342024-03-05T11:35:01.803+01:00Blogs Educativos CEUIBBlog creado para el curso de blogs educativos de Campus Extens UIB
By Margalida Castellsaprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-1587262496818115834.post-20498433768672378862012-03-19T11:44:00.000+01:002012-03-19T11:45:27.285+01:00Ejemplo incrustar un audioEn esta entrada vamos a incrustar una pista de audio (o podcast), en este caso el archivo procede de goear<br />
<object width="353" height="132"><embed src="http://www.goear.com/files/external.swf?file=2b5a5cb" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>aprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.com1tag:blogger.com,1999:blog-1587262496818115834.post-45766993080617793422012-03-19T11:38:00.000+01:002012-03-19T11:39:58.613+01:00Ejemplo video incrustadoEn este entrada vamos a incrustar un video, que hemos localizado en youtube: <a href="http://www.youtube.com/watch?v=dr0TTaR0RCM">La implicación del pedagogo en el Blog educativo</a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/dr0TTaR0RCM" width="560"></iframe>aprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.com0tag:blogger.com,1999:blog-1587262496818115834.post-59109107502046658672012-03-19T11:29:00.000+01:002012-03-19T11:35:37.631+01:00Ejemplo código embebidoEn esta entrada vamos a incrustar el código (embed code) de una presentación de slideshare, en este caso es una presentación sobre edublogs<br />
<div id="__ss_12725" style="width: 425px;">
<b style="display: block; margin: 12px 0 4px;"><a href="http://www.slideshare.net/tiscar/uso-educativo-de-los-blogs" target="_blank" title="Uso educativo de los blogs">Uso educativo de los blogs</a></b> <iframe frameborder="0" height="355" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/12725" width="425"></iframe> <br />
<div style="padding: 5px 0 12px;">
View more <a href="http://www.slideshare.net/thecroaker/death-by-powerpoint" target="_blank">PowerPoint</a> from <a href="http://www.slideshare.net/tiscar" target="_blank">Tíscar Lara</a><br />
<br />
También podemos incrustar un documento Scribd<br />
<br />
</div>
</div>
<a href="http://www.scribd.com/doc/8164677/Blogs-Educativos" style="-x-system-font: none; display: block; font-family: Helvetica,Arial,Sans-serif; font-size-adjust: none; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 12px auto 6px auto; text-decoration: underline;" title="View Blogs Educativos on Scribd">Blogs Educativos</a><iframe class="scribd_iframe_embed" data-aspect-ratio="" data-auto-height="true" frameborder="0" height="600" id="doc_80727" scrolling="no" src="http://www.scribd.com/embeds/8164677/content?start_page=1&view_mode=list&access_key=key-a8rh9sinuinmh7xvuwz" width="100%"></iframe>aprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.com1tag:blogger.com,1999:blog-1587262496818115834.post-7860816786233978692012-03-19T11:16:00.000+01:002012-03-19T11:31:21.533+01:00Ejemplo enlace URL y emailEjemplo de enlace a una web externa, por texto al que se le ha agregado un hipervínculo:<a href="http://www.google.es/">Google</a><br />
<br />
También podemos dejarla a la vista, por ejemplo esta es la web de la UIB: <a href="http://www.uib.es/">www.uib.es</a> <br />
<br />
Del mismo modo podemos enlazar a una <a href="mailto:ejemplo@uib.es">dirección de correo electrónico</a> <br />
<br />
<br />aprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.com0tag:blogger.com,1999:blog-1587262496818115834.post-79474610490973200442012-03-19T11:09:00.001+01:002012-03-19T11:16:18.270+01:00Ejemplo imagen enlazada e incrustada<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5wlfR5B_aInVFOkrwYLNeHUmg-rnUyF1MA7axRTsYyEcC2okAeO4eO8_XXSi8lMM2EER2pVmI8jO-Ras9JlI7WBGX752C0ZbBskNpiYXugcesFVKTtRpcrvNsPd_h-MQxM3nuDm0oOI/s1600/blogs_educativos.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5wlfR5B_aInVFOkrwYLNeHUmg-rnUyF1MA7axRTsYyEcC2okAeO4eO8_XXSi8lMM2EER2pVmI8jO-Ras9JlI7WBGX752C0ZbBskNpiYXugcesFVKTtRpcrvNsPd_h-MQxM3nuDm0oOI/s320/blogs_educativos.gif" width="320" /></a></div>
<br />
Este blog es una práctica del curso de blogs educativos de Campus Extens (UIB).<br />
<br />
En la primera entrada debemos integrar una imagen ubicada en otra URL<br />
<br />
Tambien la podemos incrustar, por ejemplo esta otra imagen<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqx7P1Jvav0ds7vHhwURJuCvLNjJt__WVZgbTCRJC39B9HLBCdsLLYGEIYQMILw0Eh5j-BJWEDPXRF36vgRMhkg55vRFkbeVVmF7Lb05M4xaNhw15fFJmQbFHz3ZkGj3KxaIycZ_j1tE/s1600/Edublogs.cmap.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqx7P1Jvav0ds7vHhwURJuCvLNjJt__WVZgbTCRJC39B9HLBCdsLLYGEIYQMILw0Eh5j-BJWEDPXRF36vgRMhkg55vRFkbeVVmF7Lb05M4xaNhw15fFJmQbFHz3ZkGj3KxaIycZ_j1tE/s320/Edublogs.cmap.jpeg" width="320" /></a></div>
<br />
<br />
<br />aprendizdepanaderahttp://www.blogger.com/profile/00988114930273889982noreply@blogger.com0