ASP.NET 2.0 Site Map Kulanımı - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

Syst3m · 11 Haziran 2008, 13:28

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.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

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: Kodu kopyalamak için üzerine çift tıklayın!

<?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.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

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: Kodu kopyalamak için üzerine çift tıklayın!

<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.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

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.

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
İnfosuz Site \| İnfosuz Site Nedir? Nasıl İnfolanır Site ?	Asimavi	Link değişimi	1	15 Eylül 2008 21:39
Cycle kulanımı ?	darl	Eggdrop, NeoStats, BNC	9	18 Ağustos 2008 20:46
Bilgisayar Ağları Rehberi (Networking) & Remote Admin Kulanımı	yanki	Ağ, Network ve Networking	1	10 Ocak 2006 13:38

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.