Tekrar merhaba yazılımcı arkadaşlar…
Bu makalemizde ; “Visual Studio .NET 2005 ile Asp.NET Site Tasarımları” konusunu işleyeceğiz.
Kullanılabilecek 2 şekilde bahsedeceğiz bu makalemizde,
1. MasterPage,
2. CSS Pozisyonlarını özgürleştireceğiz.
MasterPage Nedir ?
.NET Yapısı ile birlikte gelen ve daha öncelerde webtasarımlarımızda kullandığımız iframe (satır içi çerçeve) yapısını tamamen raflara kaldırtacak nitelikteki sayfadır.
MasterPage Mantığı Nedir ?
MasterPage, web site yapılarımızı tutar ve bize default olarak verdiği content’in içinde kendine bağlı olan linkleri açar.
MasterPage Nasıl kullanılır ?
Yeni açılan Web Site projesinde ilk olarak default.aspx dosyamızı sileriz. Yeni bir MasterPage ekleriz. Eklenirken vermiş olduğunuz isim önemli değildir çünkü MasterPage sizin web sitenizdeki yapıyı tutarken aynı zamanda isminin hiçbir zaman görülmemesini sağlayacak kadarda fedakar davranacaktır. MasterPage ekledikten sonra dikkat etmemiz gereken sadece sayfalarımızı MasterPage ile Content içinde oluşturmak…
Hangi MasterPage ile açacağımızı seçiyoruz ;
Bu noktadan sonra MasterPage üzerinde tasarımımızı yapıyoruz. Çok basit olarak 1 satır 2 kolonlu bir tabloyu siteyi 2 ye ayıracak şekilde belirleyip content i sağ tarafa attık. Sol tarafta ise menülerimiz yer alıyor. Görünümü aşağıdaki gibi ;
Soldaki menülerimizin sağ taraftaki contentte açılmasını sağlamak için tek yapmamız gereken sayfa oluştururken yukarda yaptığımız “Select Master Page” işlemi.
CSS Pozisyonları
IE dışındaki tarayıcılarla zaman zaman problemler çıkartsada beklide en kolay sayfa tasarımları CSS Pozisyonları ile yapılıyor.
CSS Pozisyonları Nedir?
Frontpage ve diğer tasarım programlarında belki hayal bile edemeyeceğimiz “özgür” tasarımları meydana getirebileceğimiz, kontrollerin yerlerini imleçlerin değil bizim belirlediğimiz sayfa tasarım sistemidir. Bu pozisyon açıkken tüm kontrollerimizi web sitemiz içinde istediğimiz yerde kullanabiliriz. Tek dikkat etmemiz gereken şudur ki ;
Mevcut olan kontrollerimiz bu özelliği açtıktan sonra özgür bir taşıma sistemine sahip olmayacaktır. Sadece özelliği açtıktan sonra ekleyeceğimiz kontroller bu özgürlükten faydalanabilecektir.
Nasıl Kullanılır ?
Bu ayarların ardından artık istediğimiz kontrolü web formumuz üzerinde istediğimiz yere taşıyabileceğiz.
Bu şekilde yapacağınız tasarımlarda div kullanmanızı öneririm. Div ile table gibi sayfanızın tasarımını çıkartarak CSS Positioning ayarını disable edebilirsiniz.
Başta da belirttiğim gibi bu şekilde yapacağınız tasarımlar IE dışındaki tarayıcılarda sorun çıkartabiliyor.
Dizimizin bir makalesinin daha sonuna geldik.
Bol kodlu günler dilerim.
Saygılarımla,
Metin Sertaç BAYIR
MCP,MCTS