Scribd Logo
Upload

Welcome to Scribd!

  • Guia Clase Herencia Visual

    Uploaded by

    Elvin Jose Landeta
    121 views7 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    121 views7 pages

    Guia Clase Herencia Visual

    Uploaded by

    Elvin Jose Landeta

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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

    You might also like