IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

Bu makalede ASP.NET 2.0 ile birlikte gelen SiteMap kullanımını inceleyeceğiz. SiteMap özelliği, sayfalar arasında dolaşırken kullanıcının hangi bölümde olduğunu anlamasını ve böylece site içerisinde kaybolmamasını sağlar. Yani kısaca uygulamanın navigasyon işlemini gerçekleştiriyor. Az sayfadan oluşan uygulamalarda navigasyon çok fazla önemli değilken, uygulamanın daha kompleks bir hal aldığını göz önüne getirdiğinizde, navigasyon özelliğinin arka plana atılacak bir özellik olmaktan çıkmaktadır.
SiteMap özelliğini, Web.sitemap XML dosyası yardımıyla kullanacağız. Bu XML dosyası sayesinde daha esnek, daha hızlı ve daha kolay bir navigasyon'u web uygulamamıza yansıtmış olacağız. Bunun için 3 bölümden oluşan örnek bir uygulama yapalım.
Yapacağımız örneği anlamanız açısından, uygulamamızın dizin haritasını Şekil 1'de görebilirsiniz.

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Hemen uygulamamızı yazmaya başlayalım.Öncelikle yukarıdaki dizin ve dosyalarınızı uygulamanızda yaratın. Sonra uygulamanıza sağ tıklayıp, Add New Item diyoruz ve çıkan pencerede SiteMap template'ini seçiyoruz. Bu xml dosyasının uzantısı sitemap'dir. Oluşturduğunuz Web.sitemap dosyasına aşağıdaki xml içeriğini yazın.

Kod:

<?xml version="1.0" encoding="utf-8" ?>

<siteMap>

<siteMapNode url="default.aspx" title="Anasayfa" description="Aradığınız Her Şey">

<siteMapNode url="kitap.aspx" title="Kitaplar" description="Yerli, Yabancı Kitaplar">

<siteMapNode url="kitap/arkeoloji.aspx" title="Arkeoloji" description="Arkeoloji Kitapları"/>

<siteMapNode url="kitap/edebiyat.aspx" title="Edebiyat" description="Edebiyat Kitapları"/>

<siteMapNode url="kitap/gezi.aspx" title="Gezi" description="Gezi Kitapları"/>

<siteMapNode url="kitap/cizgiroman.aspx" title="Çizgi Roman" description="Çizgi Roman Kitapları"/>

<siteMapNode url="kitap/sanat.aspx" title="Sanat" description="Sanat Kitapları"/>

</siteMapNode>

<siteMapNode url="bilgisayar.aspx" title="Bilgisayar" description="Bilgisayar Ürünleri">

<siteMapNode url="bilgisayar/yazilim.aspx" title="Yazılım" description="Yazılım Bölümü"/>

<siteMapNode url="bilgisayar/donanim.aspx" title="Donanım" description="Donanım Bölümü"/>

<siteMapNode url="bilgisayar/network.aspx" title="Network" description="Network Bölümü"/>

</siteMapNode>

<siteMapNode url="elektronik.aspx" title="Elektronik" description="Elektronik Ürünleri">

<siteMapNode url="elektronik/discman.aspx" title="Discman" description="Discman Ürünleri"/>

<siteMapNode url="elektronik/dvdplayer.aspx" title="DVD Player" description="DVD Ürünleri"/>

<siteMapNode url="elektronik/televizyon.aspx" title="Televizyon" description="Televizyon Ürünleri"/>

<siteMapNode url="elektronik/telefon.aspx" title="Telefon" description="Telefon Ürünleri"/>

</siteMapNode>

</siteMapNode>

</siteMap>

Gördüğünüz XML dosyasındaki etiketin ve özelliklerinin ne işe yaradıklarını açıklayalım.
<siteMapNode url="kitap/arkeoloji.aspx" title="Arkeoloji" description="Arkeoloji Kitapları"/>
siteMapNode tagı içerisinde url, title ve description olmak üzere üç tane özelliği mevcuttur.
url: Linkin nereye gideceğini belirtir.
title: Linkin ismini belirtir.
description: Linkin üstüne gelindiğine ortaya çıkan ipucu kutucuğun içeriğini belirtir.
Web.sitemap dosyamızı hazırladıktan sonra şimdi sıra geldi bunu sayfalarımıza yerleştirmeye. Bunun için ToolBox penceresinde yer alan Navigasyon sekmesini tıklayın. Orada göreceğiniz SiteMapPath kontrolünü sayfaya sürüklemeniz yeterlidir. Şekil 2'de görebilirsiniz.

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

SiteMapPath kontrolünün özeliklerini Whidbey (Visual Studio .NET 2005) ile birlikte gelen SmartTask özelliği ile kolaylıkla ayarlayabilrsiniz. Bunun için SmartTask penceresinde çıkan Auto Format'a tıklayarak burada bulunan schema görüntülerinden birini seçebilirsiniz.Böylece kontrolün görselliğini değiştirebilirsiniz. SiteMapPath kontrolünü uygulamanın her sayfasına sürükle-bırak ile yerleştirin.

Şimdi HTML kısmında yer alan SiteMapPath kontrolünün kodlarını inceleyelim.

Kod:

<asp:SiteMapPath ID="SiteMapPath1" PathSeparator=" : " Font-Names="Verdana" Font-Size="0.8em" Width="311px" Height="32px" Runat="server">

<PathSeparatorStyle Font-Bold="True" ForeColor="#507CD1"></PathSeparatorStyle>

<CurrentNodeStyle ForeColor="#333333"></CurrentNodeStyle>

<NodeStyle Font-Bold="True" ForeColor="#284E98"></NodeStyle>

<RootNodeStyle Font-Bold="True" ForeColor="#507CD1"></RootNodeStyle>

</asp:SiteMapPath>

PathSeparator=" : " özelliği ile linkler arasında olmasını istediğimiz işareti koyabiliriz.
PathSeparatorStyle tagı arasında, linkler arasına koyduğumuz ayıracın görsel özelliğini belirleriz. ( : )
CurrentNodeStyle tagı arasında, o anda uygulamanın neresinde olduğunu belirten yazının, görsel özelliğini belirlerleriz. (Çizgi Roman))
NodeStyle tagı arasında ise uygulamanın üst bölümlerine ait linkin, görselliğini belirleriz. (Kitaplar)
RootNodeStyle son olarak da bu tag da ise uygulamanın ana sayfaya ait özellikleri belirler. (Ana sayfa)
Örnek olarak herhangi bir sayfayı çağıralım ve nasıl gözüktüğünü görelim.

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Web.sitemap dosyasının içerisinde yer alan siteMapNode tagıarasında kalan title ve description özelliklerinin neyi temsil ettiğini sayfayı çalıştırdığınızda daha iyi anlamış olmalısınız. Description özelliğine yazdığımız Yerli, Yabancı Kitaplar açıklamasını, linkin üstüne mouse ile geldiğinizde görebilirsiniz.