Web Programlama | Enver Yurtsever

Genel Konular, İnternet, Web Programlama

3 Adımda Web Site Yapmak

17 Temmuz 2013 2 Yorum

Bir web sitesi yapmak 3 adımdan oluşur. Bu 3 adımı iyi bilmek gerekiyor.

1 – Photoshop’ta katmanlı bir şekilde tasarım yapmak
2 – Photoshop’ta yapılmış tasarımı html ve css dökümünü almak
3 – html ve css ‘ i bitmiş olan siteye kod yazmak

1. adım için , Photoshop programını kullanarak tasarım yapmamız gerekiyor. Yapacağımız tasarım katmanlı olmalı ki css çıkarırken zorlanmayalım

2. adım için, dreamweaver , visual studio gibi programları kullanarak photoshoptaki tasarımı html’e çevirmemiz gerekiyor. Bunun için çok iyi html ve css bilgisine sahip olmak gerekiyor.

3. adım için , Eğer dinamik (veritabanı olan ,yönetim paneli olan ) bir web sitesi istiyorsak mutlaka kodlama yapmamız gerekiyor. İstediğiniz yazılım dilini kullanabilirsiniz. ASP, PHP, ASP.NET(C# yada VB) yazılım dillerinden size uygun olanı kullanabilirsiniz. Tavsiyem asp.net c# . Veritabanı da mssql olmalı.

Bu adımları güzel bir şekilde uygularsanız. Güzel dinamik bir websiteye sahip olabilirsiniz.

Devamını Oku

Genel Konular, Web Programlama

Yazılımcılar için yardımcı kaynaklar

12 Temmuz 2013 Yorum Yapılmamış

1-) Code Beautifier – CSS kodlarımı formatlamak, optimize etmek için.
http://www.codebeautifier.com/

2-) CSS Sprite Generator – Birden fazla imajları tek imaj haline getirip, yükleme performansı kazandırmak için kullanıyorum. Nam-ı diğer İmage Sprite
http://spritegen.website-performance.org/

3-) Image to Base64 – Bazı imajları CSS dosyasına gömerek yine yükleme performansı oluşturmak için kullanıyorum. Not: Eski tarayıcı uyumluluklarında sorun olabilir.
http://yellowgreen.de/image-to-base64-string-encoder

4-) JS Beautifier – Javascript kodlarını düzenlemek, sıkıştırmak için
http://jsbeautifier.org/

5-) Dean Edwards – Packer – Javascript kodlarımı bir ölçüde sıkıştırmak ve şifrelemek için
http://dean.edwards.name/packer/

6-) Unpacker – Packer ile şifrelediğim yada şifrelenmiş JS kodlarını geri açmak için
http://www.strictly-software.com/unpacker

7-) Colorzilla – İmaj yerine CSS ile gradyan arkaplan oluşturmak için kullanıyorum.
http://www.colorzilla.com/gradient-editor/

Devamını Oku

Sql Veritabanı, Web Programlama

MSSQL Collation Değiştirme

17 Nisan 2013 Yorum Yapılmamış

MSSQL collaction değiştirmek için aşağıdaki kodlar New Query penceresine yazabilirsiniz.

ALTER DATABASE databaseadi_eyurtsever SET SINGLE_USER WITH ROLLBACK IMMEDIATE
ALTER DATABASE databaseadi_eyurtsever COLLATE TURKISH_CI_AS
ALTER DATABASE databaseadi_eyurtsever SET MULTI_USER

1

2

3

ALTER DATABASE databaseadi_eyurtsever SET SINGLE_USER WITH ROLLBACK IMMEDIATE

ALTER DATABASE databaseadi_eyurtsever COLLATE TURKISH_CI_AS

ALTER DATABASE databaseadi_eyurtsever SET MULTI_USER

