Professional Documents
Culture Documents
Master Page
- Master Page
Conceptos.
Introduccin
Una Master Page o Pgina Principal es una estructura base para un conjunto de
pginas pertenecientes a un mismo sitio Web. Este esqueleto base se almacena
en un archivo independiente y luego es heredado por otras pginas que requieren
esa estructura base.
Un ejemplo donde utilizar una pgina Master Page es la definicin de la cabecera
y el pie del sitio, luego todas las otras pginas del sitio heredan de dicha pgina.
La ventaja fundamental en este ejemplo es que si hay cambios en la cabecera del
sitio solo debemos hacerlos en la pgina principal y con esto se propaga en todas
las pginas que heredan de la misma.
1 Problema 1
Problema: Confeccionar un sitio que permita mostrar un conjunto de direcciones web agrupados por tema. Disponer una lista
de hipervnculos con los siguientes temas: Buscadores Peridicos Blog
Mostrar en la parte inferior de la pgina un mensaje de Copyright.
Para crear un sitio que utilice una Master Page debemos seguir una serie de pasos:
a Creamos un nuevo sitio web: Archivo -> Nuevo Sitio Web y seleccionamos la plantilla " Sitio web vaco "
b En la ventana del Explorador de soluciones presionamos el botn derecho del mouse y seleccionamos Agregar nuevo
elemento y seleccionamos Pgina principal (en ingles Master Page)
Las pginas Master Page tienen extensin master en lugar de aspx.
El cdigo generado en forma automtico es el siguiente:
1/4
02/12/13
Master Page
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2> <a href="Default.aspx">Buscadores.</a><a href="Default2.aspx">Peridicos.</a><a href="Default3.aspx">Blogs.</a></h2>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
<h3>Copyright 2009</h3>
</div>
</form>
</body>
</html>
Luego veremos que todas las pginas que hereden de esta mostrarn los tres hipervnculos en la parte superior y el mensaje
de Copyright en la parte inferior.
c Agregar un Web Forms que herede del Master Page que hemos creado. En la ventana del Explorador de soluciones
presionamos el botn derecho del mouse y seleccionamos Agregar nuevo elemento y seleccionamos Web Forms. Es
importantsimo ahora seleccionar el checkbox Seleccionar la pgina principal, tambin podemos cambiar el nombre por
defecto de la pgina (podemos llamarla Default.aspx), luego de presionar el botn Agregar y si seleccionamos correctamente
Seleccionar la pgina principal aparecer un nuevo dilogo para seleccionar el Master Page del cual hereda nuestro Web
Form.
El cdigo generado en forma automtico es el siguiente:
2/4
02/12/13
Master Page
</asp:Content>
Default3.aspx:
Como podemos observar al contenido definido en el archivo Default.aspx (los tres hipervnculos a los buscadores) se a
aadido todo lo definido en la Master Page (es decir los hipervnculos a las categoras Buscadores, Peridicos y Blogs,
adems del mensaje en la parte inferior de la pgina)
Luego cuando solicitamos las pginas Default2.aspx y Default3.aspx vemos que todas tienen el contenido definido en el
archivo MasterPage:
www.aspnetya.com.ar/detalleconcepto.php?codigo=72
3/4
02/12/13
Master Page
RIBEIRO
CYBER
FREE C# CODE
MONDAY
GENERATOR
www.ribeiro.com.ar/C yberMonday
www.ironspeed.com
Catlogo, Aqu!
it
Retornar
www.aspnetya.com.ar/detalleconcepto.php?codigo=72
4/4