Crear Sitio Web Utilizando FRAMESET

2
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>

description

creacion de pagina usando frameset

Transcript of Crear Sitio Web Utilizando FRAMESET

Page 1: 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>

Page 2: Crear Sitio Web Utilizando FRAMESET

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