Uzun zamandır beklenen Tablosuz Tasarım 2 videosu sizlerle… vidobu.com sitesi için çektiğim Tablosuz Tasarım eğitim setinin bir parçası olan bu videoyu sizlerle paylaşıyorum.
Tablo kullanmadan web sitesi tasarlamak web standartlarına uyumluluk anlamına gelmektedir. Sizde tablosuz tasarım yapmaya başlayın!
Bu video da yer alan konular…
– Yan yana DIV eklemek
– DIV eklerken dikkat edilmesi gerekenler
– Float ve Clear özelliklerinin kullanılması
hakan bey tebrik ederim güzel bir çalışma olmuş dün keşfettim diye yine bir not yazmıştım ama bugun baktım sanki hız kesme al bu video ile devam et der gbi oldu bu :) çok güzel bir çalışma tebrik ederim gerçekten..linkte belirttiğim tasarımını yaptığım siteyi de divlere çeviricem en kısa zamanda…
teşşekürler. hakan hoca başarılı ve faydalı bir çalışma olmuş
Yeni başlayanlar için güzel bir video olmasının yanı sıra işi bilenlerinde bilgilerini pekiştirmesine yararlı olacaktır. Clear fonksiyonu sıklıkla kullanılmalı. Çok faydasını görmüşümdür.
Video için teşekkürler..
Tebrikler Hakan Hocam ,,,
Çok Başarılı Bir Video Olmuş Bizlerde Böyle Bir Video Bekliyorduk Sizden , Bu Video Sanırsam Online Video Eğitim Sitesi için Yapmış Oldugunuz Bir Çalışmaya Benziyor … ÇOK TEŞŞEKKÜRLER …
Çok teşekkürler. Sayende Dreamweaver öğrenmeye başladım. Menü tasarımı hakkındaki dersin de devamı gelir umarım. Tekrar çok teşekkürler.
Hocam süpersin . hocam size bu menü olayı için baya sorular sormuştum saolsın hocam sende hiç bıkmadan bana anlattın video süper olmuş hocam tebrikler
Hakan bey , cok tesekkurler.. Cok yalın ve basit bir anlatım tarzınız var. Benzerlerinizin coğalması dileği ile:)
Ben anlatımınızı çok beğendiğimi söylemek istiyorum. Kalite sanırım Adobe eğitimlerinden geliyor. Ağzınıza sağlık…
bu videonun devamı yokmu acaba?
merhabalar hakan bey; ben de artık divlerle site tasarlamaya çalışıyorum (sayenizde) :D ben problemimi yukarıdaki videonuzu örnek olarak gösterecem.
ben sol tarafın altına hava durumu onunda altına sayaç ve sağ tarafına da içerik gimek içinde bir div oluşturmak istiyorum. Ancak bunu yaparken videoyu da takip ederek yaptım. şablonu yaptım sayılır ama sol taraftaki divlere resim ya da flash buton eklerken alttaki divlerle yan yana geliyor ve divler dağılıyor. yardımcı olursunaız sevinirim. şimdiden teşekkürler….
Hocam, emeğinize teşekkürler. Kurstaki bilgilerimi pekiştirmiş oldum.
selamun aleyküm
hakan bu tablosuz tasarımda kafama takılan bir konu var onu sormak istiyorum.
Şimdi diyelim ki ; şu anda yorum yaptığım bu alanı oluşturmak için talo açıp tabloda bölümler oluşturup name , id, value, action, metod vs gibi bölümler oluşturuyoruz.
bu şekildeki bir uygulamayı yine div lerle mi yapacağız ?
yoksa bu şekildeki uygulamalarda mecbur tablo mu kullanacağız ?
bana göre divlerle yapmak baya uzun bir iş olur doğrusu :)
uzunca bir kayıt formu oluşturmak için her katmanı divlerle açmak tablo açmanın yanında 4 kat daha zaman kaybı demektir.
div içerisinde oluşturulan bir tablo safari de yine bozulur mu ?
bu konuyada açıklık getiriseniz memnun olurum.
@Mesut: Bu tarz detaylı veri tabloları yaparken DIV yerine Tablo kullanmak daha mantıklı. Ben de bu tarz konularda tablo tercih ediyorum. DIV ile yapmak tabiiki mümkün ama dediğin gibi çok zaman alır…
Açıklama için tşk ederim.
birde bu yorum bölümlerinde şu sorunla karşılaşıyorum. mesala bu yazıyı yazarken space tuşunu kullanarak yazdığım için tablo sonuna dayanan text’im en yakın bir aralıktan aşağı düşerek satır başı yapacaktır ancak hiç bir şekilde boşluk vermeden örnek ) aaaaaaaaaaaaaaaaaa………………………. şeklinde uzatınca kayıt edildiğinde siteyi bozmaktadır bunun önüne nasıl geçebiliriz ?
@Mesut: Bu söylediğin genel bir sorundur. O tarz birleşik bir kelimeyi malesef HTML ile parçalara ayıramıyoruz. Tek yapılabilecek şey CSS overflow: hidden özelliği ile taşan kısımların gösterilmemesini sağlamak olur.
Hocam çok teşekkür ederim. Oldukça güzel tane tane akıcı bir dille anlatıyorsunuz. Bilgileriniz için çok teşekkür ederim. Div i bilmeme rağmen eksiklerim çıkıyor. Eksiklerimi de anlatımlarınız ile tamamlayacağım inşAllah..
merhaba hakan bey,
ben sizi takip ediyorum gayet iyi anlatıyorsunuz sizi izleyince tasarlayasım geliyor:) ben bu işe yeni başladım aynı zamanda şunu da belirteyim ki bilgisayar öğretmenliği birinci sınıf okuyorum küçük bişey sorucam bu videonun devamında yatay menü olacaktı sanırım onu nasıl yaptığınızı açıklayabilir misiniz
şimdiden sağolun..
@ruchan: CSS Menü Tasarımı videosunu seyredebilirsin. O videodaki anlatıma ekstra “li” etiketine “float:left” özelliği vermen yeterli.
Son derece sade ve anlaşılır bir şekilde anlatmışsınız…
teşekkürler….
hakan abi sen tamamam iyıde bu üyelik sitemi tamladı dıyelım peki bunu hani veri tablosunu hazırlam dersi &veri tabanı olussturma dersi ????????????????????????????????????????????????????????????
cok eksik dersler bunlar dememde yeri var senın suvideobu.com mada uede oldum ama tasarım onemlı degil bize üyelik yadı ve üye girisi ,o veritabanı seciyoruz ya onu nasıl yapcaz yanı demek istedigi m sen bize hepsini ogretmen lazım ona gore 95tlyi verelim
ben onun için para vermem bazı görsel egimtim siteleri var bunda örnegin biryat diyelim:85tl ama her onuya gore dersleri veriyorlar sizin suandan itibaren web master oldugunuza inanmıyorum by .glade
Sitenizi devamlı olarak takip ediyorum ve sayenizde web tasarımı yapıyorum ama siteye arkafona background resim koydum mozillada çalıştı chromeda çalıştı fakat i.explorerda çalışmadı sebebini öğrenebilirmiyim şimdiden teşşekkürler….
gerçekten çok güzel anlatım
Hakan abi ben hem tasarım hemde php coder lük yapıyorum sanalkurstan az çok takip ediyordum.. Sormak istediğim bir şey var verilerini okuduğunuz yorumları yazdırırken içine koyduğunuz arka planı gri olan div in kenarlarında çok ince bi çizgi var onu nasıl yapıyosun? Ve sitenin genel tasarımını videodaki gibi divlerle yaptım ama içeriğindeki küçük resimdi veri okumaydı gibi işlerimlerin çerçeveyelerini divlerle yapsam herhangi bi tarayıcada bozulma olur mu ? bilginiz varsa yardımcı olur musunuz
s.a hakan bey benim size bir sorum olacak ben yan yana divleri oluşturuyorumda tane yan yana oluş turduktan sonra onun yanına 3. bir div ekleyemiyorum bunun için bana yardım ederseniz sevinirim teşekkürler…. Kolay gelsin iyi günler
Teşekkürler, güzel bir çalışma olmuş.
Hakan bey öncelikle anlatımlarınız için çok teşekkür ederim. Benim sorunum hem yanyana 3. tabloyu ekleyemiyorum birde dreamwiev de görünenler tarayıcıda o şekilde görünmüyor ? Neden acaba ?
Videoların çok güzel güzel anlatmışsın sağol hakan abi çaba göstermişsin emeklerini es geçmemek lazım başarılarının devamını dilerim. Abi senden bişey rica etsem sanki bu video yarım kalmış ki gibi yaptıklarınızın aynısını yaptım hatta yaparken yeni bişeyler daha öğrendim ama logonun oraya yani alta menü ekleyemiyorum abi varsa bu videonun devamını gönderebilir misin ya da devamını çekebilir misin rica etsem. Allaha emanet ol abicim elin kolun dert görmesin
Hakan Hocam Saygılar sevgiler. =) Hakan hoca bir tanedir. Bu işe merak salmış üniversite öğrencileri yahut çalışan olarak kendini geliştirmek için kaynak bulamayan.
bulsa bile anlamakta zorlanan arkadaşların gelişimi ve kendilerine bir parça daha fazla şey katması için bilgilerini hep paylaşmaktadır.Paylaşmamasının kendisine faydalı değil asıl paylaşınca genel etkilerini hissedebileceğini bilen. Genel düşünen Toplum olarak bu konularda ilerlememizin etkili olacagının farkında bir insandır.. =) Gönüllülerede hep destek vermektedir.Böyle Gelişime yönelik videoların devamlarını bekliyoruz. Ve TÜm ziyaretçi arkadaşlar fazlasını bekliyorlarsa vidobu.com a üye olmalarını tavsiye ederim. Bu arada. Hocam ne zaman neptüne gidiyoruz. =) Dünya ve dünyalılar sıkmaya başladı artık.
merhaba
bu video gerçekten çok iyi oldu benm için.yeni başladm ve kafam divlerde çok karışıyodu ama sayenizde bu sorun ortadan kalkmış oldu. Ellernze sağlık
Merhaba,
Ben div in içine 8 adet resimi 2 sıra halinde 4’er koymak istiyorum
Fakat 4 adet resimi yan yana koyamadım.
NAsıl yapabilirim?
Yardımlarınız için şimdiden teşekkürler
hakan usta mrb ben cok cok acemı sayılırım := bana siteme reklam banneri ni nasıl olusturup yonetebi,lecegim hakkında yardım edermisiniz
hocam yardım edermisin anasayfa yapamıyorum
iç içe şablon oluştturma yokmu çok ihtiyacım var bugün yetiştirmem lazım
tşk
süperanlatım. ilk bakışta çok seri anlaılmış ama irdeleyince Float,Margin,After start of tag ,after Tag özellikleri çok iyi anlaşılıyor. Paylaşamaya devam.
hocam gerekli resimleri nereden bulabiliriz
Hocam konu açılalı baya oldu fakat takıldıgım bı nokta var yanyana divler ile web sitesini hazırladım fakat bılgısayardakı butun tarayıcılarda sorun yasamazken mobil cihazlarda yanyana olan divlerimden biri alt satıra geciyor ve fixed komutunu kullanıncada solunda duran divin üstüne konumlanıyo. Konu hakkında yardımcı olabilirmisiniz ?