Veritabanının collation degerini değiştirdik. Fakat tablolardaki alanların collation degerini de değiştirmek gerekiyor. Tabloyu design modunda açtıktan sonra alan özelliklerinde collation değerini “restore default” yapın. Bunu her alan için yapmak gerekiyor.
Tek tek bununla uğraşmak istemiyorsanız , veritabanını oluştururken “options” seçeneğinden collation değerini belirleyin.

Devamını Oku

Asp.Net Programlama, Web Programlama

Payment.dll ve PosnetDotNetModule.dll (Sanal Pos için)

27 Mart 2013 3 Yorum

Birçok banka sanalposu payment.dll ve posnetdotnetmodule.dll i kullanıyor. Bu dll leri projenize ekleyerek, çok daha basit şekilde sanal pos entregrasyonu yapabilirsiniz.

Dll’leri indirmek için tıklayın.

Ayrıca 7 Banka sanal pos kodları için diğer makaleyi okuyabilirsiniz.

Devamını Oku

Asp.Net Programlama, Web Programlama

ASP.NET Hazır Sanal Pos Kodları ( 7 Banka )

11 Mart 2013 59 Yorum

Asp.net olarak class’lar halinda kodlanmış 7 bankanın sanal pos kodları. Size sadece gerekli bilgileri class a göndermek kalıyor.

Aşağıdaki 7 bankanın sanal posları bulunmaktadır

1. İş Bankası
2. Garanti Bankası
3. Vakıfbank
4. Akbank
5. Yapı Kredi
6. FinansBank
7. DenizBank

Devamını Oku

Genel Konular, İnternet, Web Programlama

Windows 8 IIS Kurulum (Resimli Anlatım)

19 Ocak 2013 46 Yorum

Windows 8 IIS kurulumu windows 7 ile hemen hemen aynıdır. Aşağıdaki adımları takip ederek windows 8 IIS kurulumunu gerçekleştirebilirsiniz.

İlk önce başlat menüsünü açtık ve Search (Arama) butonuna tıkladık

Devamını Oku

Asp.Net Programlama, Web Programlama

ASP.NET Rastgele Sayı ve Harf Üretmek

20 Kasım 2012 3 Yorum

