lab 03
DESCRIPTION
aspTRANSCRIPT
-
Desarrollando Aplicaciones con Microsoft ASP.NET 2.0 Dando navegacin a nuestro Sitio Web
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
LABORATORIO: Creando Navegacin a nuestra
Aplicacin Web En este laboratorio, usted podr agregar navegabilidad a su Sitio Web usando los
nuevos controles de ASP.NET, adems de usar el proveedor SiteMapPRovider para
establecer la navegacin por defecto del Sitio Web.
As es como la pgina se ver en el Internet Explorer al finalizar el laboratorio.
2Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
EJERCICIO: Agregando controles de navegacin a nuestra Aplicacin Web
Objetivo: En este ejercicio crear el proveedor SiteMapProvider que servira como archivo por
defecto para los controles de navegacin. Usaremos los siguientes controles de
navegacin: Menu, y el SiteMapPath.
Nota: El laboratorio est diseado para trabajar en Visual C#.
Paso 1: Crear el web.sitemap
1. En nuestra aplicacin agregaremos un nuevo item, Site Map. Dejamos
el nombre por defecto.
2. Ahora reemplazamos todo el contenido entre las etiquetas SiteMap y lo
reemplazamos por:
3Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
4
Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
Paso 2: Agregando nuestro control SiteMapPath
1. En nuestra master page, site.master, agregamos un control
SiteMapPath:
2. Cambiamos la propiedad PathSeparator a: | , del control
SitMapPath1.
5Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
Paso 2: Agregando nuestro control SiteMapPath
1. En nuestra master page, site.master, agregamos un control Menu:
2. Ahora en el control Menu escogemos un nuevo DataSource:
3. Seleccionamos SiteMapDataSource:
6Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
4. Ahora con el control Menu1, cambiamos los valores de las siguientes
propiedades:
StaticDisplayLevels = 3 Witdth = 100%
7
5. Ahora copiamos los siguientes estilos dentro del Menu1, en la vista
Source de site.master:
Ing. Samuel Mestanza A.
-
Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution
Ing. Samuel Mestanza A.
8
6. Ahora nuevamente ejecutamos nuestra aplicacin.
7. Ahora nos vemos a la carpeta:
C:\NetSol\Curso ASP.NET\Labs\Lab03\files\, y agregamos todos
los archivos a nuestra aplicacin.
8. Ejecutamos nuevamente.