SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
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

Más contenido relacionado

Destacado

Cela va t-il fonctionner
Cela va t-il fonctionnerCela va t-il fonctionner
Cela va t-il fonctionnerpascal231
 
兩岸用語大不同
兩岸用語大不同兩岸用語大不同
兩岸用語大不同Chantal Ruan
 
Michelle Goldstein 2015 Resume
Michelle Goldstein 2015 ResumeMichelle Goldstein 2015 Resume
Michelle Goldstein 2015 ResumeMichelle Goldstein
 
06 Seitz - Army Avn Magazine - July 12
06 Seitz - Army Avn Magazine - July 1206 Seitz - Army Avn Magazine - July 12
06 Seitz - Army Avn Magazine - July 12Stephen Seitz
 
Regulatory Investigative Techniques Training Certificate
Regulatory Investigative Techniques Training CertificateRegulatory Investigative Techniques Training Certificate
Regulatory Investigative Techniques Training CertificateEdward T. Lewis
 
Letter of Recommendation from Allen Parker
Letter of Recommendation from Allen ParkerLetter of Recommendation from Allen Parker
Letter of Recommendation from Allen ParkerDeb Hansen
 
Projeto astronomia escola site para pdf
Projeto astronomia escola site para pdfProjeto astronomia escola site para pdf
Projeto astronomia escola site para pdfLUIZ MARCEL L NUNES
 
puerperio fisiológico y hemorragia obstétrica
puerperio fisiológico y hemorragia obstétricapuerperio fisiológico y hemorragia obstétrica
puerperio fisiológico y hemorragia obstétricaaniitaatg
 
Analgesia en el trabajo de parto
Analgesia en el trabajo de partoAnalgesia en el trabajo de parto
Analgesia en el trabajo de partoAngelesMa25
 

Destacado (16)

Cela va t-il fonctionner
Cela va t-il fonctionnerCela va t-il fonctionner
Cela va t-il fonctionner
 
兩岸用語大不同
兩岸用語大不同兩岸用語大不同
兩岸用語大不同
 
Michelle Goldstein 2015 Resume
Michelle Goldstein 2015 ResumeMichelle Goldstein 2015 Resume
Michelle Goldstein 2015 Resume
 
company_profile
company_profilecompany_profile
company_profile
 
06 Seitz - Army Avn Magazine - July 12
06 Seitz - Army Avn Magazine - July 1206 Seitz - Army Avn Magazine - July 12
06 Seitz - Army Avn Magazine - July 12
 
Practica 7
Practica 7Practica 7
Practica 7
 
Regulatory Investigative Techniques Training Certificate
Regulatory Investigative Techniques Training CertificateRegulatory Investigative Techniques Training Certificate
Regulatory Investigative Techniques Training Certificate
 
Sacramentos vida-boff
Sacramentos vida-boffSacramentos vida-boff
Sacramentos vida-boff
 
Letter of Recommendation from Allen Parker
Letter of Recommendation from Allen ParkerLetter of Recommendation from Allen Parker
Letter of Recommendation from Allen Parker
 
FIRSTPRESSjan-may2016
FIRSTPRESSjan-may2016FIRSTPRESSjan-may2016
FIRSTPRESSjan-may2016
 
Projeto astronomia escola site para pdf
Projeto astronomia escola site para pdfProjeto astronomia escola site para pdf
Projeto astronomia escola site para pdf
 
puerperio fisiológico y hemorragia obstétrica
puerperio fisiológico y hemorragia obstétricapuerperio fisiológico y hemorragia obstétrica
puerperio fisiológico y hemorragia obstétrica
 
Puerperio
PuerperioPuerperio
Puerperio
 
Caso clinico itu
Caso clinico ituCaso clinico itu
Caso clinico itu
 
Diálisis de Urgencia
Diálisis de UrgenciaDiálisis de Urgencia
Diálisis de Urgencia
 
Analgesia en el trabajo de parto
Analgesia en el trabajo de partoAnalgesia en el trabajo de parto
Analgesia en el trabajo de parto
 

