Archive for the ‘Web Programlama’ Category

CSS3 nedir? ne işe yarar?

Friday, March 19th, 2010

CSS3′ün gelmesi birçok yeniliği beraberinde getireceğe benziyor. Çoğu kullanıcının hali hazırda duymuş olmasına rağmen henüz tüm tarayıcılar tarafından desteklenmediği için çok fazla gözle görülür örnek yok. Var olan örneklere aşağıda değinmeden önce göze çarpan en önemli özelliklerden biri tasarım yaparken neredeyse artık resim kullanmayacağımız olması. İstediğimiz çoğu şeyi CSS3 sayesinde yapıyor olacağız. Mesela menü butonları yaparken resim kullanırız çünkü oval yada kenarlı falan yapmak isteriz bu yüzden CSS kendisi yeterli gelmez. Resim kullanmakta takdir edersiniz ki çok fazla siteyi yorduğu için en azından CSS’e nazaran, CSS3 bu açıdan çok işlevsel olacağa benziyor. Hatta internette gördüğüm yorumlardan biriside photoshopla kapışacak seviyeye geleceğinden bahsetmişlerdi. Örneklere geçersek; (more…)

En iyi Online CSS optimizer

Thursday, December 17th, 2009

Temiz ve optimizasyonlu css yazabilmek için çok zaman ve bilgi gerekiyor. Css’nizi temiz tutmak sitenizin yüklenebilirliği ve hızı açısından en önemli şeylerden biridir. Css kodunuz serverınızda çoğu kaynağınızı kullanabilmekte bu da websiteniz açısından birçok problem teşkil edebilmektedir. Şanslısınız ki, burada Css’nizi kolayca optimize edebilecek birçok araç bulabileceksiniz hem de tamamen bedava! (more…)

QueryString ile bilgi taşıma

Saturday, October 3rd, 2009

ASP.NET ‘de sayfalar arası bilgi taşımak için kullanılan yollarından biridir. Aynı zamanda en basit olanıdır. Birçok siteyi gezdiğinizde url kısmında anlamsız şeyler görürsünüz. Url’leleri daha anlamlı kılmaya çalışacağız. İsterseniz bunu daha detaylı olarak inceleyelim. Şimdi bir ASP.NET projesi açalım. İçinde default.aspx ve default2.aspx adında iki sayfa olsun. Defaul.aspx sayfasına da bir buton ve iki adet de textbox atalım.

Şimdi Buton’a çift tıklayarak aşağıdaki kodları yazalım.

protected void Button1_Click(object sender, EventArgs e){

Response.Redirect("default2.aspx?bilgi=" + TextBox1.Text);// TextBox1 deki bilgiyi alarak default2.aspx sayfasına yönlendirir.

}

Burada textBox1 içindeki değeri alıp bunu query string içinde default2.aspx sayfasına taşıyoruz.

Şimdi default2.aspx sayfasına çift tıklayarak page_load olayına gidelim. Ve aşağıdaki kodları yazalım.

protected void Page_Load(object sender, EventArgs e)

{

string gelen= Request.QueryString["bilgi"].ToString(); //QueryString içerisindeki bilgi isimli değeri okuyoruz ve bunu bir string değişkene atıyoruz.

Response.Write(gelen); // QueryString'den aldığımız gelen bilgiyi sayfaya yazdırıyoruz.

}

Bu kodla da default.aspx sayfasından query string ile yolladığımız bilgi değerini okuyup bunu sayfaya yazdırıyoruz. F5 ile projeyi çalıştırıp deneyin. Textbox1 içine yazdığınız değerin default2 sayfasına yazılmış olduğunu göreceksiniz.

Şimdi de birden fazla değeri nasıl yolayacağımıza bakalım. Bu sefer buton’un click olayına aşağıdaki kodları yazalım.

protected void Button1_Click(object sender, EventArgs e)

{

Response.Redirect("default2.aspx?bilgi=" + TextBox1.Text + "&bilgi2=" + TextBox2.Text); // TextBox1 ve TexBox2 deki bilgileri alıp default2.aspx sayfasına yönlenir.

}

Gördüğünüz gibi iki farklı değeri query stirng ile taşıdık. texBox1 içine yakup, textBox2 içinde de buğra yazdığımızı varsayarsak sorgu şu şeklde oluyor:

default.aspx?bilgi=yakup&bilgi2=bugra
Burdaki & karakteri iki farklı bilgiyi birleştirmek için kullanılır. O halde kaç farklı bilgi gönderirsek ona göre aralara & karakteri koymalıyız.

Default2.aspx sayfasının page_load olayına bu sefer aşağıdaki kodları yazalım.

protected void Page_Load(object sender, EventArgs e)

{

string gelen = Request.QueryString["bilgi"].ToString(); //QueryString içindeki bilgi isimli değeri okuyoruz.

string gelen2 = Request.QueryString["bilgi2"].ToString(); // QueryStrin içindeki bilgi2 isimli değeri okuyoruz.

Response.Write(gelen+" "+gelen2);

}

Gördüğünüz gibi gelen iki farklı bilgiyi de isimlerini kullanarak okuyoruz. Farklı bir yöntem olarak da index kullanıp okuyabiliriz.

string gelen = Request.QueryString[0].ToString(); //QuerStringg içindeki ilk değeri okur.string gelen2 = Request.QueryString[1].ToString(); //QueryString içindeki ikinci değeri okur.

