Practica 10

6
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"

Transcript of Practica 10

Page 1: 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"

Page 2: Practica 10

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.

Page 3: Practica 10

Desarrollo Practico.

1. Cree un nuevo sitio web

2. Para agregar una master page

Page 4: Practica 10

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)

Page 5: Practica 10

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.

Page 6: Practica 10

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