Cómo: Agregar la función de exploración a sitios sencillos

Artículo
10/22/2014

Actualización: noviembre 2007

Puede utilizar los controles SiteMapPath, TreeView o Menu para proporcionar una manera coherente en la que los usuarios puedan explorar el sitio Web.

El control SiteMapPath muestra una ruta de desplazamiento que indica la ubicación de la página actual y muestra los vínculos como una ruta de retorno a la página principal.

Nota:
Si una página .aspx contiene un control SiteMapPath, la página .aspx debe aparecer en el archivo Web.sitemap del control que se va a representar.

En una página Web, si el usuario está explorando la página Training, el control SiteMapPath mostrará algo parecido a lo siguiente:

Home > Services > Training

El control TreeView muestra una estructura de árbol que los usuarios pueden recorrer para llegar a los vínculos de las diferentes páginas del sitio. Se puede expandir o contraer un nodo que contenga nodos secundarios haciendo clic en él. Cuando se representa por primera vez, el control TreeView está totalmente expandido. En una página Web, el control TreeView muestra algo parecido a:

- Inicio

- Servicios

+ Training

El control Menu muestra un menú expansible que los usuarios pueden recorrer para llegar a los vínculos de las diferentes páginas del sitio. Un nodo que contenga nodos secundarios se expandirá cuando el cursor se sitúe sobre el menú. Para obtener un ejemplo de código en el que se muestra un mapa del sitio en un control Menu, vea Cómo: Mostrar los datos de mapas de sitio de controles no jerárquicos de servidor web.

Para utilizar estos controles de exploración del sitio, debe describir la estructura del sitio Web en un archivo Web.sitemap.

Para crear un archivo Web.sitemap

Cree un archivo en el directorio raíz del sitio Web denominado Web.sitemap.

Abra el archivo Web.sitemap y agregue el código siguiente.

<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
  <siteMapNode title="Home" >
    <siteMapNode title="Services" >
      <siteMapNode title="Training" url="~/Training.aspx"/>
    </siteMapNode>
  </siteMapNode>
</siteMap>

Nota:
Se producirá un error en la aplicación Web si muestra una dirección URL que no existe o si muestra una dirección URL duplicada. El atributo url puede empezar con el acceso directo "~/", que indica la raíz de la aplicación. Para obtener más información, vea Rutas de acceso a sitios Web ASP.NET.

Más adelante, en este mismo tema, creará la página Training.aspx.

Guarde el archivo y ciérrelo.

Para agregar la exploración del sitio a una página Web

Cree un archivo en el directorio raíz del sitio Web denominado Training.aspx.

Abra Training.aspx y agregue el código siguiente.

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script >
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

Guarde y cierre el archivo; a continuación, podrá consultar el archivo en un explorador para ver cómo los controles muestran la estructura de exploración del sitio Web.

Seguridad

Puede ocultar los vínculos en la estructura de exploración a los miembros que tienen funciones de seguridad específicas. Para obtener más información, vea Reducción de seguridad del mapa del sitio de ASP.NET.

Vea también

Compartir a través de

Cómo: Agregar la función de exploración a sitios sencillos

Para crear un archivo Web.sitemap

Para agregar la exploración del sitio a una página Web

Seguridad

Vea también

Tareas

Conceptos

Referencia

Otros recursos

Recursos adicionales