Kadir GÜNAY’ ın Css, Xhtml, jQuery ve Wordpress Günlüğü

@font-face Kullanımı ve Kolaylıkları

17-11-2008 CSS, XHTML Comments%40font-face+Kullan%C4%B1m%C4%B1+ve+Kolayl%C4%B1klar%C4%B12008-11-17+09%3A08%3A05Kadir+G%C3%9CNAY

Web sayfaları hazırlarken bizim için en çok önemli olan materyallerden birisi yazı tipleridir. Tipografisi iyi olan bir web sitesi hem ziyaretçi sayısı hem de popülerliği bakımından diğerlerinden bir adım daha önde olacaktır. Tipografi ile ilgili şu makalelere bakabilirsiniz;

• http://www.wpdfd.com/issues/23/typography/
• http://www.flywebmaster.com/webdesign/tips/typography.php
• http://www.bildirgec.org/ara/tipografi

Web standartları dahilinde aklımıza gelen belli başlı yazı tipleri ve yaz aileleri vardır. Nedir bunlar;

• Arial
• Helvetica
• Times New Roman
• Verdana
• Georgia v.b

Genel anlamda yazı aileleri hakkında bilgi almak isterseniz (Serif - Sans Serif) http://www.hasanyalcin.com/serif-sans-serif-nedir/ isimli yazısını okuyabilirsiniz.

Bazen sitemizi ziyaret edenlere yazılarımızı, önemli başlıklarımızı veya notlarımızı olağan bir yazı tipi haricinde sunmak isteriz fakat bu yazı tipleri sadece bizim bilgisayarımızda olduğundan karşı taraf bunları göremeyecektir. Bu olumsuz durumu farklı şekillerde çözdük bu zamana kadar. Yeri geldi imaj kullandık yeri geldi sIFR kullandık. Her iki yöntem de kendine göre zahmetli veya zahmetsizdi ama artık bunlara hiç gerek kalmadı çünkü @font-face denilen bir uygulama var.

Gelin hep beraber bu uygulamayı öğrenelim ve artık yukarıda saydığımız işlemlere gerek kalmadan yazı tiplerimizi güzelleştirelim;

Adım 1 - Boş bir html sayfası oluşturun

Oluşturduğumuz boş html sayfası içinde <h1> olarak deneme yazın

<h1>deneme</h1>

Adım 2 - Css kodlarını yazın

Burada dikkat etmemiz gereken bir durum var, @font-face’ i kullanabilmek için öncelikle standart h1 kodumuza ait css kodunu yazıyoruz nedir bu standart kodumuz;

h1{
font-family:'94ROCKEA', georgia, serif;
font-size:48px;
color:#ff0000;
}

Css kodunda h1 elementine ait olan font-family, font-size ve color değerlerini atadık. Ama burada alışılmışın dışında bir durum söz konusu; 94ROCKEA! böyle bir font sistemimizde yok ve aynı zamanda web standartlarına uygun bir font da değil. Fakat biz bu fontu kullanacağımız için font-family kısmına bunu ekledik. Siz de birazdan göreceksiniz ki @font-face kullanımı ile ilgili gerekli olan bir değer. 94ROCKEA fontu yerine siz de başka bir font kullanabilirsiniz. Değişik fontlar için www.dafont.com adresini tavsiye ediyorum.

Adım 3 - @font-face Css kodu

Ve işte şimdi @font-face uygulamasına ait kodu yazmaya

@font-face {
font-family:'94ROCKEA';
src: url('http://www.siteadi.com/yazı tipinin bulunduğu dizin') format('truetype');
}

Gördüğünüz gibi işlem bu kadar basit. Bu kodda bir önce <h1> elementine tanımladığımız font-family değerini doğruluyoruz ve daha sonra kullanacağımız yazı tipinin kaynak yolunu belirtiyoruz. Son olarak da formatını yazıyoruz.

Not: Kullandığınız veya kullanacağınız yazı tiplerinin formatların dikkat edin. Bunlar .otf (open type font) veya .ttf (true type font) olabilir. format kısmına bunu belirtmek zorundasınız.

Örnek uygulamayı görmek için TIKLAYIN

IIS Üzerine PHP 5.2.3 ve MySQL 5.0 Kurmak + Çalıştırmak Bölüm 2

