© 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

Presentación del tema: "© 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados."— Transcripción de la presentación:

1 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.

2 Controles Avanzados Controles de Navegación: Facilitar la navegabilidad de los sitios Web. Interfaces funcionales autónomas. Controles comúnes:  SiteMapPath  Menú  TreeView Controles de Navegación: Facilitar la navegabilidad de los sitios Web. Interfaces funcionales autónomas. Controles comúnes:  SiteMapPath  Menú  TreeView

3 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados SiteMapPath Muestra la ruta de desplazamiento a la página actual. Provee vínculos a las páginas anteriores. Se enlaza de forma nativa a un Mapa de Sitio (SiteMap) Provee rutas de la forma: Página Inicio > Página Anterior > Página Actual SiteMapPath Muestra la ruta de desplazamiento a la página actual. Provee vínculos a las páginas anteriores. Se enlaza de forma nativa a un Mapa de Sitio (SiteMap) Provee rutas de la forma: Página Inicio > Página Anterior > Página Actual

4 © 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 página. No requiere que todas las páginas estén definidas en él. Las páginas allí definidas deberían existir. Archivo SiteMap Es un manifiesto Xml. Define la navegabilidad del sitio. Cada elemento puede representar o no una página. No requiere que todas las páginas estén definidas en él. Las páginas allí definidas deberían existir.

5 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Archivo SiteMap Elementos siteMapNode anidados (title, description y url). Archivo SiteMap Elementos siteMapNode anidados (title, description y url). <siteMapNode title="Servicios" description="Servicios ofrecidos" url="~/Servicios.aspx"> <siteMapNode title="Entrenamiento" description="Clases que se dictan" url="~/Entrenamiento.aspx" /> <siteMapNode title="Consultoría" description="Servicio de Consultoría" url="~/Consultoria.aspx" />

6 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Control Menú Define un menú de exploración de la aplicación. Se despliega de forma estática o dinámica. Se puede cargar de forma manual (programación) o automática. Se enlaza a un Mapa de Sitio mediante un control SiteMapaDataSource. Control Menú Define un menú de exploración de la aplicación. Se despliega de forma estática o dinámica. Se puede cargar de forma manual (programación) o automática. Se enlaza a un Mapa de Sitio mediante un control SiteMapaDataSource.

7 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Control Menú

8 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Actividad 1: Creación de un menú en ASP.Net Actividad 1: Creación de un menú en ASP.Net

9 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados MasterPage Definir un aspecto común a un grupo de páginas de la aplicación. Puede haber más de una en la aplicación. Página Principal y Página de Contenido. La página de contenido debe ser creada haciendo referencia. MasterPage Definir un aspecto común a un grupo de páginas de la aplicación. Puede haber más de una en la aplicación. Página Principal y Página de Contenido. La página de contenido debe ser creada haciendo referencia.

10 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados MasterPage Combinación de Contenidos MasterPage Combinación de Contenidos

11 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados MasterPage Página principal de extensión.master Directiva @ Master por @ Page. Definición de áreas de contenido. MasterPage Página principal de extensión.master Directiva @ Master por @ Page. Definición de áreas de contenido.

12 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados MasterPage – Ventajas: Permiten centralizar las funciones comunes. Creación de un conjunto de controles y código, y aplican los resultados en un conjunto de páginas (Ej.: Menú). Control más preciso sobre el diseño de la página final (PlaceHolder). Modelo de objetos para personalizar la página principal a partir de páginas de contenido (Page.Master). MasterPage – Ventajas: Permiten centralizar las funciones comunes. Creación de un conjunto de controles y código, y aplican los resultados en un conjunto de páginas (Ej.: Menú). Control más preciso sobre el diseño de la página final (PlaceHolder). Modelo de objetos para personalizar la página principal a partir de páginas de contenido (Page.Master).

13 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados MasterPage – Ejecución: 1.Los usuarios solicitan una página (URL página de contenido). 2.Lee la directiva @ Page. Si hace referencia a una página principal, también se lee la página principal. 3.La página principal con el contenido actualizado se combina en el árbol de control de la página de contenido. 4.El contenido de los controles Content individuales se combina en el control ContentPlaceHolder. 5.La página combinada resultante se representa en el explorador. MasterPage – Ejecución: 1.Los usuarios solicitan una página (URL página de contenido). 2.Lee la directiva @ Page. Si hace referencia a una página principal, también se lee la página principal. 3.La página principal con el contenido actualizado se combina en el árbol de control de la página de contenido. 4.El contenido de los controles Content individuales se combina en el control ContentPlaceHolder. 5.La página combinada resultante se representa en el explorador.

14 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Colecciones y Listas Actividad 2: Creación de un sitio utilizando MasterPage Actividad 2: Creación de un sitio utilizando MasterPage

15 © 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 método SaveAs() guarda el archivo en la ubicación indicada. Requiere una ruta física no URL. Control FileUpload Permite subir archivos al servidor. Se presenta como un control integral. No realiza la carga del archivo al ser seleccionado. El método SaveAs() guarda el archivo en la ubicación indicada. Requiere una ruta física no URL.

16 © 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 método SaveAs para cargar el archivo en el servidor FileUpload1.SaveAs(ruta); }

17 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Control FileUpload HttpServerUtility.ServerMapPath() Propiedad Server del contexto de la página. Control FileUpload HttpServerUtility.ServerMapPath() Propiedad Server del contexto de la página. String rutaSitio; rutaSitio = Server.MapPath("/WebSite1"); /* Cargamos el archivo al servidor dentro del directorio Archivos */ file1.SaveAs(string.Format("{0}{1}",MapPath("~/Archivos/"),ruta));

18 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Controles Avanzados Control Image Permite mostrar archivos gráficos. Propiedad ImageURL indica la ruta del archivo. Se debe proveer una ruta de recurso. ToolTip, AlternateText permiten proveer información al usuario. Control Image Permite mostrar archivos gráficos. Propiedad ImageURL indica la ruta del archivo. Se debe proveer una ruta de recurso. ToolTip, AlternateText permiten proveer información al usuario.

19 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados. Colecciones y Listas Actividad 3: Uso de los controles FileUpload e Image Actividad 3: Uso de los controles FileUpload e Image

20 © 2010 DUOC Sede Antonio Varas. Todos los Derechos Reservados.