Ayrıca bir de Response.Redirect(); metodu yerine Server.Transfer(); metodunu da kullanabiliriz. Bu metod kullanıldığında tarayıcı bir sayfaya yönlendirilirken tarayıcının url adresini değişmez. Yani QueryString içinde yolladığınız bilgiler de gözükmez.

Server.Transfer("default2.aspx?bilgi=" + TextBox1.Text);

Çalıştırdığınızda göreceksiniz ki url adresi /default.aspx olarak gözükmektedir.

QueryString hakkında bilgilerimiz bukadar. ASP.NET için ilk konulardn olduğu için en basit dizeyde anlatmaya çalıştım. İnşallah faydalı olur.

Yeni başlayanların yaptığı 5 CSS hatası

Tuesday, September 8th, 2009

Piyasada CSS hakkında birçok makale var bunların bir kısmı çok yararlı olup bazıları ise yanlış anlaşılmalara ve hata yapmaya sebep olmaktadır. Özellikle CSS’ye yeni başlayanların sıklıkla yaptıkları birçok hata mevcuttur. Bu yazıda en çok yapılan hataların 5′ini inceleyeceğiz.

1-) Class ve ID leri aşırı kullanmayın
Yeni başlayanlar sayfada bulunan her elemente class ve ID ekliyorlar. Bu hem gereksiz hem de CSS’nin kullanım amacını toptan iptal etmiş oluyor. Class ve ID lerin aşırı kullanımı sadece stil sayfanızın kalabalıklaşmasına neden olmayıp ayrıca gereksizdir. Aşağıda bu bahsettiğimle alakalı örnek bulabilirsiniz.

Yanlış Örnek:

<div id="container" class="container">
  <p class="heading"><strong class="extrastrong">Welcome</strong></p>
  <p class="link1"><a href="#" class="link">Home</a></p>
  <p class="link2"><a href="#" class="link">About</a></p>
  <p class="link3"><a href="#"> class="link"Services</a></p>
  <p class="link4"><a href="#"> class="link"Contact</a></p>
</div>

Doğru Örnek:

<div id="container">
    <h1>This is a heading</h1>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
</div>

2-) İnline stilini kullanmayın
HTML sitenizi biçimlendirirken sıralı (inline) stilini kullanmayın. Bu özellik de her elemente ayrı ayrı uygulanmak zorunda. Ayrıca CSS yi harici olarak çağırarak tek dosya üzerinden çalışmak varken neden bu kadar kendimizi zorlayalım ki ?
Yanlış Örnek:

<p style="color: #fff; font-size: 2em;">This is a sentence.</p>

Doğru Örnek:

<p>This is a sentence.</p> 
/*Harici Stil Dosyası*/
p { color: #fff; font-size: 2em; } 

3-) Absolute position’ı kötüye kullanmayın
Absolute position’ın doğru kullanımını öğrenmek gerekiyor. Örneğin sayfadaki her elemente absolute position uygulanmamalı. Efektive olarak nasıl kullanılabileceği öğrenilmeli, çünkü bu uygulama CSS için önemlidir.

4-) Hatasız ve dağınık olmamasına özen gösterin
Eğer CSS’niz hatasız ve düzenli olursa bu hem arama motorları için iyidir ayrıca diğer geliştiriciler tarafından daha rahat geliştirilebilir veya düzenlenebilir. Hataları düzeltmek için W3C doğrulamasını kullanabilirsiniz. Mesela Mac ve PC lerde Dreamweaver programı kullanılarak da hatalar kontrol edilebilir.

5-) Her yerde DİV etiketi kullanmayın
Yeni başlayanların yaptığı en büyük hatalardan biri de CSS’nin her yerinde div etiketi kullanmasıdır. Bu durumun sebeblerinden birisi de table’dan div’e geçmedir. Kesinlikle div etiketi kullanmayın demiyorum ancak sayfanın her elementinde kullanılmamalı. Örneğin bir paragraf etiketi ile “p” div etiketi “div” yer değiştirmemelidir.
Yanlış Örnek:

<div id="container">
    <div id="nav">
                <ul id="navlist">
                        <li>Home</li>
                        <li>About</li>
                        <li>Services</li>
                        <li>Contact</li>
                </ul>
    </div>
        <div id="heading"></div>
            <div id="news">News</div>
            <div id="stories">Stories</div>
</div> 

Doğru Örnek:

<div id="container">
    <ul id="navlist">
            <li>Home</li>
            <li>About</li>
            <li>Services</li>
            <li>Contact</li>
    </ul>
        <h1>Heading</h1>
            <p id="news">News</p>
            <p id="stories">Stories</p>
</div> 

Kaynak

Array(dizi) Fonksiyonlar

Friday, July 3rd, 2009

array_sum(array $dizi)

Açıklama
Aldığı dizinin tüm elemanlarını toplayıp bu değeri döndürür.

Örnek

<?php
   $dizi = array(7, 14, 21, 28);
   echo array_sum($dizi);
?>

Yukarıdaki örneğin çıktısı: 70

———————————————————————————————
(more…)

String işlevleri

Tuesday, June 30th, 2009

strtolower(string $string)

Açıklama
Aldığı  string değişkenin tüm harflerini küçük karaktere çevirir.

Örnek

<?php
echo strtolower("DENEME");
?>

Yukarıdaki örneğin çıktısı:    deneme

———————————————————————————————

strtoupper(string $string)

Açıklama
Aldığı  string değişkenin tüm harflerini büyük karaktere çevirir.

Örnek

<?php
echo strtoupper("Deneme");
?>

Yukarıdaki örneğin çıktısı:  DENEME

——————————————————————————————— (more…)