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.