domingo, 8 de junio de 2014

Noveno Grado - 2014 - III Periodo - Plan de Gestión

Grado: Noveno.
Asignatura: Tecnología e Informática 
Periodo: III.
Año: 2014.

Componentes: 
  * Apropiación y uso de la informática 
  * Solución de problemas con tecnología 

 
Ejes Curriculares:
* Trabajo con Marcos y Formularios.

* Obtención de las materias primas.

Estándares de Desempeño


  • 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.

Núcleos Integradores

  • 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ón y Botón de opciones.
  • Campos de selección <select>.
  • Transformación de materiales.
Fecha: Junio 9 de 2014.
Asignatura: Tecnología e Informática.
Formación en Valor: Autonomía.
Núcleo Integrador: Marcos <frameset> - Atributos.
Objetivo: Conocer y aplicar los atributos de la etiqueta <Frameset>



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>
   OPCIONES</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>
<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: