Formación en Valor: Esperanza.
Núcleo Integrador: Marcos <frameset> - Atributos.
Objetivo: Conocer y aplicar los atributos de la etiqueta <Frameset>
RED DE PROCESOS COGNITIVOS INTEGRADOS
|
||||
Grado: 9°
|
Asignatura:
Tecnología e Informática
|
Docente: Betsauro
Palomino Díaz
|
Periodo: III
|
Año: 2015
|
Componente
|
Ejes Curriculares
|
Núcleos
Integradores
|
Estándares de
Desempeño
|
|
Apropiación y uso
de la informática
Solución de
problemas con tecnología
|
Trabajo con Marcos y Formularios
Obtención de las materias primas.
|
·
Marcos <frameset> -
Atributos.
·
Marcos <frameset> -
Destinos del enlace.
·
Marcos <frameset> -
Taller.
·
Formularios <Form> -
Atributos.
·
Áreas de texto
- <textarea>, Elementos de entrada <input> y Campo
Contraseña.
·
Botón, Casillas de
verificacióny Botón de opciones.
·
Campos de selección
<select>.
·
Transformación de materiales.
|
Creo Sitios Web, uniendo diferentes páginas Web utilizando elementos
visuales como Marcos y desarrollo encuestas con elementos de formulario.
Explico las características de los distintos procesos de
transformación de los materiales y de obtención de las materias primas.
|
|
Conjunto de marcos <frameset>
Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia.
Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las etiquetas <body> y </body>, ya que el cuerpo del documento será el cuerpo de las páginas que se carguen en cada uno de los marcos del conjunto de marcos.
Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea visualizado en aquellos navegadores que no soportan los marcos.
Para indicar qué documento se cargará en cada uno de los marcos habrá que insertar la etiqueta <frame> por cada uno de los marcos de la ventana. Estas etiquetas estarán entre las etiquetas <frameset> y </frameset>, y no necesitan etiqueta de cierre.
Taller: cree las siguientes páginas web y grabe los archivos con los nombres indicados:
INDEX.HTML
<html>
<head> <title>Pagina Principal de Betsauro Palomino Diaz</title> </head>
<frameset rows="*" cols="200,*" border="1" framespacing="0">
<frame src="MARCO_IZQUIERDO.html" name="Frame_Izquierdo" scrolling="No" noresize="noresize">
<frameset rows="80,*" border="1" framespacing="0">
<frame src="MARCO_SUPERIOR.html" name="Frame_Superior" scrolling="No" noresize="noresize">
<frame src="Marco_Principal.html" name="Frame_Principal">
</frameset>
</frameset>
<noframes>
<body>
Esta Pagina no soporta Marco de Paginas
</body>
</noframes>
</html>
MARCO_IZQUIERDO.HTML
<html>
<head> <title></title> </head>
<body background="Fondo_bpd.jpg" >
<p align="center">
<font color="Blue" size="3">
<b>
LISTA DE<br>
<font color="Blue" size="3">
<b>
LISTA DE<br>
OPCIONES
</b>
</font>
</p>
</b>
</font>
</p>
<p>1.<a href="Datos_Personales.html" target="Frame_Principal"> TEMA 1</a></p>
<p>2.<a href="Estudios.html" target="Frame_Principal">TEMA 2</p>
<p align="center"><a href="Marco_Principal.html" target="Frame_Principal"> Pagina Principal </p>
</body>
</html>
MARCO_PRINCIPAL.HTML
<html>
<head> <title> </title> </head>
<body>
<center>
ESCRIBA EL TEXTO DEL TEMA PRINCIPAL
</center>
</body>
</html>
MARCO_SUPERIOR.HTML
<html>
<head> <title></title> </head>
<body background="Imagen_Fondo.jpg">
<center>
<font color="red" size="6" face="Monotype Corsiva">
<b>Pagina Oficial </b>
</font>
</center>
</body>
</html>
Se debe crear dos arcivos mas de tipo bloc de notas y grabarlos con estos nombres:
Datos_Personales.html
Estudios.html
El archivo principal es INDEX.HTML el cual al momento de ejecutar se muestran todas las paginas en diferentes marcos, el resultado es el siguiente:
No hay comentarios:
Publicar un comentario