16-11-2008 Güncel CommentsIIS+%C3%9Czerine+PHP+5.2.3+ve+MySQL+5.0+Kurmak+%2B+%C3%87al%C4%B1%C5%9Ft%C4%B1rmak+B%C3%B6l%C3%BCm+22008-11-16+13%3A55%3A52Kadir+G%C3%9CNAY

IIS Üzerine PHP 5.2.3 ve MySQL 5.0 Kurmak + Çalıştırmak Bölüm 1 isimli bölümde;

• IIS Kurulumu
• PHP Kurulumu
• php.ini dosyası yapılandırılması
• IIS Yapılandırılması

adımlarını gördük ve uygulamalı olarak yaptık. Bu bölümde ise MySQL kurulumunu anlatacağım. MySQL uygulamasının kurulumunu indirmek için buraya tıklayın. İndirdikten sonra kurulum dosyasına çift tıklıyoruz ve sırayla aşağıda ki ekranları izleyerek devam ediyoruz; Not: Size anlatacağım kurulum MySQL 5.0 fakat resimler 4.1′ e ait. Bu yüzden aklınız karışmasın kurulum süreçleri aynı Evet başlıyoruz!

Adım 1 - MySQL Setup.exe çalıştırılması

Her programda olduğu gibi setup.exe dosyasına çift tıklıyoruz ve karşımıza gelen ekranda Next diyoruz.

Adım 2 - Kurulum Tipi

Bu ekranda kurulum tipini seçiyorsunuz. Varsayılan olarak Typical derseniz eğer C:\Program Files içine MySQL dizini altına yükler ve ekstraları kurup kurmayacağınızı sormaz. Biz Custom diyoruz.

Adım 3 - Custom Kurulum Seçenekleri

Bu ekranda gerekli olan ekstraları direk bilgisayarımdan çalıştır seçeneği ile seçiyoruz ve kurulum yolunu değiştirmek için Change düğmesine basıyoruz. Gelen ekranda C:\mysql yazıyoruz. Ve karşımıza şöyle bir ekran geliyor;

Bu ekran bize kurulumun istediğimiz gibi olduğunu ve programın kurulduğunu anlatıyor. Ama aynı zamanda kurulan MySQL’ in Sunucu yapılandırması gerektiğini de söylüyor. Bunun için Finish düğmesine basıyoruz ve bir sonraki ekran olan Yapılandırma Ekranına geçiyoruz

Adım 4 - MySQL Server Yapılandırması

Yapılandırmaya başlamak için Next diyoruz.

Bu ekranda iki çeşit yapılandırma seçeneği var 1.si Detaylı Yapılandırma (Detailed Configuration) 2.si ise Standart Yapılandırma (Standard Configuration) biz 1. seçeneği seçiyoruz ve Next diyoruz;

Bu ekranda 3 seçeneğimiz var 1)Developer Machine (Geliştirici Makine) 2)Server Machine (Sunucu Makine) ve 3)Dedicated MySQL Server Machine (Dedicated MySQL Sunucu Makine)

1)Developer Machine : MySQL ile beraber diğer farklı programlarında çalıştırılabildiği ve az bellek tüketen bir tip
2)Server Machine : MySQL ile beraber diğer sunucu programlarının da çalıştırıldığı (web ve uygulama sunucuları) ve orta düzeyde bellek tüketen bir tip
3)Dedicated MySQL Server Machine : Sadece MySQL sunucusu olarak görev yapan, diğer sunucu programlarının çalıştırılmadığı ve yüksek düzeyde bellek tüketen makine tipi.

Biz 1. seçeneği seçiyoruz ve ileri diyoruz (Next)

Veritabanı tipimizi seçiyoruz. Ben normal işlerimizi uygulamalarımızı yapacağımız için 1. seçenek olan Multifunctional Databes öneriyoruz. Fakat isterseniz diğer seçeneklerin de ne işlere yaradığını anlatabilirim. 1. seçeneği seçtikten sonra Next diyoruz (İleri)

Tablolarımızın nerede tutulacağını belirleyeceğimiz ekran. Bu ekranda siz varsayılanı seçebileceğiniz gibi farklı bir sürücü ve dizin de seçebilirsiniz. Ben bu işlemi hiç değiştirmeden (önerilen) Next diyorum.

Bu ekranda ise veritabanına bağlanacak kullanıcı sayısını seçiyoruz. 1.seçenek 20 kullanıcı 2.seçenek 500 ve üzeri 3. ise sizin tercihiniz. Ben 1. seçeneği tavsiye ediyorum ne de olsa lokale kuruyoruz değil mi? seçimimizi yaptıktan sonra her zaman ki gibi Next diyoruz.

