Asp.Net MasterPage Kullanımı

Asp.Net MasterPage Kullanımı

Asp.NET MasterPage Nedir?

Genellikle web sitelerinde linklere tıkladıkça gelen sayfalarda bazı içerikler sabit olup, bazıları ise tıklanan linke göre değişmektedir.MasterPage değişmeyen kısımdır.MasterPage kullanarak, değişen içerik kısmı dışında yer alan bölümlerin kodlarını her sayfada ayrı ayrı tekrar yazmak yerine Master Page kullanarak bir defa yazabiliriz. En önemlisi yukarıdaki sitenin sağ kısmında bulunan panele yeni bişeyler eklemek istedik. Bu durumda her sayfayı açıp gerekli kodu bütün sayfalara yazmamız gerekecekti. Eğer Master Page kullansaydık, değişikliği sadece tek bir yerde yaparak bunun bütün siteye yansımasını sağlayabilirdik.

MasterPage  Kullanarak Site Oluştumak

Aşağıda'ki Adımları Sırasıyla Uygalayınız.

1.Visual Studio'yu açın.
2.File menüsünden New Web Site'yi seçerek bir site oluşturabiliriz.
3.Site klasöründe web.config dışında dosya varsa bunları silin.
4.Website menüsünden Add New Item komutu vererek yeni bir MasterPage oluşturabiliriz. 


Master sayfamızda bunlardan otomatik olarak iki tane oluşturulur. Birisi head etiketleri arasında birisi ise body etiketleri arasında biz istediğimiz yere istediğimiz kadar ekleyebiliriz. Fakat head etiketleri arasındaki ContentPlaceHolder kontrolünü bu örnekte kullanmayacağımız için kaldırabiliriz.

 

Aşağıdaki kodları MasterPage.master dosyasının body etiketi arasında kalan kısmına yerleştirin:
<form id="form1" runat="server">
<div>
<a href="default.aspx">Anasayfa</a> |
<a href="digersayfa.aspx">Diğer sayfa</a>
<hr/>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" />
<hr/>
Burası sitenin alt kısmı.
</div>
</form>
6.Website menüsünden Add New Item komutu vererek yeni bir içerik sayfası oluşturacağız. Dosyanın adı Default.aspx olarak kalsın.Add New Item penceresindeki aşağıdaki seçeneklerden ‘Select Master Page’ seçeneğinin önündeki işaretin yeni bir Web Form yani default.aspx sayfsı açarken seçili olması gerekiyor. ‘Place Code In Seperate File’ seçili kalabilir. 
7.Aşağıdaki kodları default.aspx sayfası içerisine ekleyebilirsiniz.

 
<%@ Page Title="Anasayfa" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h1>Anasayfa</h1>
Anasayfa içeriği burada yer alacak.
</asp:Content>

Burada dikkatimizi çeken şey Title kısmına site ismini yazabilirsiniz.
İçerik sayfasında bulunan tüm içeriğin bu kontrolün içerisine yazılması gerekiyor. Buraya yazdıklarımız master sayfasındaki ContentPlaceHolder kontrolünün bulunduğu yere dahil edilecek.

Bundan sonra ekleyeceğimiz  yeni dosyayı aynı şekilde ekleyebiliriz. Bunun yanı sıra, master sayfamızda yapacağımız değişiklikler içerik dosyalarına otomatik olarak yansıtılır.


Daha fazla bilgi için sayfamıza göz atabilirsiniz.

 


Dosyaya Gözat

12/03/2024 tarihinde yayınlandı
100 kişi tarafından incelendi
Sayfa Ali Emirhan Sulak tarafından oluşturuldu