Etiket: asp.net dersleri

Kategoriler
ASP.Net Dersleri

ASP.NET Adrotator Kullanimi

   ASP.NET kontrollerinden olan Adrotator kelime anlamı olarak  “Reklam Dönüşümü” nü ifade etmektedir. Hazırladığınız site kişisel, kurumsal veya farklı bir amaç için olabilir ve her koşulda sitenizde reklam gösterimi veya benzer mantıkta farklı işlemler için Adrotator Kontrolüne ihtiyaç duyabilirsiniz. Reklam eklemek için adrotator’a gerek var mı ? Direk html kodlarıyla da reklam veya resim gösterimi yapabilirken neden Adrotator kullanmalıyım sorusuna ise şu şekilde cevap verebilirim.  Adrotator ile tek bir reklam veya resim gösterimi yerine aynı alan içerisin de birden çok reklamı sizin belirleyeceğiniz  zaman aralıklarıyla dönüşümlü olarak kullanabilirsiniz.

   Sitemizin header (üst menü) alanında reklam yayınlamak istiyorsunuz ve bu tek firmaya ait olmayacak (Şehir merkezlerin de ki dijital pano reklamlar gibi belirli zaman araliklariyla otomatik degisecek ). Aynı reklam alanı içerisinde önce Sivas Spor daha sonra Fenerbahçe’nin reklamlarını sırasıyla göstereceğiz ve bu gösterilecek olan her bir reklam içeriği belirli şablon ve kurala göre eklenmektedir. Reklamın görseli, görsele tıklandığında hangi siteye yönleneceği, Görsel gözükmediğin de onun yerine hangi yazınin gosterilecegi , her bir reklam ögesi için anahtar kelime eklenmesi (böylece reklamlarınız için kategori yapabilirsiniz)..

Uygulanacak Adımlar

1- Yeni Bir ASP.NET Projesi Oluşturun

2-Projeye bir adet WebForm ekleyin

3– Eklendiğiniz WebForm’a TOOLS sekmesinden bir adet Adtotator kontrolü ekleyin.

4-Projeye bir adet XML dosyası ekleyin (Solution Explorer’de Projeye ismine sağ tıklayın sonrasında NEW ITEM sekmesinden ekleyebilirsiniz..)

5-Projeye reklam görsellerinin saklanacağı klasörü ekleyin (Solution Explorer’de Projeye ismine sağ tıklayın  ve New Folder’a tıklayın)

  Xml dosyasında reklam içeriklerinin detaylı bilgisi ve ayarları yer alacaktır ve adrotator kontrolü ile bu bilgileri oluşturduğumuz xml dosyasından çekeceğiz ve bu XML dosyasının standart şablonu aşağıdaki gibi olmalıdır…

<Advertisements>
  <Ad>
    <ImageUrl>.....</ImageUrl>
    <NavigateUrl>.....</NavigateUrl>
    <TargetUrl>.....</TargetUrl>
    <AlternateText>.....</AlternateText>
    <Keyword>.....</Keyword>
    <Impressions>.....</Impressions>
  </Ad>   
</Advertisements>

<Advertisements> :  Reklam bölümünün tamamını kapsar ve bu taglar arasına dilediğiniz kadar reklam ekleyebilirsiniz.

<Ad> : Advertisement tagları arasına her bir reklam için bu tag açılır

<ImageUrl> : Reklam resminin nereden alınacağı bilgisi yer alır

<NativeUrl> : Reklama tıklandığında hangi site açılacak onun bilgisini verir

<TargetUrl> : Reklamın aynı sayfadamı yoksa yeni pencere olarak mı açılacağı bilgisi yer alır.

<Keyword> : Reklam ile ilgili anahtar kelimeler buraya yazılacak..

<Impression> : Reklamın görüntülenme sıklığı yazılacaktır (Reklamların eşit süreli olması için her reklam için bu değere 1 yazın)

 Her bir reklam için gerekli olan kodları xml dosyasına eklediğinizde projenin son hali böyle görünecektir.Ben deneme amaçlı 2 adet farklı reklam çalışması ekledim..

adrotator-calismasi-xml-goruntusu

XML dosyanızı düzenledikten sonra oluşturduğunuz WebForm’un dizayn bölümünden adrototor sekmesine tıkladığınızda böyle bir ekran gelecek ve sizden veri kaynağı isteyecektir (Reklamların detayları için) ve bizde buradan daha önce oluşturduğumuz Reklam.XML dosyasını veri kaynağı olarak import edeceğiz..

 adratotor-data-source-xml   
   Son işlemide gerçekleştirdikten sonra yapmanız gereken tek şey F5 (Debug) tuşuna basarak projeyi önizlemek olacaktır 🙂 Projenin kaynak kodları ve örneğini aşağıdan indirebilirsiniz…

 

 

Örnek Proje Dosyası:

