2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Controles de Navegacin:
Facilitar la navegabilidad de los sitios
Web.
Interfaces funcionales autnomas.
Controles comnes:
SiteMapPath
Men
TreeView

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
SiteMapPath
Muestra la ruta de desplazamiento a
la pgina actual.
Provee vnculos a las pginas
anteriores.
Se enlaza de forma nativa a un Mapa
de Sitio (SiteMap)
Provee rutas de la forma:
Pgina Inicio > Pgina Anterior > Pgina Actual

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Archivo SiteMap
Es un manifiesto Xml.
Define la navegabilidad del sitio.
Cada elemento puede representar o
no una pgina.
No requiere que todas las pginas
estn definidas en l.
Las pginas all definidas deberan
existir.
2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.
Controles Avanzados
Archivo SiteMap
Elementos siteMapNode anidados
(title, description y url).
<siteMap>
<siteMapNode title="Inicio" description="Pgina Principal" url="~/Inicio.aspx" >
<siteMapNode title="Servicios" description="Servicios ofrecidos"
url="~/Servicios.aspx">
<siteMapNode title="Entrenamiento" description="Clases que se
dictan"
url="~/Entrenamiento.aspx" />
<siteMapNode title="Consultora" description="Servicio de Consultora"
url="~/Consultoria.aspx" />
</siteMapNode>
</siteMapNode>
</siteMap>

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Control Men
Define un men de exploracin de la
aplicacin.
Se despliega de forma esttica o
dinmica.
Se puede cargar de forma manual
(programacin) o automtica.
Se enlaza a un Mapa de Sitio
mediante un control
SiteMapaDataSource.
2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.
Controles Avanzados
Control Men
<asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="3">
<Items>
<asp:MenuItem Text="Archivo" Value="Archivo">
<asp:MenuItem Text="Nuevo" Value="Nuevo"></asp:MenuItem>
<asp:MenuItem Text="Abrir" Value="Abrir"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Editar" Value="Editar">
<asp:MenuItem Text="Copiar" Value="Copiar"></asp:MenuItem>
<asp:MenuItem Text="Pegar" Value="Pegar"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Actividad 1:
Creacin de un men en ASP.Net

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
MasterPage
Definir un aspecto comn a un grupo
de pginas de la aplicacin.
Puede haber ms de una en la
aplicacin.
Pgina Principal y Pgina de
Contenido.
La pgina de contenido debe ser
creada haciendo referencia.
2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.
Controles Avanzados
MasterPage
Combinacin de Contenidos
MasterPage.master Inicio.aspx http://.../Inicio.aspx

<%@ Page MasterPage-

File="Site.master" %>
<%@ Master %> <asp:Content
ContentPlaceHolderID=
"Main" RunAt="server" />

<asp:ContentPlaceHolder
ID="Main"
RunAt="server" />
</asp:Content>

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
MasterPage
Pgina principal de extensin .master
Directiva @ Master por @ Page.
Definicin de reas de contenido.

<%@ Master Language="C#" CodeFile="MasterPage.master.cs"

Inherits="MasterPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head"

Runat="Server">
</asp:Content>

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
MasterPage Ventajas:
Permiten centralizar las funciones
comunes.
Creacin de un conjunto de controles y
cdigo, y aplican los resultados en un
conjunto de pginas (Ej.: Men).
Control ms preciso sobre el diseo de
la pgina final (PlaceHolder).
Modelo de objetos para personalizar la
pgina principal a partir de pginas de
contenido (Page.Master).

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
MasterPage Ejecucin:
1. Los usuarios solicitan una pgina (URL pgina
de contenido).
2. Lee la directiva @ Page. Si hace referencia a
una pgina principal, tambin se lee la pgina
principal.
3. La pgina principal con el contenido actualizado
se combina en el rbol de control de la pgina
de contenido.
4. El contenido de los controles Content
individuales se combina en el control
ContentPlaceHolder.
5. La pgina combinada resultante se representa
en el explorador.
2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.
Colecciones y Listas
Actividad 2:
Creacin de un sitio utilizando
MasterPage

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Control FileUpload
Permite subir archivos al servidor.
Se presenta como un control integral.
No realiza la carga del archivo al ser
seleccionado.
El mtodo SaveAs() guarda el
archivo en la ubicacin indicada.
Requiere una ruta fsica no URL.
2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.
Controles Avanzados
Control FileUpload
String ruta = @"c:\temp\archivos\";

// Verificar que hay archivo seleccionado para proceder

if (FileUpload1.HasFile)
{
// Obtener el nombre del archivo y lo pone en la ruta.
ruta += FileUpload1.FileName;

// Llamar al mtodo SaveAs para cargar el archivo en el servidor

FileUpload1.SaveAs(ruta);

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Control FileUpload
HttpServerUtility.ServerMapPath()
Propiedad Server del contexto de la
pgina.

String rutaSitio;
rutaSitio = Server.MapPath("/WebSite1");

/* Cargamos el archivo al servidor dentro del directorio Archivos */

file1.SaveAs(string.Format("{0}{1}",MapPath("~/Archivos/"),ruta));

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Controles Avanzados
Control Image
Permite mostrar archivos grficos.
Propiedad ImageURL indica la ruta
del archivo.
Se debe proveer una ruta de recurso.
ToolTip, AlternateText permiten
proveer informacin al usuario.

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Colecciones y Listas
Actividad 3:
Uso de los controles FileUpload e
Image

2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.