renkli teneke » CSS İle Web Site Tasarımı Hazırlamak

internet çöplüğünden renkli kırıntılar…

Anasayfa » Web Tasarım & Grafik

CSS İle Web Site Tasarımı Hazırlamak

2 Temmuz 2009 Görüntülenme: 1.328 11 Yorum Yazar: Ahmet

(Bu yazı 2 oy aldı. Ortalama Değeri: 5,00 oy dan 5)

Web tasarım ile ilgilenmeye başlayalı yaklaşık 7 yıl oldu. Zamanında web sitelerini HTML’de ve o meşhur tabloları kullanarak yapardık. Tablolardaki en büyük sorun dengesiz bir biçimde kayma yapmalarıydı. Şimdilerde ise CSS popüler oldu. CSS tabanlı tasarımlar hem daha hızlı çalışıyor hem de daha çok tercih ediliyor. Tabloların bize işkence çektirdiğiniz CSS kullanmaya başladıktan sonra anladım.
Bir yazı dizisi hazırlayacağım. Zaman içerisinde yayınlayacağım bu yazı dizisinin konusu CSS tabanlı web site tasarımı olacak. Tamamen CSS kullanarak web site tasarımı hazırlayacağız. Bakarsınız bu bir yazı dizi halinde değilde sadece tek bir yazıdan ibarette olabilir. Şuanda hiçbir şey net değil ancak tek bir düşünce sabit: “Bu yazıyı yazacağım”. Çünkü web site tasarımlarında hâlâ tablo kullananlar var. Eminim ki sizde bıkmışsınızdır tablolardan.

CSS web site tasarımı hazırlamak sizlere neler kazandırır?

Zamandan kazanırsınız.
Tablolardaki gibi tasarımda kaymalar, yamulmalar olmaz.
Tablolu tasarımlara göre CSS tabalı tasarımı kullanan bir web sitesi daha hızlı açılır.
CSS ile web sitenizin her şeyini ayarlayabiliyorsunuz. Mesela arama kutucuğunu, arama butonunu, h2 tagı taşıyan başlıkları, p tagı taşıyan yazılar gibi.. Bütün her yeri CSS ile şekillendirebilirsiniz.
Bir tane CSS dosyası oluşturup bu dosyayı diğer bütün sayfalarda çağırarak kullanabilirsiniz. Ve sitenin tasarımı ile ilgili değişiklikleri bu tek dosyayı değiştirerek gerçekleştirebilirsiniz.
Pratik ve kullanımı oldukça kolaydır.

Unutmadan birkaç kelime daha söyliyeyim. Eğer web tasarım ve programlama hakkında merak ettikleriniz var ise benimle iletişime geçmekten çekinmeyin. Mesela bloguma yorumu ile isteğini belirten Çağatay için bu yazıyı yazdım. Bu örnekte olduğu gibi sizde ihtiyaçlarınızı belirtebilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

RenkliTeneke.Com blogundaki yeni yazılardan haberdar olmak için RSS Abonesi olabilirsiniz. İsterseniz Twitter'dan ya da FriendFeed'den takip edebilirsiniz. Ya da "Yeni yazılar e-mail adresime gelsin" diyorsanız e-mail abonesi olabilirsiniz.

Merhaba sevgili ziyaretçi. Şuanda renkliteneke.com bloguna " Ahmet" tarafından " 2 Temmuz 2009" tarihinde yazılmış olan "CSS İle Web Site Tasarımı Hazırlamak" başlıklı bu yazıyı okuyorsun. Bu yazının başka bir yerde yayınlaması yasaktır. Her yazı ayrı bir özen içerisinde hazırlanıyor ve bu emeğin iki tık ile heba edilmesi pek hoşuma gitmez. Bu açıklama ise bilgilenmeniz için yazılmıştır.

11 Yorum »

Çağatay Şen demiş ki:

Tarih: 2 Temmuz 2009Saat: 19:43

Size açıkçası tekrar teşekkür etmek istiyorum.Ziyaretçilerinizin istekleri doğrultusunda yazılar yazmanız ve web siteleri önermeniz çok hoş.Bilmiyorum ilgileniyor musunuz ama örneğin sadece web programlamayla ilgili değil de diğer bilgisayar programlama dilleriyle ilgili(C,C++..gibi)yazı ve web sitelerine yer verirseniz de çok iyi olur.Çünkü ben mesela C programlama diliyle ilgili internetten çok da kaynak bulamıyorum.Bulduklarım da konuları çok geniş bir biçimde ele almıyorlar.Belki ilgi alanınız sadece web programcılığı ama bana bu konuda yol gösterirseniz sevinirim.Yazı için teşekkürler.

Ahmet (Admin Abi) demiş ki:

Tarih: 3 Temmuz 2009Saat: 12:12

@Çağatay Şen;
İsteklerini not aldım =)