[symple_button color=”orange” url=”https://www.sahinsezgin.com/wp-content/uploads/2015/04/Adratotor-Kullanimi.rar” title=”Örnek Uygulama” target=”blank” border_radius=””]Projeyi İndir[/symple_button]

Kategoriler
ASP.Net Dersleri

ASP.NET Yazı Yazdırma (Response.Write)

Temel olarak ekrana istenilen yazıyı yazdırma, uyarı penceresi görüntüleme, site içerisinde çalışacak javascript kodlarının kullanımını kısacası Response sınıfının Write() metodunu inceleyeceğiz.. Bu metod ile asp.net sayfası içerisine nasıl HTML kodları eklenir ve ayrıca C# ta bulunan MessageBox.Show(); özelliğinin ASP.NET teki karşılığı olan Response.Write ile örnekler yapacağız…

Öncelikle yeni bir asp.net projesi oluşturalım ve bunun için izleyeceğiniz adım :  Visual Studio >> File >> New >> Project >> Visual C# >> ASP.NET Web Application  (Bkz:Resim1)…  Projeyi Oluşturduktan sonra sayfamıza bir adet Web Form Ekleyelim (Solution Explorer’da kutusunun içindeki Proje ismine sağ tıklayarak Add >> New Item ve sonrasında açılan sayfada Web Form seçerek ekleme işlemini yapabilirsiniz…)

Oluşturduğunuz Web Form içerisine ToolBox’dan 1 adet Button Ekleyelim..

1- Response.Write Basit Kullanımı

Sayfaya “Bi Deli Mühendis” string ifadesini yazdırmak istiyoruz ve butonun Click_Event özelliğine aşağıdaki kodu yazdığınızda resimdeki gibi bir geri dönüş alacaksınız..

protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("Bi Deli Mühendis");
        }

Butona Tıklamadan Önce;                                                                                   Butona Tıkladıktan Sonra;

response.write.button

 

 

 

 

 

 

2- Response.Write ile HTML Kodlarının Kullanımı

Yukarıdaki örneğin aynısını html kodları ile yapacağız aynı metinsel string ifadeyi bu sefer sayfamıza Kırmızı ve Kalın şekilde yazdıralım. Eklememiz gereken sadece basit birkaç html kod olacaktır..

protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("<b><font color=\"red\">Bi Deli Mühedis!</font></b>");
        }

Burada dikkat etmemiz gereken şey,  HTML kodlarıda string bir ifadeymiş gibi parantez dışına değil gene içine yazılıyor. Buna ek olarak html ifadelerin içerisinde bulunan Çift Tırnak (” ” ) ile kodun tamamını saklayan en dıştaki Çitf Tırnakların karışmaması için “red” renk belirtecinin çift tırnaklarına “Slash” ekleyerek onları devre dısı bırakıyoruz..

Butona Tıklamadan Önce;                                                                                           Butona Tıkladıktan Sonra;

write.ile.html.kodlariwrite.ile.html.kodlari.after

 

 

 

 

 

 

3- Response.Write ile JavaScript Kodlarının Kullanımı

C# Web Forms uygulaması yapan arkadaşlarımız bilirler “MessageBox.Show()” metodu ile istenilen uyarı veya bilgi mesajını sayfayada gösterebiliyorduk. ASP.NET te bu özellik olmadığı için aynı işlemi Javascript yardımıyla yapacağız. 2. Örnekteki html kodlarının kullanımıyla aynı mantıkta tek farkı html kodları yerine bu sefer javascript kodlarını yazacağız… Aynı senaryo aynı mantık butona tıklandığında uyarı penceresi görüntülemek istiyoruz…

protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("<script lang='JavaScript'>alert('Bi Deli Mühendis');</script>");
        }

 

Butona Tıklamadan Önce;                                                            Butona Tıkladıktan Sonra;
write.ile.html.kodlari              response.write.javasciprt

Kategoriler
ASP.Net Dersleri

ASP.Net Sayfa Yönlendirme (Response.Redirect)

ASP.Net‘te Sayfalar arası veya Web Formlar arasında geçiş yapmak için kullanacağımız (isterseniz farklı  web sitesine de yönlendirme yapabilirsiniz.) tek satır kod bize şimdilik yardımcı olacaktır. Öncelikle ASP.NET Proje sayfamıza iki adet WebForm ekleyelim. Bunlardan birincisi AnaSafya.aspx diğeri ise Hakkimizda.aspx sayfaları olsun ve sayfalar arası geçiş yapmayı deneyelim..

Yönlendirme kodunuzu asp.net mevcut kontrollerinin bir çoğunda kullanabilirsiniz. Örneğin bir buton, resim, label veya diğer kontrollerde Code Behind dediğimiz kısma (Yani C# kodlarının yazıldığı kısma) Response.Redirect(“SayfaAdi.aspx”) yazdığınız taktirde işlem gerçekleşecektir.. Örneğin bir butona çift tıklayalım ve ClickEvent kısmına geçiş yapalım…

  protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Redirect("Hakkimizda.aspx");
        }

 Visual Studio Üzerinde Kullanım Örneği;

Oluşturduğunuz sayfada işi yapacak olan kontrolün(buton, label, image v.b) belirleyeceğiniz bir event’ine aşağıda ki şekilde uygulayabilirsiniz (Event: nesneyi tetikleme olayıdır yani butona tek tıklamada mı sayfa değişecek yoksa çift tıklamada mı veya benzeri durumlar..)

responsive.redirect

 Örnek Proje Dosyası:

[symple_button color=”orange” url=”https://www.sahinsezgin.com/wp-content/uploads/2015/04/Response-RedirectSayfa-Yonlendirme.rar” title=”Örnek Uygulama” target=”blank” border_radius=””]Projeyi İndir[/symple_button]