PROGRAMA EDUTIC - Instructivo

Página 1

UNA PERLITA PARA EL BLOG

A raíz de la cantidad de consultas y la idea de muchos de insertar una Web al Blog, hemos

decidido transmitirle una manera de hacerlo.

Aclaramos que el propósito el Blog es la escritura. Es un espacio virtual de encuentro para

escribir e incentivar la creatividad. Con lo cual sugerimos no “abusar” del recurso de incrustar

páginas Web a nuestro Blog, porque se convertiría en un mero repositorio de páginas Web y

ese no es el fin primero de los Blogs. Sobre todo, si utilizamos la herramienta con fines

educativos, con la intención de que los estudiantes recurran al Blog para leer alguna

información referida a una clase, por ejemplo.

De manera que, sugerimos que, el Blog, tenga variedad de recursos y herramientas: escritos,

textos, videos, música, imágenes, enlaces y también… páginas web incrustadas. Todo en su

justa medida!

¿Cómo incrustar una Web a una entrada de mi Blog?

La ventaja de esto, es que el lector de nuestro Blog no tendrá necesidad de salir para visitar la

página que deseamos que vea.

A continuación un instructivo:

1. Debemos usar IFrame para darle el ancho y la altura deseada.

Un Iframe (por inline frame o marco incorporado en inglés) es un elemento

HTML que permite insertar o incrustar un documento HTML dentro de un documento

HTML principal.

2. Modelos a seguir que proponemos:

MODELO 1: este modelo es válido para dominios: www y para las http

(por ejemplo, http://www.example.com y http://example.com ).

<iframe frameborder="1" height="500" name="SubHtml" scrolling="auto" src="

http://www.acávalaURLque quieras mostrar.com/" width="500">

</iframe>

PROGRAMA EDUTIC - Instructivo

Página 2

MODELO 2: este modelo es solo válido para las www, verán que es más cortito, por

ende más fácil, pero no funciona con http, al menos así lo indicaron nuestras pruebas…

3. Acordate que: WIDTH = ancho HEIGHT = alto Los valores que corresponden a cada uno podés cambiarlos de acuerdo a tus preferencias.

4. Acá va un ejemplo para que pongas en práctica:

Supongamos que querés incrustar una Web a tu Blog.

a) Lo primero que harás es ir a ESCRIBIR UNA NUEVA ENTRADA en tu Blog.

Cuando estés en la página en blanco, harás clic en el botón HTML.

b) En la página en blanco vas a pegar la fórmula del modelo a seguir (Fijate en el paso

2!).

OJO, en la parte de la URL, pegarás la dirección de la página que querés incrustar…

Fijate:

<iframe src="http://www.acávalaURLque quieras mostrar.com/" name="SubHtml"

width="400" height="500" scrolling="auto" frameborder="1">

<iframe frameborder="1" height="500" name="SubHtml" scrolling="auto"

src="http://es.wikipedia.org/wiki/Tecnolog%C3%ADa_educativa" width="500">

</iframe>

PROGRAMA EDUTIC - Instructivo

Página 3

Y queda así:

c) No te olvides de escribirle título a tu entrada, en el ejemplo ves que dice “Incrsutar

una página Web a mi blog…”, vos le ponés el título que quieras de acuerdo a tu

necesidad u objetivo de publicación. Luego les das “Publicar” y listo!

Mirá como queda…