Crear Sitio Web Utilizando FRAMESET
-
Upload
carolina-flores -
Category
Documents
-
view
218 -
download
0
description
Transcript of Crear Sitio Web Utilizando FRAMESET
26/01/2016
1
Crear un sitio Web Utilizando Frameset
Crear 4 formularios Web, para efectos visuales, tendrán un color de fondo, quedando asi:
Pagina1.aspx Blue
Pagina2.aspx Orange
Pagina3.aspx Green
Pagina4.aspx Yellow
Crear la pagina principal (index.aspx)
Esta pagina es la que contendrá la estructura principal donde estarán todas las paginas con las cuales el usuario estará en constante interacción
NOTA: Establecer esta pagina como la principal
Código de pagina Index.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Sitio Principal</title>
</head>
<frameset rows="30%,*">
<frame name ="superior" src="http://elsalvador.com/" ></frame>
<frameset cols ="40%,60%“>
<frame name ="parte1" src="Pagina1.aspx" ></frame>
<frame name ="parte2" src="Pagina2.aspx" ></frame>
</frameset>
</frameset>
</html>
26/01/2016
2
Creando la pagina que contiene las opciones de menú (Menu.aspx)
<body>
<form id="form1" runat="server">
<div>
<h3>Opciones de navegacion</h3><br />
<a href ="Pagina1.aspx" target ="parte2">Pagina1</a><br />
<a href ="Pagina2.aspx" target ="parte2">Pagina2</a><br />
<a href ="Pagina3.aspx" target ="parte2">Pagina3</a><br />
<a href ="Pagina4.aspx" target ="parte2">Pagina4</a><br />
<a href ="http://portal.utec.edu.sv" target ="parte2">UTEC</a><br />
</div>
</form>
</body>
Invocar la pagina Menu.aspx en la pagina Index.aspx<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Sitio Principal</title>
</head>
<frameset rows="30%,*">
<frame name ="superior" src="http://elsalvador.com/" ></frame>
<frameset cols ="20%,60%">
<frame name ="parte1" src="menu.aspx" ></frame>
<frame name ="parte2" src="Pagina2.aspx" ></frame>
</frameset>
</frameset>
</html>
Actualizar el sitio y mostrarlo en el Navegador