asp.net (c#) ile rastgele sayı üretmek için aşağıdaki kodları kullanabilirsiniz.
letters değişkenine istediğiniz sayı, harf veya karakterleri yazabilirsiniz.

i < 6 yazan yer kaç haneli olduğunu belirtiyor. Kendinize göre düzenleyebilirsiniz.

string RastgeleUret()
    {
        Random rnd = new System.Random(unchecked((int)DateTime.Now.Ticks));
        string ret = "";
        for (int i = 0; i < 6; i++)
        {
            ret += randLetter(rnd);
        }
        return ret;
    }
    const string letters = "23456789abcdefghijkmnpqrstuvwxwz";
    char randLetter(Random rnd)
    {
        return letters[rnd.Next(letters.Length)];
    }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

string RastgeleUret()

{

Random rnd = new System.Random(unchecked((int)DateTime.Now.Ticks));

string ret = "";

for (int i = 0; i < 6; i++)

{

ret += randLetter(rnd);

}

return ret;

}

const string letters = "23456789abcdefghijkmnpqrstuvwxwz";

char randLetter(Random rnd)

{

return letters[rnd.Next(letters.Length)];

}

Kullanımı

Response.Write("Rastgele Şifre" + RastgeleUret() );

1	Response.Write("Rastgele Şifre" + RastgeleUret() );

Devamını Oku

Asp.Net Programlama, Web Programlama

ASP.NET ile md5 şifreleme (c#)

06 Kasım 2012 10 Yorum

Asp.NET ile md5 şifreleme yapmak güvenlik açısından önemlidir. md5 şifrelemeyi uyelerin şifrelerinde , emaillerinde ve başkalarının görmesini istemediğimiz birçok yerde kullanabiliriz.

Kullanımı şöyle:
Öncelikle sayfamıza aşağıdaki kütüphaneyi ekliyoruz

using System.Security.Cryptography;

1	using System.Security.Cryptography;

Daha sonra metodumuzu oluşturalım:

public  string MD5Olustur(string input)
{
    MD5 md5Hasher = MD5.Create();
    byte[] data = md5Hasher.ComputeHash(Encoding.Default.GetBytes(input));
    StringBuilder sBuilder = new StringBuilder();
    for (int i = 0; i < data.Length; i++)
    {
        sBuilder.Append(data[i].ToString("x2"));
    }
    return sBuilder.ToString();
}

1

2

3

4

5

6

7

8

9

10

11

public string MD5Olustur(string input)

{

MD5 md5Hasher = MD5.Create();

byte[] data = md5Hasher.ComputeHash(Encoding.Default.GetBytes(input));

StringBuilder sBuilder = new StringBuilder();

for (int i = 0; i < data.Length; i++)

{

sBuilder.Append(data[i].ToString("x2"));

}

return sBuilder.ToString();

}

Kullanımı ise şöyle:

 string sifrem = MD5Olustur(txtSifre.Text);

1	string sifrem = MD5Olustur(txtSifre.Text);

Devamını Oku

Css, Web Programlama

CSS ile Resmi Üstten ve Alttan Ortalamak

30 Ekim 2012 4 Yorum

Css 2.0 ile resmimizi alttan ve üstten ortalamak ne kadar zor görünse de aslında o kadar zor değil. birkaç tane iç içe div ile bunu halledebiliriz. Aşağıda css ve html kodlarını bulabilir ve örnek uygulamayı görebilirsiniz.

CSS Kodlarımız :

.anatablo{width:500px;height: 250px;display: table;#position: relative; overflow: hidden;text-align:center;margin:0 auto;border:solid 2px #000}

.anatablo .ictablo{#position: absolute; #top: 50%;#left:50%;display: table-cell; vertical-align: middle;border:solid 2px #000}

.anatablo .ictablo .resim{max-width:300px;max-height:150px;#position: relative; #top: -50%;#left:-50%;border:solid 2px #000}

1

2

3

4

5

.anatablo{width:500px;height: 250px;display: table;#position: relative; overflow: hidden;text-align:center;margin:0 auto;border:solid 2px #000}

.anatablo .ictablo{#position: absolute; #top: 50%;#left:50%;display: table-cell; vertical-align: middle;border:solid 2px #000}

.anatablo .ictablo .resim{max-width:300px;max-height:150px;#position: relative; #top: -50%;#left:-50%;border:solid 2px #000}

Not : # ile başlayan css kodları sadece internet explorer’da görünür. ie de sorunsuz çalışması için bu kodlarda gerekli.

Html Kodlarımız

<div class="anatablo">
<div class="ictablo"><img class="icerik" src="http://eyurtsever.com/logo.png" alt="eyurtsever.com" /></div>
</div>

1

2

3

</div>

Çalışan Uygulamayı görmek için tıklayınız

Devamını Oku

Asp Programlama, Web Programlama

Paypal ile Ödeme Kodları (Form)

12 Mart 2012 21 Yorum

Web Siteniz Üzerinden Paypal ile ödeme yapabilmek için aşağıdaki formu kullanmanız gerekmekte.

business = ödeme yapılacak email adresi
amount = ödenecek tutar
curreny_code = Para Birimi
return = Ödeme Başarılı ise gidilecek adres

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_xclick" /> <input type="hidden" name="business" value="enveryurtsever@hotmail.com.tr" /> <input type="hidden" name="item_name" value="Payment" /> <input type="hidden" name="amount" value="100" /> <input type="hidden" name="no_shipping" value="0" /> <input type="hidden" name="no_note" value="1" /> <input id="currency_code" type="hidden" name="currency_code" value="TRY" /> <input type="hidden" name="lc" value="TR" /> <input type="hidden" name="bn" value="PP-BuyNowBF" /> <input type="hidden" name="return" value="http://www.eyurtsever.com/odemebasarili" /> <input type="submit" value="PAYPAL İLE ÖDE" /></form>

1

Devamını Oku