Karşımıza gelen ekran MySQL’ in network yapılandırması ve port seçimi. Standar olarak MySQL 3306 portunu kullanmaktadır ama siz bunu bu ekranda değiştirebilirsiniz. Fakat tavsiye edilen ve bilinen 3306′ dır.

Not: Tüm kurulumu bitmiş sayıyorum ve bu bölümle ilgili olduğu için yazıyorum eğer olur da MySQL çalışmaz ise burada seçtiğiniz portu Windows Güvenlik Duvarı kısmından izin verilen portlar kısmına eklersiniz. Konu ile ilgili detaylı anlatımı daha sonra yapacağım.

Seçiminizi yaptıktan sonra ileri (Next) diyoruz

Ve karakter seçimi ekranı karşımızda. Burada 3 seçenek mevcut, 1.si Standart seçim ki bu önerilendir, 2.si Çoklu diller içindir. Eğer birden fazla dilde yayın yapacaksanız 2. seçeneği seçmelisiniz veya 3. seçenek olarak kendiniz belirleyeceksiniz. Ben 1. seçeneği seçi Next diyorum

Windows seçenekleri Bu ekranda MySQL’ i bir Windows servisi olarak seçebilir ve her açılışta otomatik başlamasını sağlayabileceğiniz gibi bir konsol uygulaması olarak da seçebilirsiniz. Benim tavsiyem ikisini de seçmeniz ve Next demeniz

Bildiğiniz gibi MySQL v.b programlar otomatik olarak “root” kullanıcısı ile başlar ve işte bu ekranda siz de root kullanıcısı yani siz, kendiniz için bir şifre belirliyorsunuz. Lokalde kullanacağınız için şifre seçimi basit olabilir ama ne olursa olsun hatırlayacağınız bir şifre olsun Şifrenizi yazdıktan sonra Next diyoruz

Ve son aşama. Tüm anlatılanları yaptıysanız eğer bu son aşamada Execute düğmesine bastığınızda 4 şık da tiklenecek ve MySQL kurulumunuz doğru çalışmaya başlayacak demektir.

Evet arkadaşlar bir önceki bölümde IIS yapılandırması ve PHP kurulumu ve ayarlarını gördük. Bu bölümde de MySQL kurulumunu gördük ve başardık diye tahmin ediyorum. Bir sonraki aşama ise MySQL GUI (Graphic User Interface) isimli program. Bu program veritabanı işlemlerinizi konsoldan değil se grafiksel bir arayüz üzerinden yapmanızı sağlayacaktır. Bir sonraki anlatımda görüşmek üzere.

Tüm soru ve görüşlerinizi yorum yazarak ve kadirgunay@gmail.com e-posta adresimi kullanarak yazabilirsiniz.

IIS Üzerine PHP 5.2.3 ve MySQL 5.0 Kurmak + Çalıştırmak Bölüm 1

10-11-2008 Güncel CommentsIIS+%C3%9Czerine+PHP+5.2.3+ve+MySQL+5.0+Kurmak+%2B+%C3%87al%C4%B1%C5%9Ft%C4%B1rmak+B%C3%B6l%C3%BCm+12008-11-10+15%3A24%3A21Kadir+G%C3%9CNAY

Çalıştığım ajans (Ping Dijital)’ ın yazılım ekibi (Kaner TUNCEL, Kerim ÇALIK ve ben) projeleri .net platformunda yazdığımız (genelde onlar yazıyor ben XHTML ve CSS kodluyorum) için sürekli IIS üzerinde çalışıyoruz. Bildiğiniz gibi ben de PHP ile alakalı olduğumdan dolayı ayrı ayrı programlar (Apache Sunucu, MySQL, PHP) kurmaktansa hazır programlardan wamp server’ ı kullanıyordum. Hal böyle olunca bazen ben de projelerde değişiklik yapıyorum işte bu durumda iki sunucu birbirine giriyordu. Kerim bir gün dedi ki (bu gün 3 gün önceydi) “Kadir sen diğer sunucuyu kaldır direk IIS üzerinde php çalıştır.” Bu söylediğine kendi de pek inanmadı aslında. Normaldir, çünkü PHP’ de en iyi verimi Apache sunucularda alıyorsunuz. IIS üzerinde çalıştığını daha önce bir kaç yerde okumuş ve görmüştüm ama bu zamana kadar hiç kurmamış ve çalıştırmamıştım. Derken hemen Google amcaya sordum. Çeşitli makaleler okudum, pdfler indirdim ve kurmaya başladım. İşte sonunda başardım ve size şimdi bunu anlatacağım.

