Aspx web sayfaları yapımı ile ilgili bir çok kaynak elbette var.Hatta bunu video şeklinde yayınlayan bir çok yardım sever arkadaşımızda var.Bende burada size ekleyeceğim resimler ve yazılarla en kısa ve pratik yöntemi sunacağım.Bu yöntemle az kod ile görsel tasarımı Visual 2008 yazılımını tanıtarak yapacağım.Böylece programlama dili özelliklerini değil ürünün niteliklerini vermeye çalışacağım ki. Nette bu tür bir kılavuz olmadığını düşünüyorum.İşin mantığını basitçe anlamanızı ümid ediyorum.Tabikii kısa tanımlarda olacak hadi başlayalım.
İlk basit açıklama:
Hepimiz en az bir kez web sayfası yapmayı denemişizdir.Web sitesi işine başladığımızda bu işin tek sayfadan ibaret olmadığını bilirsiniz.Bu hep şöyle başlar sağda menuler olsun web sayfaları menuden seçince sayfalar orta alanda dönsün."cidden ne kadarda basit anlatıyorum" dikkat ediniz. 🙂 Bunu asp de veya html kodlarla yaptığımızda yada kullandığımız ürüne görede değişebilen "frame"lerle yada iç içe sayfa çerçeveler koyarak yaparız.Ve web sitemize ilk Default sayfasını yaparak başlarız.Şimdi daha fazla uzatmadan örneğin sonunda anlayacağınız bir aspx uzantılı sayfa yapalım ve Vs2008 deki ilk web uygulamamıza geçelim ve "Master Page" ile bu ana tipten türeteceğimiz sırasıyla default.aspx ve alt sayfalara yapmaya başlıyoruz.
Öncelikle bir önceki blogtan Vs2008 Express yazılımınız var olduğunu düşünüyorum.
1 File>New>Web Site dedik ve çözümüze bir Asp.Net Web Site ekliyoruz.Yazılım dillerini C# veya Vb seçerek devam ediyoruz
2 Çözüme eklenen web sitesi size hazır bir Default.aspx sunuyor ve sizi source modda beklemeye başlıyor
3 Biz Master Page li dinamik bir web sitesi yapacağımızdan Default.aspx sayfasını sağ tıklayıp silelim ve hemen ardında tekrar sağ tıklayarak "Add New Item" diyelim
4 karşımıza çözüme eklemek istediğimiz eklerin neler olduğu soran aşağıdaki ekrandan "Master Page" ekleyelim
Buraya kadar geldik ve artık çözümümüzde bir Master Page.master ımız var ama hepsi bu kadar değil.İlk eklediğinizde göreceğiniz. Content Place Holder orda sizi bekliyor.Nedir bu "Content Place Holder" kısaca…Master Page den türeteceğiniz her web sayfanızda gözükecek ortak alan diyelim.yazının sonunda daha çok detay alacaksınız hemen devam ediyoruz.
Ve Buraya Dikkat Lütfen Eklediğimiz Master Page içindeki "Content Place Holder"daha iyi bir alanda tekrar eklemek üzere şimdilik siliyoruz….
5 Sildikten sonra Master Page sayfamıza bir tablo ekleyerek sitemizin Layout da yapıyoruz diyebileriz.Örnek olarak tek satırlı 2 sutunlu bir table inset ediyoruz.Tıpkı aşağıdaki gibi
6 karşımıza çıkacak table özelliklerini göreceğimiz sayfadan
Artık Master Page içinde bir tablomuz var fakat hala bir Default.aspx gibi girişi sayfamız yok burayı atlamayalım henuz bunu yapmıyacağız. devam edelim
7 Master Page içindeki tablomuzu bir görelim
8 Ve şimdide bir önceki aşamlarda sildiğimiz Content Place Holder alanımızı Master Page sayafımızdaki Table ‘ın sağ kısmına ekliyoruz.
burada yapılacak table boyut ayarları kısmında CSS kullanmayı ve class larla çalışmayı giriş bilgisi olduğu için bir sonraki bloga bırakarak.Master içindeki tabloyu aşağıdaki şekilde düzenleyip.Master dan sayfalar türetmeye başlıyorum.
9 Basit Master Page Table ayarı
Bu işlemden sonra artık web sayflarınızı Master Page den türeyen ortak sayfalar halie getirebiliriz.
10 Master Page den türeyen Web Sayfaları için ilk adım olarak Defaul.aspx i ekliyoruz (Add Content Page)
Ekledikten sonra otomatik source modda olan Default page in desing moduna geçtiğinizde Master Page de eklediğiniz Content Place Holder orada olduğunu göreceksiniz.Sanırım artık yavaş yavaş ne yapmaya çalıştığımızı anladınız.
İşte ilk Defaul.aspx sayfamıza bir metin yazıyoruz.
Şimdi bir test ederek başlangıç sayfamızı bir çalıştıralım bunu Default.aspx.Content üstünde iken sağ tıklayarak "View in Browser" ile localhostta çözüme eklediğimiz web sitesi çalışmış olacaktır.
İkinci bir Master Page den türeyen sayfa ile örneğin daha anlaşılır olmasını sağlayalım bunu 10 ncu resimdeki gibi Master Page sağ tıklayarak Add Content olarak yapıyoruz.Ve hemen hazırdaki Default2.aspx hazırlanıyor burayada aşağıdaki metin gibi bir metin yazalım
Sonuca geldik ve içinde master page üst denetimlerini kullanabileceğimiz 2 sayfalık bir web sitesini tamamiyle kodlarla uğraşmadan ekledik.Bu uygulamanın çalışırlığını kolaylaştırmak için son basit linkleride yerleştirelim ve bu bloguda burda bitirelim.
hemen Master Page e dönüyoruz
Şimdide F5 diyerek küçük projenizi çalıştırınız.
kısaca ve görsel olarak VS 2008 esnekliğini kullanarak ilk Asp.Net web sitesine girişi yapmış olduk.Olabildiğince basit anlattığımı düşünüyorum yeni başlamak isteyenlere yardımcı olmayı ümid ediyorum.
Sayfanın çalışır hali şu şekilde olacaktır. Saygılarımla örneği indirerek Vs2008 içinde Open Web Site diyerek bakabilirsiniz.
Alıntı değildir ama alıntı yapıp kaynak göstermeyen paylaşımcılar sizi sevmiyorum söyliyeyim
Serkan ŞENYÜZ 