Dreamweaver CS4 | Tablosuz Tasarım 2

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ı

38 Comments

Gökhan Görkem

about 5 sene ago

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...

ertuğrul günay

about 5 sene ago

teşşekürler. hakan hoca başarılı ve faydalı bir çalışma olmuş

Serkan URHAN

about 5 sene ago

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..

By_ÖmÜr

about 5 sene ago

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 ...

Yavuz

about 5 sene ago

Ç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.

Mehmet Coşkun

about 5 sene ago

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

Mustafa Tok

about 5 sene ago

Hakan bey , cok tesekkurler.. Cok yalın ve basit bir anlatım tarzınız var. Benzerlerinizin coğalması dileği ile:)

ismail su

about 5 sene ago

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...

ışıl

about 5 sene ago

bu videonun devamı yokmu acaba?

burhan

about 5 sene ago

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....

Nihan

about 5 sene ago

Hocam, emeğinize teşekkürler. Kurstaki bilgilerimi pekiştirmiş oldum.

Mesut

about 5 sene ago

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.

Hakan Çamoğlu

about 5 sene ago

@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...

Mesut

about 5 sene ago

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 ?

Hakan Çamoğlu

about 5 sene ago

@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.

Burcu

about 5 sene ago

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..

ruchan

about 5 sene ago

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..

Hakan Çamoğlu

about 5 sene ago

@ruchan: CSS Menü Tasarımı videosunu seyredebilirsin. O videodaki anlatıma ekstra "li" etiketine "float:left" özelliği vermen yeterli.

yasir gürbüz

about 5 sene ago

Son derece sade ve anlaşılır bir şekilde anlatmışsınız... teşekkürler....

.c.c

about 5 sene ago

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 ????????????????????????????????????????????????????????????

.c.c

about 5 sene ago

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

.c.c

about 5 sene ago

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

volkan yatağan

about 5 sene ago

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….

cansu armutlu

about 4 sene ago

gerçekten çok güzel anlatım

Serkan

about 4 sene ago

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

Abdullah özdem

about 4 sene ago

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

özgür

about 4 sene ago

Teşekkürler, güzel bir çalışma olmuş.

seçkin

about 4 sene ago

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 ?

Özgür Y,

about 4 sene ago

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

Caner Abanoz

about 4 sene ago

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.

yeşim

about 4 sene ago

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

Arzu Demir

about 4 sene ago

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

ahmet

about 4 sene ago

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

aslı

about 4 sene ago

hocam yardım edermisin anasayfa yapamıyorum

mehmet ali

about 4 sene ago

iç içe şablon oluştturma yokmu çok ihtiyacım var bugün yetiştirmem lazım tşk

özgehoca

about 3 sene ago

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.

mesut kırkbir

about 3 sene ago

hocam gerekli resimleri nereden bulabiliriz

Emre Görmez

about 6 ay ago

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 ?

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked