Genel Konular, İnternet, Web Programlama

3 Adımda Web Site Yapmak

1 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.

Continue Reading

Asp.Net Programlama, Web Programlama

ASP.net ile Word Şablona Veri Göndermek

1 Yorum

Asp.net ile word şablona veri göndermek aslında çok basit. Yapacağımız işlem word belgesini okumak ve üzerinde değişiklik yapmakla alakalı. Word belgesine veri göndereceğimiz yerleri değişken olarak belirliyoruz.
 
Örnek :
Word şablonumuz bir başvuru formu olsun ve içinde şu bilgiler olsun :
ADI SOYADI / NAME : @adi@
UNVAN / TITLE : @unvan@
ÜNİVERSİTE / UNIVERSITY : @universite@
BÖLÜM / DEPARTMENT : @bolum@
ADRES / ADDRESS : @adres@
ŞEHİR / CITY : @sehir@
ÜLKE / COUNTRY : @ulke@
TELEFON / PHONE : @telefon@
E-POSTA/ E-MAIL : @eposta@
 
@değişken@ olan yerler bizim değişkenlerimiz, bu değişkenleri kod kısmından göndereceğiz. @ yerine istediğinizi yazabilirsiniz. Ben ayırt edici olsun diye bu şekilde tanımladım.

Continue Reading

Css, Web Programlama

CSS ile Resmi Üstten ve Alttan Ortalamak

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}

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>

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

Continue Reading

Asp.Net Programlama, Web Programlama

Repeater Sayfalama – Repeater Paging

8 yorum

Projelerde en çok kullanılan Asp.net kontrollerinden biri kuşkusuz repeater.  Repater kullandıktan sonra sıralama işlemini (Repeater Paging) yapmak için ya jquery paginateTable kullanacağız ya da arka planda PagedDataSource sınıfını kullanacağız.
Bu makalemizde PagedDataSource nasıl kullanıldığına dair ufak bir örnek yapacağız.
Sayfamızda sayfa adedini ve kaçıncı sayfada olduğunu gösteren bir adet label1, ileri linki için ID si linkNext ve ID si linkPrev olan 2 adet HyperLink, ve veritabanına bağlanıp kayıtların aktarıldığı dt – datatable.
Veritabanına bağlanıp DataTable a verileri aktarma yine temel bilgi olduğu için değinmiyorum. Sizin bu kısma kadar geldiğinizi farz ediyorum.

Continue Reading

Genel Konular, Web Programlama

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

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/

Continue Reading

Css, Web Programlama

File Upload Şeklini Değiştirmek

1 Yorum

File upload görünümünü değiştirmek için aşağıdaki css kodlarını kullanabilirsiniz.
 
 

.upload {
            width: 106px;
            height: 32px;
            background: url(/eyurtsever/Images/btnfile.png); /* istediğiniz görseli koyun*/
            overflow: hidden;
            margin-bottom: 8px;
            cursor: pointer;
        }
.upload input {
                display: block !important;
                width: 106px !important;
                height: 32px !important;
                opacity: 0 !important;
                overflow: hidden !important;
                cursor: pointer !important;
            }
input.file {
            width: 150px;
            height: 20px;
            border: 1px solid #BBB;
            border-right: 0;
            color: #888;
            padding: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            outline: none;
        }

 
Kullanımı :
Continue Reading

Asp Programlama, Web Programlama

Asp ile Formdan Gelenleri Veritabanına Ekleme

1 Yorum

Asp ile formdan gelen verileri veritabanına nasıl kaydederiz? Aslında çok basit. Basit bir sorguyla bunu yapalım.
 
Önce tablomuzu oluşturalım.
Tabloadı :  TblMakale
Alanlar :  id,baslik,detay
 
şimdi bu alanlara göre formumuzu oluşturalım:
 

<form action="makale_kaydet.asp" method="post">
<input type="text" name="baslik" /> <br/>
<textarea name="detay" ></textarea>
</form>
Continue Reading

Sql Veritabanı, Web Programlama

MSSQL Collation Değiştirme

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

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.

Continue Reading