Practica 10

Post on 12-Apr-2017

71 views 1 download

Transcript of Practica 10

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"

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.

Desarrollo Practico.

1. Cree un nuevo sitio web

2. Para agregar una master page

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)

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.

5. Agregar un nuevo formulario web y asignar página maestra