Uzun zamandır beklenen Tablosuz Tasarım 2 videosu sizlerle… OnlineVideoEğitim.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ı
Etiketler: dreamweaver, flash, tasarım, video, web
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
Bu yazıya yapılan yorumlar için RSS beslemesi · Geri İzleme URI