Konfigürasyonum

• Windows XP Pro SP2
• IIS 5.1
• PHP 5.2.3 - Buradan İndir!
• MySQL 5.0 - Buradan İndir!
• MySQL GUI - Buradan İndir!

Adım 1 - IIS Kurulumu

IIS kurulumu için sırayla şu adımları izleyin;

1. Başlat Menüsü
2. Denetim Masası
3. Program Ekle Kaldır
4. Windows Bileşenleri
5. Internet Information Services (IIS)

IIS aktifleştirmek için bir tik attınız kutuya değil mi? Süper şimdi bir de onun detaylarından WWW Servis aktif olmuş mu ona bakalım. Ben ingilizce sistem kullandığım için bende “Details” yazıyor ama sizde “Detaylar” yazacaktır. Tabi Türkçe kullandığınızı varsayıyorum.

Evet şu anda IIS’ i kurdum.

Önemli NOT: Bu kurulum sırasında sistem sizden kullandığınız sistemin kurulum CD’ sini isteyebilir unutmayın!

Adım 2 - PHP 5.2.3 Kurulumu

Şuradan PHP 5.2.3 Sürümünü indirin. İndirdiğiniz dosya zip halindedir. Onu C:\ içinde php (C:\php) içine çıkartın. Dosyaları çıkardığınızda “php.ini-recommended” isminde bir dosya göreceksiniz bu ayar dosyamız. Bu dosyanın adını “php.ini” olarak değiştirin. Ve daha sonra herhangi bir metin düzenleyici (Notepad, Notepad++, DreamWeaver v.b) program ile açın. Buraya dikkat! Açtığınız php.ini dosyasında “extension_dir” isimli yeri bulun (Ctrl+F = Bul!) ve orayı şu şekilde değiştirin extension_dir = “C:\php\ext”

MySQL ile PHP’ nin çalışması için bir iki değişiklik yapmamız lazım. Yine php.ini dosyasında extension=php_mysql.dll isimli yeri bulun. Başında “;” (noktalı virgül) olması muhtemel. “;” kaldırın. Aynı işlemi bir de extension=php_mysqli.dll için uygulayın. Eğer yok ise php_mysql.dll satırının hemen altına “extension=php_mysqli.dll” (tırnaklar hariç) ekleyin.

Bu adımda işlemlerimiz bu kadar.

Adım 3 - Sisteme Php dosyalarını ve Dizinini tanıtmak

Masaüstü veya başlat menüsündeki bilgisayarıma sağ tuş tıklayarak “Özellikler” deyin. Ve oradan Gelişmiş sekmesine gelin. Benim sistemim İngilizce olduğundan Türkçe sistemdeki karşılığını size ancak akşam eve gidince yazabilirim. Şimdilik resim ekliyorum;

Kırmızı ile işaretlediğin yere tıklayın ve gelen ekranda alt kısımda bulunan listeden “Path” sizde yol veya dizin olabilir ksımı bulun.

Kırmızı ile gösterdiğim kısma gelince “Düzenle” deyin. Ve karşınıza çıkacak ekrandaki kutucuğun sonuna “; c:\php” yazın. (tırnaklar olmadan!) Tamam deyin ve bir önceki ekrana dönün. Bu ekranda ise Yeni düğmesine basarak yeni bir Sistem Değişkeni oluşturun.

Değişken adına resimde gördüğünüz gibi PHPRC, değişken değerine de c:\php yazıp Tamam deyin. Ve bu adım da bitmiş oldu.

Adım 4 - IIS Yapılandırması

Adım 1′ de IIS kurmuştuk ve daha sonra PHP yi de kurduk ve yapılandırdık. Şimdi de IIS’ i yapılandırmaya geldi.

Başlat -> Çalıştır kısmına “inetmgr” (tırnaklar olmadan) yazın ve Enter’ e basın. Karşınıza şöyle bir ekran gelecektir;

Default Web Site (sizde ne olur bilmem ama büyük ihtimalle aynı olacaktır) Sağ tuş ve Özellikler diyoruz. Karşımıza gelecek ekrandan Home Directory (sizde Ana dizin olabilir) sekmesine gidiyoruz. Bu ekran Ayarlar düğmesine basıyoruz. Benim ekleyeceğim resimde Configuration yazıyor ama yeri aynı.

