Tablo Etiketinin Gönlünü Almak
Yazar: Volkan Görgülü | Yayın Tarihi:
29 Temmuz 2008 | Yorumlar:
20 Yorum
Kategori: CSS & XHTML
Bu tip bir paylaşımda bulunmayı ne zamandan beri düşünüyordum, çünkü düşününce hakikaten tablo etiketine olan oluyor, tablolu tasarım ve tablosuz tasarım tartışmalarında olan hep ona oldu, hep kötülendi tablo etiketi, Fatih Turan ile gerçekleştirdiğimiz röportajda biz de biraz ağır konuştuk 
Ayrıca tablo etiketini kullanırken thead, tbody ve tfoot etiketlerinin kullanılmadığını görüyorum ama halbuki bu üç etiket size tablonuzun CSS kodlarını yazarken çok büyük bir hakimiyet veriyor ve gereksiz yere sınıf tanımlamalarından kurtarıyor.
Aşağıdaki resme tıklayarak ulaşabileceğiniz uygulama videosunda tablo etiketini thead, tbody ve tfoot etiketlerini de kullanarak, nasıl çok daha efektif kullanabileceğinizi sizlere göstermeye çalıştım, umarım faydalı olur.
Kullandığım Dosyalar
Videoda geliştirdiğim dökümanı buraya tıklayarak görüntüleyebilir ya da buradan bilgisayarınıza indirebilirsiniz.
Kaynak
Videoda bahsettiğim hazır tablo şablonlarını bulabileceğiniz adres.
Kimse Size…
Tablo etiketini hiç bir şekilde kullanmayın demiyor, tablo etiketini kullanmak lazım ama tabular verileri (Excel benzeri içerikleri) kodlarken.
Tablo Etiketinin Gönlünü Almak 2
Yakın bir zamanda hazırlyacağım paylaşımımda Yeni paylaşımımda ise bu hazırladığım tabloyu, zebra tablo haline getiriyorum yani bir satır bir renk olacak diğer satır farklı bir renk olacak ve JQuery kullanarak çok kolay bir şekilde yapacağız.
Bu paylaşımım yayınlandığında hemen haberdar olmak istiyorsanız RSS, FriendFeed ve Twitter yayınlarıma üye olabilirsiniz.
Başka bir paylaşımımı inceleyebilirsiniz
Düşüncelerinizi duymaya ihtiyacım var!
Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.
Yazıya Gelen Yorumlar
1
Şükrü Şükrüoğlu
30 Temmuz 2008´de söylemiş
Devamını bekliyoruz. Güzel bir video olmuş
2
Mert Çakır
30 Temmuz 2008´de söylemiş
Eline sağlık yine güzel bir paylaşım olmuş. Etiketlere backround resmide ekleyebiliyoruz sanırım. Yani basitçe mantığını anlattığın bu olayı giflerle destekleyerek çok daha kaliteli bir görüntü almamız mümkün. Ama bence böyle basit tabloları uzun uzun kodlamak yerine bir kaç dakikamızı ayırıp Photoshop’dan veya başka bir araçtan tasarlayıp image kodunu eklemek daha kolay olur.(Tabi olay sadece öğrencilerin ders notlarıyla ilgiliyse… )
3
Gürkan OLUÇ
30 Temmuz 2008´de söylemiş
Güzel bir paylaşım. Bu zamana kadar tr,td ve başlıklar için td etiketlerini kullanıyordum ancak bu zamandan sonra thead, tbody ve tfoot’u da kullanacağım sanırım
Ben CSS ile tablolarıma şekil vermek için ( gerek yönetici arayüzünde gerekse ana arayüzde ) buradaki css stilini kullanıyorum. Oldukça başarılı
4
Volkan Görgülü
30 Temmuz 2008´de söylemiş
@Şükrü, teşekkürler, devamı gelecek inşallah
@Mert, düşüncene 2 sebepten dolayı katılmıyorum, birincisi tablo kod şeklinde olduğu sürece çok kolay müdahale edebilirim, Photoshopun açılması, o tablonun psd sini bulmam, çok daha zaman alıcı, ikincisi tabloyu kod olarak geliştirmenin maliyeti daha az olacaktır diye düşünüyorum, yani, örneğin, kod 1K ise resim 1K yı geçebilir.
@Gürkan, çok şıkmış, teşekkürler paylaşımın için
5
Yücel Eroğlu
30 Temmuz 2008´de söylemiş
Volkan Görgülü ellerine sağlık. Tablosuz tasarım dediğimiz zaman yani xhtml’de sayfa düzeni için tablo kullanmıyoruz fakat tablo kullanılması gereken yerlerde olabiliyor. Bunu herkezin birbirinden iyi ayırt etmesi gerekiyor zaten, xhtml’de tablolar sayfa düzeni için değil verileri sunmak için kullanılabilir. örnek verecek olursak Emlakakademi.com’da Kredi Oranları için tablo kullandık ama sayfa düzeninde hayır.
6
Volkan Görgülü
30 Temmuz 2008´de söylemiş
@Yücel Eroğlu, kesinlikle harika bir örnek göstermişsiniz, çok teşekkürler
7
nanoturkiye
30 Temmuz 2008´de söylemiş
Video bulunamadı hatası
8
emin varol
30 Temmuz 2008´de söylemiş
yine güzel bir paylaşım daha eline emeğine sağlık özellikle jquery paylaşımlarını dört gözle bekliyorum tşkkürler
9
SNaRe
30 Temmuz 2008´de söylemiş
CSS’ye yeni başladım gerçekten güzel bilgiler. Bu yöntemle beraber örneğin sadece en üstün kenarlarını ve en altın kenarlarını yuvarlak yapmak istediğimizde css ye 2 komut ekleyip daha rahat bir şekilde yapabiliyoruz. Daha rahat bencede. Teşekkürler
10
Buak Emre Kabakcı
30 Temmuz 2008´de söylemiş
bütün videolar değerli ama bu video gerçekten işime yaradı.
konuyla ilgili olmasa da bugün maltepe belediye binasının çevresinde galiba seni gördüm ancak tanışmak nasip olmadı. elinde kalem bir oraya bir buraya dolanıyordun, tam selam verecekken yön değiştirdin ve biraz hızlı bir şekilde geriye doğru yürümeye başladın. ben de heralde acelesi vardır diye rahatsız etmeyeyim dedim. neyse başka bahara artık.
11
Volkan Görgülü
30 Temmuz 2008´de söylemiş
@Emin, en kısa zamanda 2. paylaşımı yapacağım.
@Snare, harika bir örnek verdiğin için çok teşekkür ederim, çok haklısın.
@Emre, paylaşımımın işine yaradığını duymak beni çok mutlu etti, evet doğru görmüşsün, beyaz yazı tahtası almak için dışarı çıktım
12
ümran
02 Ağustos 2008´de söylemiş
bilgi ayrıntılarda saklıdır…
benim için çok önemli bir ayrıntı.. bu bilgiler için teşekkürler.. umarım paylaşımlarınız daim olur..
13
NeTHaLiL
03 Ağustos 2008´de söylemiş
Açıkcası bu hafta içerisinde böyle bir hata yapmıştım bunu hatırlattığınız iyi oldu çok güzel bir paylaşım olmuş…
14
Ethem USLUOĞLU
03 Ağustos 2008´de söylemiş
Merhabalar,
öncelikle oldukça sempatik bir blog olmuş tebrikler..
Ayrıca eğitim içerikli videolar hazırlamanız oldukça güzel. Başarılar dilerim..
15
Emre Sümer
04 Ağustos 2008´de söylemiş
th etiketini kullanıyordum büyük kolaylık sağlıyordu fakat thead,tbody,tfoot etiketlerini kullanmamıştım hiç. Getirdiği kolaylığı gördükten sonra artık kullanacağım ben de.
Bir de tablolara yapılan haksızlığa değinmek istiyorum. Aslında haksızlık yapılmıyor. Tablolara karşı olanlar, asla tablo kullanmayın demiyorlar. Sadece sayfanın tasarımını tablolar ile yapmayın diyorlar. Yoksa zaten semantik kodlamada veri çekip, döndürüp, göstereceğimiz yerler içindir tablolar.
16
SalihSDemir
04 Ağustos 2008´de söylemiş
Daha videoyu tam izlemedim ama o etiketleri görünce gerçekten haksızlık etmişim hem kendime hem tablolara
Ben dersimi aldım teşekkür ederim bu video için.
17
yakuter
16 Ağustos 2008´de söylemiş
Videoları izlemek zaman aldığı için ara ara izleyebiliyorum videolarını. Bu videonu da az önce izledim ve ne kadar faydalı bir iş ortaya çıkardığına şahit oldum. Ellerine, diline ve bilgine sağlık. Tabuları yıkmaya devam
Geri İzlemeler