|
Me encuentro escribiendo este articulo para todos aquellos que empiezan con esto de las Master Pages, en este articulo tratare de explicar con un pequeño ejemplo como utilizar las Master Pages para creear una plantilla. Lo primero que necesitamos hacer es crear una aplicación Web, con el lenguaje que prefieran. Ya que tengamos nuestra aplicación Web lo primero que necesitamos agregar será nuestra Pagina Maestra (Mater Pages).Como su nombre lo indica será la pagina que cotendran todos nuestros Web Form. Dentro de nuestro proyecto damos Click en agregar elemento existente y seleccionamos nuestra Mater Pages. Ya que este nuestra Master Pages dentro de ella diseñaremos lo que seria nuestro templete, aremos el ejemplo de un templete parecido al de este sitio, les recomiendo que agreguen una carpeta donde se encontraran todas sus imágenes como se muestra a continuación. El nombre de mi Master Pages:Templete El nombre de mi primer Web Form: Pagina1 El nombre de mi Carpeta que contendrá mis imágenes: Imágenes Lo que haremos será diseñar nuestra Master Pages.Podremos Utilizar diferentes herramientas de Visual Studio, tanto para hacer menus como las siguientes. Diseñen su plantilla como ustedes quieran. Pero agréguenle un ContentPlaceHolder explico para que el ContentPlaceHolder será aquel que utilizaremos para editar en cada Web form mas adelante veremos como. Mi plantilla seria la siguiente: Ya que tengamos diseñada nuestra Master Pages, Agregaremos un WebForm Nos direccionamos en la parte del código de nuestro Web Form que seria más o menos como este. <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
Lo que tenemos que hacer es dejar la primera línea y lo demás borrarlo,nos quedaría algo así. <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>
Agregaremos nuestra Master Pages recuerden que a mi Master Pages le llame Plantilla, Solo tendremos que agregar una parte de código seguido de la palabra Page como se muestra a continuación. <%@ Page MasterPageFile ="~/Templete.Master" Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>
Notemos que se ha agregado nuestra master pages a nuestro WebForm. Como se darán cuenta no podemos escribir nada ni agregar nuevos elementos ya que esta contenida nuestra Master Pages. Recuerdan que les comente que dentro de su diseño agregaran un ContentPlaceHolder ese será nuestro elemento con el que podremos escribir en los WebForm lo unico que tiene que hacer es seleccionar el ContentPlaceHolder y dar Click en Create Custom Content, de esta manera nos habilitara el control para que podamos editarlo en cada uno de los WebForm. Ya con eso quedara habilitado ese Holder para poder depositar lo que deseamos. Lo que hicimos fue hacer una plantilla que apareciera en todos nuestros Web Forms donde agreguemos nuestra Master Pagues, también agregamos un Holder donde escribiremos lo que queramos en nuestros diferentes WebForm. El resultado será el siguiente.
|
