C# ASP.NET WEB SİTESİ YAPIMI
Merhabalar bu uygulamada C# ASP.Net ile Web Sitesi programı hazırlayacağız. Programın yapımını anlatırken daha çok görsellerden faydalalanacağım. anlamadığınız yer olursa sayfanın sonunda programın tüm kaynak kodlarının bulunduğu dosyayı sizlerle paylaşacağım. Hazırsanız başlayalım;
İlk olarak boş bir web projesi oluşturmamız gerek bunun için de File->New->Project->Visual C#->Web kısmına gelip buradan ASP.NET Web Application sekmesini seçiyoruz ve projesimizin oluşturulacağı alan ile projeye vereceğimiz ismi de yazdıktan sonra OK diyerek boş bir web projesi oluşturmuş oluyoruz.
Şimdi ise oluşturmuş olduğumuz boş web sitesi için gerekli css ve master page'leri eklememiz lazım. Yeri gelmişken master page nedir ondan da bahsetmek istiyorum.
Master Page ilk olarak ASP.NET 2.0 ile gelmiştir ve çok önemli bir özelliktir. Master Page, web kullanıcı kontrollerine çok fazla benzemektedir. Kullanıcı kontrollerinden farkı, HTML ve diğer kontrollerin bir arada tümleşik halde bulunabilmesidir. Master Page, ek özelliklerle, olaylarla, metotlarla geliştirilebilir ve yine web kullanıcı kontrolleri gibi son kullanıcı tarafından direkt olarak görüntülenemezler. Mutlaka bir web form içinde yer alırlar ya da directive edilirler diyebiliriz.
Master Page mantığı aslında bizim yapmış olduğumuz projelerin temel yapısını oluşturma amaçlı kullanılır. Yani bir Master Page ile genel olarak tüm sayfalarımda olabilecek özellikleri, komponentleri, web kullanıcı kontrollerini bir master page içinde oluşturabilir ve daha sonra bu master page’i istediğim web formlarında kullanabilir ve istediğim web formu çok daha hızlı, dinamik, daha performanslı bir şekilde oluşturabilirim.
Bir Master Page birden çok web formu barındıran bir şablondur aslında yani bir template’dir. Örneğin bir master page, her web sayfasında olan header, footer, navigation bar gibi elementleri barındırabilir ve bunu daha sonra tüm sayfalarımızda kullanabilmek için bize kolaylık sağlayabilir.
Master Page dosyalarının uzantısı .net ortamında master‘dır. Ayrıca tıpkı web formları ve web user kontrolleri gibi codebehind dosyalarını destekler. Tüm master page dosyaları System.Web.UI.MasterPagesınıfından miras almaktadırlar.
WEB sayfalarımızı oluştururken sayfa yapılarımızı oluşturma esnasında Master Page veya WEB User kontrolleri kullanmamız bize modifikasyon ya da sitemizi büyütme, geliştirme, genişletme aşamasında büyük kolaylıklar sağlar. Sayfalarımızda bu özellikleri kullandığımızda ileride sadece bir master page yapısını ya da bir web user kontrol yapısını değiştirerek çok basit ve hızlı bir şekilde tüm sayfalarımızda gerekli düzenlemeleri yapabiliriz.
Master page'den de bahsettiğimize göre şimdi artık web projemize master page ekleyebiliriz. Bunun için solution ekranındaki projemizin üzerine sağ tuş yaparak aşağıda bulunan görseldeki adımları takip edin.
Şimdi de sayfamızdaki gerekli font ayarı, yazı tipi, kenar boşluk ayarları vs. kısmının yapıldığı css uzantılı dosyamız olan Style Sheet ekleyeceğiz. Bunun için de master page eklerken yapmış olduğumuz gibi yine aynı şekilde proje ismine sağ tuş yapıp aşağıdaki görselde olduğu gibi ekliyoruz.
Kısaca nelerin nasıl yapıldığını bahsetmeye çalıştıktan sonra daha fazla detaya girmeyip artık daha çok görsellerle devam edeceğim. Yazımın sonunda da yine tüm kaynak kodların olduğu proje dosyasını sizlerle paylaşacağım.
C# ASP.NET WEB SİTESİ YAPIMI
Merhabalar bu uygulamada C# ASP.Net ile Web Sitesi programı hazırlayacağız. Programın içeriği, kodları biraz yoğun olduğundan dolayı daha çok programın son halinin görsellerinden yararlanacağım. Görseller sonrasında programın tüm kaynak kodlarının bulunduğu dosyayı sizlerle paylaşacağım. Hazırsanız başlayalım;
1)Kullanıcı Girişi Kısmı İçin Oluşturmuş Olduğumuz SQL Veritabanı
2) Oluşturmuş Olduğumuz Web Sitemizin Ana Sayfası
3) Oluşturmuş Olduğumuz Web Sitemizin Kullanıcı Kayıt Kısmı
Bu kısımda kullanıcı adı ve şifreyi girip kaydet butonuna tıkladıktan sonra bizi aşağıdaki görselde olduğu gibi bir mesaj karşılayacaktır.
Çıkan mesajın olduğu kısımdaki "Ana Sayfaya Git" linkine tıklarsak, ana sayfadaki kayıt olma kısmında hoşgeldin mesajı verecek şekilde tekrar ana sayfaya yönlendirileceğimizi göreceksiniz.
Burada bulunan "Çıkış" linkine tıklarsak tekrar ana sayfaya yönlendirileceğiz.
Programın görselleri genel hatları ile bu şekilde. Diğer sekmeler de yine aynı şekilde kodlanarak web sitesi yapımına devam edilebilir ancak ben şimdilik başlangıç aşaması olarak bu kadarlık kısmını siteye koyuyorum. Pogramın tüm kaynak kodlarını ise aşağıdaki "İndirmek İçin Tıklayınız" butonuna tıklayarak indirebilirsiniz.