Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Semana 05

    Cargado por

    ginahuertascamacho
    7 vistas20 páginas

    Título original

    1. SEMANA 05

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas20 páginas

    Semana 05

    Cargado por

    ginahuertascamacho

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 20

    INSTITUTO SUPERIOR TECNOLOGICO PUBLICO ARGENTINA

    UNIDAD DIDACTICA TALLER DE PROGRAMACION WEB TURNO DIURNO

    ACTIVIDAD DE APRENDIZAJE 04

    SEMANA 05
    Creando Master Page y mejorando la apariencia de las paginas a través de skin

    CREANDO MASTER PAGE Y APLICANDO


    ESTILOS EN LAS PAGINAS

    LIC.GINA HUERTAS CAMACHO


    ¿ Qué es
    Master
    Page?
    INTRODUCCIÓN A MASTER PAGES
    SOPORTE EN DISEÑO
    Content PlaceHolders
    son editables
    Página maestra

    Página de contenido

    MasterPage visible
    pero de solo lectura
    Una
    UnaMaster
    MasterPage
    Pageproporciona
    proporcionauna una
    forma
    formadededefinir
    definiruna
    unaestructura
    estructuraee
    interfaz
    interfazcomunes
    comunespara paraunungrupo
    grupodede
    páginas
    páginaspertenecientes
    pertenecientesaaun unmismo
    mismo
    sitio
    sitioWeb.
    Web.Esta
    Esta ..estructura
    estructuracomún
    común
    se
    sealmacena
    almacenaen enununúnico
    únicoarchivo
    archivo
    independiente.
    independiente.ElloEllofacilita
    facilita//mucho
    muchosu su
    mantenimiento
    mantenimientopuesto
    puestoque,
    que,para
    para
    actualizar
    actualizartodas
    todaslas
    laspáginas
    páginasque quelolo
    utilizan,
    utilizan,basta
    bastacon
    coneditar
    editardicho
    dicho
    archivo.
    archivo.
    CARACTERISTICAS
    Una-MP es en realidad como una página ASPX normal que contiene
    código, elementos HTML y controles Web de servidor. Sin embargo posee
    una extensión diferente (.master) y utilizan una directiva <% @ master %>
    en lugar de una directiva <% @ page %>. Por lo demás se pueden
    considerarporque significa que ya prácticamente equivalentes. Esto es
    importante sabemos todo lo necesario para crearlas

    Al crear un MasterPage, automaticamente esta contiene


    Un control contenedor
    EL CONTROL Content-PlaceHolder
    INTRODUCCIÓN A MASTER PAGES
    FUNCIONAMIENTO
    Pagina masterpage
    site.master
    header

    left pane
    placeholder

    footer

    default.aspx page1.aspx page2.aspx


    header header header
    left pane

    left pane

    left pane
    page-specific page-specific page-specific
    content content content

    footer footer footer

    Paginas de contenido
    COMO TRABAJAR CON
    MASTER PAGES
     Master pages define un contenido común y
    contenedores placeholders
     Content pages hace referencia a la master page y
    coloca en el su contenido en el control
    contentplaceholder
    Site.master default.aspx http://.../default.aspx

    Content-
    Content
    PlaceHolder
    INTRODUCCIÓN A MASTER PAGES
    BASES
     Las páginas maestras definen contenido común y marcadores
    (<asp:ContentPlaceHolder>)
     Las páginas de contenido referencian a las maestras y llenan los
    marcadores con contenido (<asp:Content>)
    <!--
    <!-- MasterPage.master
    MasterPage.master -->
    -->
    <%@
    <%@ master
    master language="C#"
    language="C#" %>
    %>
    <body>
    <body>
    <form
    <form runat="server">
    runat="server">
    <h1>My
    <h1>My common
    common header</h1>
    header</h1>
    <asp:contentplaceholder
    <asp:contentplaceholder id="MainContentPlaceHolder"
    id="MainContentPlaceHolder" runat="server"
    runat="server" />
    />
    ...
    ... <!--
    <!-- Page1.aspx
    Page1.aspx -->
    -->
    <%@
    <%@ page
    page language="C#"
    language="C#" master="~/MasterPage.master"
    master="~/MasterPage.master" %>
    %>
    <asp:content
    <asp:content id="Content1"
    id="Content1"
    contentplaceholderid="MainContentPlaceHolder"
    contentplaceholderid="MainContentPlaceHolder"
    runat="server">
    runat="server">
    <asp:button
    <asp:button id="Button1"
    id="Button1" runat="server"
    runat="server" text="Button"
    text="Button" />
    />
    </asp:content>
    </asp:content>
    PÁGINAS DE CONTENIDO
     Al crear un página de contenido, hay que elegir la página
    maestra. La directiva @page de la página sería:

    <%@ Page Language="C#" MasterPageFile="~/MasterPage.master"


    CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %>

    No repiten los tags de la página maestra, pero se


    pueden acceder desde el código.
    Debe contener el control
    <asp:Content ID="cntDefault" ContentPlaceHolderID="contenedor"
    Runat="Server"> contenido de la página </asp:Content>
    ¿ En que
    consiste un
    Mapa de site
    CONTROL DE NAVEGACIÓN
     Este control esta basado en el modelo de proveedores.
    (Se configura el proveedor en el web.config)

     A diferencia de otros controles de navegación no posee


    una propiedad “DataSource”.

     Al proveedor se le configura el archivo (xml) que


    posee el mapa del sitio, por ejemplo:
     siteMapFile="web.sitemap"
    web.sitemap
    permite la visualización completa de una
    estructura jerárquica por ejemplo un
    menú .Siendo posible acceder a través de
    los diferentes nodos
    Agregamos el archivo SiteMap
    1. agregamos los nodos en el archivo web.sitemap

    2. agregamos en el web.config
    3. Agregamos un control de navegacion.
    finalmente mostramos la pagina y nos
    Muestra el siguinete mapa de sitio.
    ¿Qué
    CONTROLES
    PODRE
    AGREGAR EN
    MI WEBFORM?

    También podría gustarte