Similar a Practica 10

2 A.Espec.Taller Web Del Profesor Ver 3
2 A.Espec.Taller Web Del Profesor Ver 32 A.Espec.Taller Web Del Profesor Ver 3
2 A.Espec.Taller Web Del Profesor Ver 3guest1edae1
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Webguestf13996f
 
Construyendo paginas maestras share point 2010
Construyendo paginas maestras share point 2010Construyendo paginas maestras share point 2010
Construyendo paginas maestras share point 2010Fabian Imaz
 
Creación de página web con wix
Creación de página web con wixCreación de página web con wix
Creación de página web con wixblogdevon
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webMarvin Portillo
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]estaseylugo1992
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivosdecroly moodle
 
Wordpress, características y guía de uso
Wordpress, características y guía de usoWordpress, características y guía de uso
Wordpress, características y guía de usoguestdad27e
 
Wordpress, características y guía de uso
Wordpress, características y guía de usoWordpress, características y guía de uso
Wordpress, características y guía de usoguestdad27e
 
Guia de aprendizaje
Guia de aprendizajeGuia de aprendizaje
Guia de aprendizajeimbachipilar
 

Similar a Practica 10 (20)

2 A.Espec.Taller Web Del Profesor Ver 3
2 A.Espec.Taller Web Del Profesor Ver 32 A.Espec.Taller Web Del Profesor Ver 3
2 A.Espec.Taller Web Del Profesor Ver 3
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
 
Seo on page
Seo on pageSeo on page
Seo on page
 
Frontpage3
Frontpage3Frontpage3
Frontpage3
 
Guia4 html
Guia4 htmlGuia4 html
Guia4 html
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Construyendo paginas maestras share point 2010
Construyendo paginas maestras share point 2010Construyendo paginas maestras share point 2010
Construyendo paginas maestras share point 2010
 
Creación de página web con wix
Creación de página web con wixCreación de página web con wix
Creación de página web con wix
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina web
 
Angie marti informatik
Angie marti informatikAngie marti informatik
Angie marti informatik
 
Diseño web
Diseño webDiseño web
Diseño web
 
Ejemplos paginas html
Ejemplos paginas htmlEjemplos paginas html
Ejemplos paginas html
 
Html
HtmlHtml
Html
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivos
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Wordpress, características y guía de uso
Wordpress, características y guía de usoWordpress, características y guía de uso
Wordpress, características y guía de uso
 
Wordpress, características y guía de uso
Wordpress, características y guía de usoWordpress, características y guía de uso
Wordpress, características y guía de uso
 
Guia de aprendizaje
Guia de aprendizajeGuia de aprendizaje
Guia de aprendizaje
 

Más de Alfredo Joya

Más de Alfredo Joya (13)

Programación computacional (1) Computo 3
Programación computacional (1) Computo 3Programación computacional (1) Computo 3
Programación computacional (1) Computo 3
 
Practica 9
Practica 9Practica 9
Practica 9
 
Acceso a datos con ado.net en visual basic
Acceso a datos con ado.net en visual basicAcceso a datos con ado.net en visual basic
Acceso a datos con ado.net en visual basic
 
Expo base de datos
Expo base de datosExpo base de datos
Expo base de datos
 
Funciones
FuncionesFunciones
Funciones
 
Funciones de cadena
Funciones de cadenaFunciones de cadena
Funciones de cadena
 
Practica 7
Practica 7Practica 7
Practica 7
 
Practica 6
Practica 6Practica 6
Practica 6
 
Practica 5
Practica 5Practica 5
Practica 5
 
Practica 4
Practica 4Practica 4
Practica 4
 
Practica 3
Practica 3Practica 3
Practica 3
 
Practica 2
Practica 2Practica 2
Practica 2
 
Practica 1
Practica 1Practica 1
Practica 1
 

Practica 10

  • 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.
  • 3. Desarrollo Practico. 1. Cree un nuevo sitio web 2. Para agregar una master 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