<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="estilo.css" title="hoja de estilo" rel="stylesheet" type="text/css">  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Pagina principal</title>
<style type="text/css">
/* aņadido por mi para los submenus*/
#menu{
	text-align:left;
	margin-left:5px;
	width:100px;
	position:absolute;
}

#menu1{
	width: 100px;
	position:absolute;
	top:6px;
	left:90px;
	visibitily:hidden;
}	
#menu2{
	width: 100px;
	position:absolute;
	top:240px;
	left:90px;
	visibitily:hidden;
}	
</style>
<script type="text/javascript">
	function oculta(kpa1, kpa2){
		document.getElementById(kpa1).style.visibility="hidden";
		document.getElementById(kpa2).style.visibility="hidden";	
	}
	function muestra(kpa){
		document.getElementById(kpa).style.visibility="visible";
	}
</script>
</head>

<body onload="oculta('menu1','menu2');">
<!-- Begin Wrapper -->
   <div id="wrapper">

   
         <!-- Begin Header -->
         <div id="header">
		 
		       <h1>INTEGRACI&Oacute;N DEL DISE&Ntilde;O INSTRUCCIONAL EN LA EDUCACI&Oacute;N A DISTANCIA </h1>
			   
		 </div>
		 <!-- End Header -->
		 
		 <!-- Begin Left Column -->
		 <div id="leftcolumn">
                      <h2>Menu</h2>
			<div class="leftnav">
				<div id="menu">
				<ul>
					<li><a href="#" onmouseover="muestra('menu1');">Area de usuario</a></li>
					<div id="menu1">
						<ul>
						<li><a href="Login.jsp" >Identificate</a></li>
						<li><a href="fichaAlumno.jsp">Ficha personal</a></li>
						<li><a href="salir.jsp">Salir</a></li>
						</ul>
					</div>
					<li><a href="teorias.jsp" onmouseover="oculta('menu1','menu2');">Teorias instruccionales</a></li>
					<li><a href="estrategias.jsp" onmouseover="oculta('menu1','menu2');">Estrategias</a></li>
					<li><a href="evaluacion.jsp" onmouseover="oculta('menu1','menu2');">Evaluaci&oacute;n</a></li>
					<li><a href="http://my-forum.org/foros.php?id=110052" target=_blank onmouseover="oculta('menu1','menu2');">Foro</a></li>
					<li><a href="buscador.jsp" onmouseover="oculta('menu1','menu2');">Glosario de t&eacute;rminos</a></li>
					<li><a href="listarArchivos.jsp" onmouseover="oculta('menu1','menu2');">Descarga de archivos</a></li>
					<li><a href="principal.jsp" onmouseover="oculta('menu1','menu2');">Inicio</a></li>
					<li><a href="#" onmouseover="muestra('menu2');">Area profesorado</a></li>
					<div id="menu2">
						<ul>
						<li><a href="registro.jsp">Registro de usuarios</a></li>
						<li><a href="subir.jsp">Subir/bajar documentaci&oacute;n</a></li>
						<li><a href="listar.jsp">Dar de baja a usuarios</a></li>
						<li><a href="usuariosRegistrados.jsp">Ver fichas de los usuarios</a></li>
						</ul>
					</div>	
					
				</ul>
				</div>
			</div>

		 
		 </div>
		 <!-- End Left Column -->
		 
		 <!-- Begin Right Column -->
		 <div id="rightcolumn">
		       
	
<div class="righttext">
	
                    <img src="images/pollo.gif" class="floatTL" alt="img 1" />
                     <p>Esta herramienta presenta m&eacute;todos para integrar estrategias instruccionales en los cursos de educaci&oacute;n
a distancia. La informaci&oacute;n que se presenta incluye clases instruccionales, estrategias, t&aacute;cticas 
y ejemplos que demuestran esta integraci&oacute;n.
<br><br>
Tambi&eacute;n se incluye ejemplos de aplicaciones de t&aacute;cticas instruccionales en varios sistemas
de presentaci&oacute;n de la informaci&oacute;n (por ejemplo, cursos a trav&eacute;s de la Web, audio-conferencia,
v&iacute;deo-conferencia, conferencia a trav&eacute;s del ordenador, etc.)
</p> 
</div>
		 
		 </div>
		 <!-- End Right Column -->
		 
		 
   </div>
   <!-- End Wrapper -->
   

</body>
</html>