Master Pages (Páginas Maestras) - La característica de las "Master Pages" nos proporciona la habilidad de definir una estructura y unos elementos de interfaz comunes para nuestro sitio, tales como la cabecera de página o la barra de navegación, en una ubicación común denominada "master page", para ser compartidos por varias páginas del sitio. Ésto mejora la administración de nuestro sitio y evita la duplicación innecesaria de código para estructuras o comportamientos del sitio que son compartidos.
La idea principal es encerrar en una sola plantilla las características generales de nuestra aplicación web tales como un diseño uniforme para todas las páginas de la aplicación, funcionalidades, etc. las cuales serán heredadas a las demás páginas que usen como base nuestra Master Page.
1. Agregar un nuevo elemento del tipo Mater Page, lo llamaremos General.Master Este es una página normal, a la cual podremos agregar estilos, definir la estructura de todo nuestro sitio. Tendra la característica de tener ContentPlaceHolder, los cuales agregaremos cuantos necesitemos. Cada ContentPlaceHolder servirá para ingresar información en las páginas que dependen de una master especifica:
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
asp:ContentPlaceHolder>
2. Agregar un pagina ASPX Adicional, teniendo cuidado que al momento de agregarla deberemos hacer check en la opción “Select Master Page”, una vez hecho esto y haciendo click en seleccionar se desplegara la lista de MaterPage disponibles para nuestro sitio. En nuestro caso solamente tenemos una General.Master. Hacemos click en OK
3. Una vez agregada nuestra página, veremos que no se formara como cualquier pagina aspx normal, el código que nos generará para esta nueva página web, no es el mismo que generá para una nueva página web estándar. sino que solo contendrá controles de tipo: <asp:Content que harán referencia a cada ContenPlaceHolder agregados dentro de nuestra master.page. Es importante recalcar que solo dentro de cada asp:content se podrá escribir, será el área permitida para agregar información. Cuando veamos el diseño de nuestra página aspx, observaremos que tiene todo el diseño agregado dentro de la master, habrá heredado todo el esquema y estilos de esta. Al pasar a la vista de diseño vemos que el único lugar donde podemos colocar información es dentro del ContentPlaceHolder lo demás está bloqueado pero heredamos todo el diseño del MasterPage.
No hay comentarios:
Publicar un comentario