Alican demiş ki:

Tarih: 3 Temmuz 2009Saat: 13:06

tşk ederim güzel anlatım olmuş

Ali OKTAY demiş ki:

Tarih: 5 Temmuz 2009Saat: 15:25

@Ahmet: Merhabalar,
Yazın güzel olmuş. Bende CSS hakkında bir kaç bilgi eklemek istiyorum.
CSS tablolu tasarımlardan server-side programcı için de büyük kolaylık sağlar. Çünkü CSS kullanımına uygun şekilde yazılmış XHTML kodları daha anlamlıdır ve PHP gibi bir dille kullanımı daha kolaydır.
Ayrıca CSS ile sitede kullanılacak grafikleri daha etkili ve optimize şekilde kullanabilirsiniz.
Sanırım CSS in tek dezavantajı her tarayıcı için küçük hileler uygulamanız gerektiğidir. Bazen oldukça sıkıntı yaratabiliyor. Tablolu tasarımda tarayıcılar arası farklar daha az oluyordu, gerçi o zaman internet explorer dan başka tarayıcı bilen yoktu :)

@Çağatay: Reklam yapmış olacağım bunun için Ahmet gerekli görürse yorumuma onay verirken bu bölümü silebilir.
Bu sene üniversitede 1 sene boyunca aldığım C eğitiminden sonra kendi bloguma öğrendiklerimi yazma gibi bir planım var. Lab ve ödevlerimi bulduktan sonra yazmaya devam edicem. Ayrıca dersi aldığım hocamın sitesinden de yararlanabilirsin (ancak dersler ingilizce olduğu için belki sıkıntı olabilir.) http://homes.ieu.edu.tr/~ikorkmaz

Ahmet (Admin Abi) demiş ki:

Tarih: 5 Temmuz 2009Saat: 16:16

@Alican; Önemli değil.

@Ali OKTAY; Verdiğiniz bilgiler için teşekkürler. Ayrıca reklam olarak algılamam askine hoşuma gider. “Herşeyi ben yaparım, en iyi ben bilirim” gibi bir iddiam yok. Verdiğin site umarım Çağatay’ın ve onun gibi ihtiyacı olanların işine yarar. Zaten değişik bir düşüncem olsaydı bağlantı değişimde bulunmaz, değişik siteleri önermezdim :) Tekrar teşekkürler.

murat uzun demiş ki:

Tarih: 8 Temmuz 2009Saat: 02:29

merhaba.. sizin bir zamanlar html ile tablo yaptığınız zamanlardanım :) frontpagede yapıyorum siteleri.. Css cok guzel bir merak konusu nasıl başlarız nerde düzenleriz nerde önizleme görebiliriz ? bu konularada değinirseniz memnun olurum..

iyi calısmalar

Ahmet (Admin Abi) demiş ki:

Tarih: 9 Temmuz 2009Saat: 00:52

@murat uzun;
genel olarak css’i ele alacağız.

sanalika demiş ki:

Tarih: 10 Temmuz 2009Saat: 17:53

çok fazla css kodda siteyi çok yavaşlatıyo cpu çok artıyo

Ahmet (Admin Abi) demiş ki:

Tarih: 10 Temmuz 2009Saat: 20:52

@sanalika;
CSS bence içbir şekilde web sitesinded kasma, donma, yavaşlama yapmaz. CSS içerisinde çağırdığınız resimler vs yavaşlatır siteyi.

emin demiş ki:

Tarih: 14 Temmuz 2009Saat: 17:39

Tamam mı? Yazı nerde? Göremiyorum ben?
düşünce itibariyle birçok kişiye faydalı bir yazı olur diye düşünüyorum. Fatih Hayrioğlunun css ile ilgili yazılarına bakıyorum ama nerde hata yapıyorsam sinirleniyorsam, klavyeyi kırdım vurmaktan..
İllallah dedim bu nalet css işinden. Adam gibi anlatanlara yada bana bir css kodu öğretene 40yıl kölesi olurum gibi bir noktaya geldi olay.
Allahın cezası css. ne zor şeymişsin sen yaa
aaaa
delirdim bak yine :-)

Çağatay Şen demiş ki:

Tarih: 16 Temmuz 2009Saat: 20:10

@Ali Oktay;Paylaşımda bulunduğun site için teşekkür ediyorum.Blogunun adresini de verirsen oraya ulaşabilme imkanım olur.Ayrıca derslerin ingilizce olması benim açımdan çok sorun olmaz çünkü üniversitemdeki eğitim dili ingilizce.Tekrar teşekkürler.

Yukarıdaki yazı hakkında kendi düşüncelerinizi yazın!

Lütfen yukarıdaki yazı hakkında düşüncelerini paylaş. Senin düşündüklerin bazen bu blogdaki yeni yayınlanacak yazının hangi konuda yazı yazılması gerektiğini belirliyor.