7/23/2019 Guia Practica Sem03

1/5

ISIL-DSW II

GUIA PRCTICA 03

Sesin Virtual -Semana 3

Competenia!

El desarrollo de esta gua prctica te permitir conocer cmo se pueden crearmens de opciones en tus formularios Web y cmo administrarlos con un

archivo de tipo Mapa del Sitio (SiteMap) de tal forma !ue la navegacin entre

los formularios Web sea ms clara y dinmica"

Desripin!

#a gua se basa en el proyecto DemoWe"#Sem03(desarrollado en la sesinpresencial)

$ras %nali&ar el laboratorio planteado debers empa!uetar la carpeta con tu

aplicativo ya resuelto y subirla a la plataforma hasta la fecha indicada por tuinstructor" Esto ser tu tarea de esta semana"

LA$%RAT%RI% GUIAD%

El tema planteado es como dise'ar un men de opciones en base a un archivo

M# denominado SiteMap (o mapa del sitio)" En este archivo M# de%niremos

toda la estructura acerca de como navegar entre las diferentes paginas

(formularios Web) de nuestro sitio

na ve& terminada la gua empa!ueta la carpeta de tu sitio Web y sbela a la

plataforma virtual hasta la fecha !ue tu instructor te indi!ue"

Paso &!

*arga tu sitio Web +emoWeb,Sesion-. y desde la ventana del E/plorador de

Soluciones ubcate en la ra& del sitio"

Paso '!

0a& clic derecho sobre el nombre del sitio y del men conte/tual !ue emerge

selecciona la opcin 1gregar nuevo elemento" +e la ventana con la lista de

elementos a agregar selecciona Mapa del Sitio tal como se muestra a

continuacin

2gina 3

7/23/2019 Guia Practica Sem03

2/5

ISIL-DSW II

Manten el nombre por defecto vale decir Web"sitemap y ha& clic en 1gregar"

Paso 3!

4ers ahora un archivo M# con la siguiente presentacin

En este archivo del mapa del sitio deberemos estructurar la forma como se

desea navegar por los distintos formularios de nuestro sitio" 0aremos las

modi%caciones pertinentes al archivo Web"sitemap para llegar %nalmente al

siguiente contenido5

*omo te habrs dado cuenta para cada nodo del mapa del sitio se establece

un titulo una descripcin y una direccin 6#l !ue es donde se ubica cada

pgina a la !ue se va a acceder mediante dicho nodo" 7ncluso por cada nodo se

puede establecer !ue rol (tipo de usuario) podr acceder a 8l pero eso lo

2gina 9

7/23/2019 Guia Practica Sem03

3/5

ISIL-DSW II

revisaremos sesiones mas adelante en el captulo de Seguridad en aplicaciones

Web

Paso (!

1hora en ubcate en el formulario master page de tu sitio Web (Site"master)" En

la parte superior i&!uierda del Site"master vas a ubicar a un control Men con9 opciones de%nidas por defecto5 Iniio ) Aera" Selecciona dicho controlMen y desde su $ag de $areas del Men selecciona la opcin *+itarelementos +e men," :uate de la siguiente pantalla

Se visuali&ara una ventana !ue contiene las 9 opciones del men hasta el

momento" *omo nuestra idea es reempla&ar dichas opciones por las del

2gina .

$ag de $areas del Men

7/23/2019 Guia Practica Sem03

4/5

ISIL-DSW II

archivo We"sitemaplas eliminaremos" Selecciona cada opcin y con el botn*liminarlas retiraremos del men" #a siguiente %gura te indica cmo hacerlo"

2or ltimo en la ventana de propiedades del

control Men asigna a la propiedad

;rientacin el valor 0ori&ontal para !ue el

men de despliegue de dicha forma tal comose muestra a continuacin5

Paso .!

2ara vincular el control men ya vacio con el archivo We"sitemaptenemos!ue insertar en el Sitemasterun control denominado SitemapDataSoureel cual lo puedes ubicar en la %cha +atos de tu ca

7/23/2019 Guia Practica Sem03

5/5

ISIL-DSW II

El control SiteapDataSoure& ser el intermediario entre el archivoWe"Sitemapy el control Men" 2ara establecer esto selecciona el controlmen y desde su $ag de tareas (ya lo conoces verdad >) y en la opcin de

Seleccionar origen de datos elige el control SiteapDataSiure&

1l hacerlo el dise'o %nal del formulario Site"master se visuali&ara del siguiente

modo5

Paso 1!

1hora graba tu sitio y selecciona el formulario De2ault (o cual!uiera de losformularios Web del sitio) y mu8stralos en el navegador para !ue compruebes

como puedes navegar por todos los formularios desde el men de%nido en el

Sitemaster"

Espero !ue les haya gustado el e