Ayarlar (Configuration) ekranında karşımıza IIS’ in desteklediği dosya türleri ve uzantıları geliyor. Muhtemelen bu listede *.php olmayacaktır bunun için siz manuel olarak ekleyeceksiniz. Ekle düğmesine basıyorsunuz;

Ve çıkan ekrana şunları yazıyorsunuz;

php5isapi.dll dosyası Adım 2 de anlattığımız gibi c:\php dizini içinde yer alıyor. Bir alt kutucuğa da *.php yazıyoruz. Bu php uzantılı dosyaları desteklediği anlamına geliyor. Tamam diyoruz. Daha sonra IIS Yapılandırması Adım 2 ekranına geri dönüyoruz ve Documents (sizde dosyalar yazıyor olabilir) sekmesine tıklıyoruz. Karşımıza gelen ekrandaki listede index.php mevcut ise bir işlem yapmayın ama yok ise Ekle düğmesine basıyoruz ve;

Ekranda göründüğü gibi index.php yazıyoruz ve Tamam diyoruz. Tamam dedikten sonra index.php listeye eklenecektir. Eğer sürekli PHP ile kodlama yapacaksanız index.php dosyasını en üste taşıyabilirsiniz. Bu adım da bitti arkadaşlar.

MySQL kurulumuna geçmeden önce c:\php dizini içinde bulunan php.ini dosyasını c:\WINDOWS dizini içine, libmysql.dll dosyasını da c:\WINDOWS\system32 dizini içine kopyalayıp sisteminizi yeniden başlatın.

Sisteminiz yeniden başladıktan sonra notepad ile yeni bir sayfa açın ve içine

yazın ve dosyayı c:\Inetpub\wwwroot altına info.php olarak kaydedin. Daha sonra tarayıcınızı açın ve http://localhost/info.php yazın karşınıza şöyle bir ekran çıkacaktır (eğer anlatılanları eksiksiz yaptıysanız)

Artık IIS üzerine *.php dosyalarınızı rahatlıkla çalıştırabilirsiniz.

Yarın da MySQL kurulumunu anlatacağım.

her gün bir doz blog projesi - defocu.com

07-11-2008 Güncel Commentsher+g%C3%BCn+bir+doz+blog+projesi+-+defocu.com2008-11-06+22%3A42%3A31Kadir+G%C3%9CNAY

Abdullah’ ın harika ötesi bir projesi olduğunu geçen gün nette sörf yaparken gördüm. Projenin ismi “her gün bir doz blog“. Adından da anlaşılacağı üzere her gün bir blogu sitesinin (defocu.com) ana sayfasında kocaman resim ve açıklaması ile tanıtıyor. Ee daha ne olsun bu sayede hiç bilmediğimiz, dolaşmadığımız ve daha doğrusu adını duymadığımız siteleri öğrenmiş oluyoruz.

Bu günlük misafiri de benim sitem (07.11.2008) projesinden dolayı Abdullah’ ı tebrik ediyor bana da yer verdiği için teşekkür ediyorum

Web’ e Standart Getirmeye Ne Dersiniz?

04-11-2008 Güncel CommentsWeb%27+e+Standart+Getirmeye+Ne+Dersiniz%3F2008-11-04+14%3A31%3A24Kadir+G%C3%9CNAY

Toplantıdan çıkmış internette dolaşırken fuzuli olarak bir siteye girdim ve bir banner gördüm nedir diye tıkladım ve karşıma bir site açıldı.

Nedir acaba derken hemen sitenin ana sayfasında yer alan flash anlatımı izledim. Mantığını kavradım ve sizlerle paylaşmak istedim. Evet www.acemilik.com sitesi internet üzerinden yer alan sitelerdeki tarayıcı bozukluklarını tanıtan bir site. Güzel bir proje. Siteleri dolaşıyorsunuz ve tarayıcınızda gördüğünüz bozuklukları (elbette site ile alakalı) www.acemilik.com’ a girip ekliyorsunuz. İşlem bu kadar basit.

Tebrikler arkadaşlar

Not: Desteklemek adına bannerları http://www.acemilik.com/destekleyenler/ adresinden sitenize uygun boyutun kodunu alarak ekleyebilirsiniz.