Scribd
Cargar
280 vistas15 páginas

Cómo Insertar un Iframe en HTML

Este tutorial enseña cómo insertar código Iframe en lecciones para incluir referencias y recursos complementarios. Explica que Iframe permite incrustar un documento HTML dentro de otro, funcionando como un marco dentro de otro marco. Proporciona instrucciones paso a paso para copiar la URL del recurso, pegar el código Iframe en la lección con la URL, y previsualizar para ver el resultado de incluir el recurso en el menú de la lección.

Cargado por

yimy hernandez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
280 vistas15 páginas

Cómo Insertar un Iframe en HTML

Este tutorial enseña cómo insertar código Iframe en lecciones para incluir referencias y recursos complementarios. Explica que Iframe permite incrustar un documento HTML dentro de otro, funcionando como un marco dentro de otro marco. Proporciona instrucciones paso a paso para copiar la URL del recurso, pegar el código Iframe en la lección con la URL, y previsualizar para ver el resultado de incluir el recurso en el menú de la lección.

Cargado por

yimy hernandez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Tutorial

Insertar cdigo Iframe

Este Tutorial tiene como objetivo


orientar al participante para que
inserte etiqueta Iframe en las
lecciones para congurar las
referencias requeridas y
complementarias de los cursos en
proceso de diseo

Aunque su uso no es muy comn, la etiqueta <iframe> puede


ser muy til en determinadas ocasiones, ya que permite
insertar un documento HTML dentro de otro documento
HTML. Un iframe puede considerarse como un agujero que se
abre en una pgina web y a travs del cual se muestra otra
pgina web.
En ocasiones se utiliza para mostrar contenidos externos al
sitio web como si fueran parte del mismo sitio. Otra veces se
emplea para incluir una aplicacin comn a varios sitios web de
una misma empresa*.
Es un marco dentro de otro marco
* [Link]

Tenga a mano la URL de la pgina, del pdf, del


Word o del archivo que enlazar.
El enlace lo toma de:

Los archivos del curso, si ha cargado
archivos all
De datateca
Las pginas web conables que tiene
seleccionadas
Los videos u otro tipo de presentacin no
importa el formato

1
Cree la leccin y
nmbrela segn
corresponda a su
intencionalidad
2

Seleccione NO en pase de
diaposi9vas y SI en
mostrar men de la
izquierda, lo dems djelo
como est por defecto

Ingrese a los
archivos del aula
4
Escoja el archivo de su inters. Con clic
izquierdo copie la ruta de enlace y pguela en
un word

Ruta de enlace del pdf


6

[Link]
_Ingresar_a_UNAD_Social.pdf

9
Nmbrela segn
corresponda al
tema y si lo desea,
escriba una breve
introduccin al
mismo

Aada una tabla de ramicaciones

10
Haga clic en este cono <> para
cambiar la pgina a modo texto

Se ac9va la
tabulacin HTML
para insertar el
iframe.
Note que queda
sombreado en gris
todo el editor de
texto

11

<iframe width="850" scrolling="yes" height="450"


frameborder="0" src=" URLdelPDF"></iframe></center>

12

Copie y pegue este cdigo en la cajilla de la pgina


de la leccin

13

Corresponde a la
anchura del marco;
se recomienda no
modicarla

Corresponde a la
altura del marco; se
recomienda no
modicarla

Corresponde al enlace
del archivo que tom
en el paso 6

Altura del
marco

Anchura del
marco

14
Enlace o URL del archivo

15
Recuerde crear los saltos
para avanzar y devolverse en
el men de la leccin y luego
guarde la pgina

16

Ingrese a
previsualizar para
ver el resultado.

Al hacer clic en el
men de la
izquierda, aparece el
archivo que se
insert
17

Realice el mismo procedimiento


por cada uno de los enlaces que ha
seleccionado para cada una de las
unidades del curso, los que tiene
relacionados en el syllabus por
unidad

Fin del tutorial

Tutorial   Insertar  código  “Iframe”  
Este  Tutorial  tiene  como  objetivo   orientar  al  participante  para  que   inserte  etiqueta  “I
Aunque  su  uso  no  es  muy  común,  la  etiqueta  <iframe>  puede   ser  muy  útil  en  deter
Tenga  a  mano  la  URL  de  la  página,  del  pdf,  del   Word  o  del  archivo  que  enlaza
1 Cree  la  lección  y   nómbrela  según   corresponda  a  su   intencionalidad   Seleccione  NO  en
5 http://formacion.unadvirtual.org/ff_2014/file.php/655/Anexo_3_-­‐ _Ingresar_a_UNAD_Social.pdf   4 6 Ingrese  a  los  
Añada  una  tabla  de  ramificaciones   8   Nómbrela  según   corresponda  al   tema  y  si  lo  
Haga  clic  en  este  ícono  <>  para   cambiar  la  página  a  modo  texto     Se  ac9va  la
<iframe  width="850"  scrolling="yes"  height="450"   frameborder="0"  src="  URLdelPDF"></iframe></center>   1
Corresponde  a  la   anchura    del  marco;   se  recomienda  no   modificarla   Corresponde  a  la

También podría gustarte