Frames Profesor: Jose Luis Avalos P. Área de Educación para el Trabajo
多Que significa Frame?
Es un marco o cuadro
¿Para que sirve frame en programación?
Para crear una página dividida en marcos, es necesario crear varios archivos HTML referidos a un archivo principal.
Antes de iniciar En tu sitio web crea 3 paginas: • Crea una pagina con el nombre “Pagina1.html” y dentro debe contener dos imágenes • Crea una segunda pagina web con el nombre “Pagina2.html” esta debe contener un video de youtube • Crea una tercera pagina con el nombre “Pagina3.html” esta debe contener un hiperenlace que lleve a una pagina de internet. jocluis11.wix.com/programacionweb
Etiqueta en html:
divisiones de filas
<frameset rows=“#,…..“ <frame name=“Página 1" src=“url de pag.“ scrolling="auto"> …. … </frameset>
<HTML> Ejemplo <HEAD> <TITLE>pagina principal</TITLE> </HEAD> <frameset rows="100,100,100 " frameborder=0 > <frame name="página 1" src="ubicación del archivo“ scrolling="auto"> <frame name="página 2" src="ubicación del archivo“ scrolling="auto"> <frame name="página 3" src="ubicación del archivo“ scrolling="auto"> </frameset> </HTML> Página web
Ejemplo:
< html > <head> <title>página principal</title> </ head > <frameset cols="100,100,100 " frameborder=0> <frame name="página 1" src="ubicación del archivo“ scrolling="auto"> < frame name ="página 2" src="ubicación del archivo“ scrolling="auto"> < frame name ="página 3" src="ubicación del archivo “scrolling="auto"> </ frameset > </html> Página web
pรกgina1
Pรกgina 2
Pรกgina 3
<html> <head> <title>pรกgina principal</title> </head> <frameset cols="100,*" > <frame name="Pรกgina 1" src="pagina1.html" > <frameset rows="20,80"> <frame name="Pรกgina 2" src="pagina2.html"> <frame name="Pรกgina 3" src="pagina3.html" > </frameset> </frameset> </html>
Elabora la siguiente distribución con el nombre: “Ejercicio1.html”
Página 1 Página 3 Página 2
<frameset cols="80,20" > <frameset rows="20,80"> <frame name="Página 1" src="pagina1.html"> <frame name="Página 2" src="pagina2.html" > </frameset> <frame name="Página 3" src="pagina3.html" > </frameset>
“Ejercicio1.html” – solución
Elabora la siguiente distribución con el nombre: “Ejercicio2.html”
Página 1
Página 3
Página 2
Elabora el siguiente esquema distribución con el nombre: “Ejercicio3.html”
1
3
2
4
<frameset cols=â&#x20AC;&#x153;100,100" frameborder="1"> <frameset rows=â&#x20AC;&#x153;100,100" frameborder="1"> <frame name="1" src="#"> <frame name="2" src="#"> </frameset> <frameset rows="100,100" frameborder="1"> <frame name="3" src="#"> <frame name="4" src="#"> </frameset> </frameset>