Los últimos tutoriales de desarrollo web
 

ASP.NET Formularios Web - Master Pages


Las páginas maestras proporcionan plantillas para otras páginas de su sitio web.


Las páginas maestras

Las páginas maestras permiten crear un aspecto uniforme y el comportamiento de todas las páginas (or group of pages) en su aplicación web.

Una página maestra proporciona un modelo para otras páginas, con diseño y funcionalidad compartida. La página maestra define marcadores de posición para el contenido, que puede ser anulado por las páginas de contenido. El resultado de salida es una combinación de la página principal y la página de contenido.

Las páginas de contenido contienen el contenido que desea mostrar.

Cuando los usuarios solicitan el contenido de la página, ASP.NET fusiona las páginas para producir una salida que combina el diseño de la página principal con el contenido de la página de contenido.


Maestro Ejemplo de página

<%@ Master %>

<html>
<body>
<h1>Standard Header From Masterpage</h1>
<asp:ContentPlaceHolder id="CPH1" runat="server">
</asp:ContentPlaceHolder>
</body>
</html>

La página maestra anterior es una página HTML normal, diseñada como un modelo para otras páginas.

El @ Master Directiva define como una página maestra.

La página principal contiene una etiqueta de marcador de posición <asp:ContentPlaceHolder> de contenido individual.

El id="CPH1" atributo identifica el marcador de posición, permitiendo que muchos marcadores de posición en la misma página maestra.

Esta página maestra se guarda con el nombre "master1.master".

Nota: La página principal también puede contener código, permitiendo que el contenido dinámico.


Ejemplo Contenido de la página

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
  <h2>Individual Content</h2>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</asp:Content>

El contenido de la página anterior es una de las páginas de contenido individual de la web.

El @ Page directiva define como una página de contenido estándar.

El contenido de la página contiene una etiqueta de contenido <asp:Content> con una referencia a la página maestra (ContentPlaceHolderId="CPH1") .

Esta página de contenido se guarda con el nombre "mypage1.aspx" .

Cuando el usuario solicita esta página, ASP.NET se fusiona con el contenido de la página de la página maestra.

Haga clic para mostrar mypage1.aspx.

Nota: El texto contenido debe estar dentro de la <asp:Content> etiqueta. No se permite el contenido fuera de la etiqueta.


Contenido con controles

<%@ Page MasterPageFile="master1.master" %>

<asp:Content ContentPlaceHolderId="CPH1" runat="server">
  <h2>w3ii</h2>
  <form runat="server">
    <asp:TextBox id="textbox1" runat="server" />
    <asp:Button id="button1" runat="server" text="Button" />
  </form>
</asp:Content>

El contenido de la página anterior demuestra cómo los controles .NET se puede insertar en la página de contenido al igual que una en una página normal.

Haga clic para mostrar mypage2.aspx.