Este documento describe cómo crear y utilizar páginas maestras en ASP.NET. Explica que las páginas maestras permiten definir elementos comunes como cabeceras, pies de página y navegación que pueden compartirse entre páginas. Detalla los pasos para crear una página maestra, incluir elementos comunes y luego vincular páginas de contenido a la página maestra para heredar esos elementos.
Tiempos Predeterminados MOST para Estudio del Trabajo II
Master Pages ASP.NET
1. Universidad Gerardo Barrios
Facultad de Ciencia y Tecnología
Fecha:
10/11/2016
Practica 10: Master Pages ASP.NET
Programación Computacional I
Objetivos:
Conocer el uso de una master page.
Creación de master y page y content page.
Desarrollo Teórico.
Cuando se crea un sitio web tenemos la necesidad de repetir ciertas partes de
una página en todo el sitio o en parte del sitio. Para no estar copiando y pegando
las mismas estructuras en todas las páginas lo que podemos hacer es crear una
Master Page y referenciarla en las otras páginas.
¿Cómo lo hacemos?
Las construcciones de las páginas maestras son similares a la creación de web
forms con algunas diferencias.
La extensión del archivo es .master
Usa la directiva @ Master
Contiene un objeto ContentPlaceHolder donde lo utilizara para mostrar el
contenido de las páginas del sitio.
Al igual que losweb forms las master pages puede tener su código separado
CodeFile="MasterPage.master.vb"
2. Content Pages.
Las Content Pages también pueden ser Master Pages. Esto quiere decir que es
posible derivar una Master Page a partir de otra Master Page. Por ejemplo,
podríamos tener una Master Page de primer nivel que represente la cabecera/pie
de página y la navegación global del sitio, y después Master Pages separadas
que deriven de esta Master para definir los aspectos de las diferentes sub-
secciones del sitio. Las Content Pages derivarán de la página maestra
correspondiente a la sección a la que pertenece la Content Page.
4. En la master page se agregan todos aquellos elementos que serán
comunes en las páginas del sitio.
3. Antes de proceder agregar los elementos, incluir en el proyecto los
archivos bootstrap para el diseño (no es necesario trabajar con
bootstrap)
5. 4. Una vez creada la página, se agrega el menú para el sitio, footer, logo, y
banner si es considerado necesario.
Agregar los archivos css que serán utilizados.
6. 5. Agregar un nuevo formulario web y asignar página maestra