Está en la página 1de 7

AplicacionesWeb HerenciaVisualMasterPageFile

Objetivo
Alfinalizareldesarrollodeesteejercicio,elestudiante: Estar en capacidad de crear paginas Maestras para su sitio web, configurar zonas editableseimplementarpaginashijasapartirdeesta.

Metodologa
Acontinuacinsepresentaelenunciadodelejercicioyunaseriedepasosparasudesarrollo. Recuerde que debe haber ledo la parte conceptual del tema, antes de realizar esta prctica en clase. 1. CreeunproyectoWebASP.NetVaco

2. AdicionealproyectounnuevotemMasterPage

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina1de7

AplicacionesWeb HerenciaVisualMasterPageFile

QuledicesuintuicinqueesunNestedMasterPageyparaquservira? 3. Enestemomentotieneunarchivo*.Masterconelsiguientecdigo:
<%@MasterLanguage="C#"AutoEventWireup="true"CodeBehind="Site.master.cs" Inherits="WebApplication_HerVisual.Site"%> <!DOCTYPEhtmlPUBLIC"//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <title></title> <asp:ContentPlaceHolderID="head"runat="server"> </asp:ContentPlaceHolder> </head> <body> <formid="form1"runat="server"> <div> <asp:ContentPlaceHolderID="ContentPlaceHolder1"runat="server"> </asp:ContentPlaceHolder> </div> </form> </body> </html>

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina2de7

AplicacionesWeb HerenciaVisualMasterPageFile

UnContentPlaceHolderesunazonaeditableporlaspginasqueheredenunapgina*.Master,en el caso de ASP .Net, existe un ContentPlaceHolder que no se puede eliminar y es el etiquetado pajoelID=head.Estazonaeditablecontendrlosestilosyscriptsquelaspginashijastendrn.

Apartirdeallustedpuededisearcmoserlavistageneraldelsitio:elencabezado,elpiede pgina,lasbarraslaterales,elmen,controlesdeusuario,etc. Debe tener en cuenta que lo que usted disee dentro de la pgina *.Master no podr ser personalizadoporlaspginasqueheredendeella,sololoqueseencuentredentrodelasregiones editables. 4. A continuacin disee la pgina *.Master, con un encabezado, un men y un pie de pgina. Puede usar la imagen a continuacin para hacerse una idea. Asegrese que su pginatengadosContentPlaceHolderllamados:cph_contenidoparaelcontenidocentral delapginaycph_sidebarparaunabarralateraldelsitio

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina3de7

AplicacionesWeb HerenciaVisualMasterPageFile

5. Ahora se contina creando las pginas que heredarn estos atributos de la pagina *.Master. Al proyecto adicione un tem llamado Web Form Using Master Page, dele el nombredeInicio.aspxyenlaventanadelasMasterPageelijalaquecrepreviamenteas comoloindicanlasfiguras:

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina4de7

AplicacionesWeb HerenciaVisualMasterPageFile

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina5de7

AplicacionesWeb HerenciaVisualMasterPageFile

6. Enestemomentoyaestlistoparaseguirtrabajandoenelsitio.Notequeenlaspginas hijassolopuedeeditarlasregionesqueustedconfigurenlapagina*.Master.

Ejercicio
1. AdicioneunWebFormcomnyanaliceelcdigodecreacindelapginaencomparacin conlaquecrecomoWebFormUsingMasterPage.Aestanuevapginacomnaplquele lapgina*.Master. 2. CreeunelementoNestedMasterPagequevaausarcomoplantillaparacrearlapgina deproductos.Estanuevapginatendrlabarralateralconelbotndeadicionaralcarro decomprasyloslogosdelosbancospermitidosparacomprarenlnea.Creelapginade productosconesapgina*.Master.

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina6de7

AplicacionesWeb HerenciaVisualMasterPageFile

LorenaCastaedaBuenoLaboratoriodeprogramacin

Pgina7de7