Dreamweaver CS4 | Tablosuz Tasarım
30 Eki 2009 | Kategori: Adobe Dreamweaver, HTML ve CSS
(36 oy)
Loading ...Tablosuz Tasarım (Tableless Design) terimini sık sık duymuşsunuz! 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…
- DIV kullanarak web arayüzü hazırlamak
- Genel CSS kullanımı
- Sayfa özelliklerini ayarlamak
Faruk
30. Eki, 2009
Hocam bu video benim için mi
admin
31. Eki, 2009
Bütün Faruklar için
Bilal
18. Ara, 2009
Bende bir Faruk’um
üstad müthiş anlatım, bilgisayar kullanmayı bile bilmeyen yapabilir
çok çok çoookkk teşekkürler…
Bilal
18. Ara, 2009
Hocam bir sorum olucak, yanlış olabilir sorum kusuruma bakma
bu “div”lerin verilerini el ile giriyoruz OK., Peki “Draw Ap Div” ‘de de el ile girildiği kadar detaylı yapabilirmiyiz.
Örneğin;
, “#apDiv2″ “1′in altında kalıyor 
(yanlış birşeymi yapıyorum, yoksa böyle bir şansım yokmu!)
Ben “Draw Ap Div” ile yapmaya çalıştığımda ” #apDiv1″ in iç tarafına “#apDiv2″ yi çizemiyorum
admin
18. Ara, 2009
Merhaba Bilal,
Draw AP Div ile Insert DIV Tag birbirinden ayrı işler yaparlar. Yani aynı sonucu ondan da elde edemezsin.
Draw AP Div deki AP bölümü, Absolutely Positioning yani mutlak konumlandırılmış anlamına gelir ve kendini diğer nesneleri algılamadan konumlandırır. Onun kullanım yeri farklıdır. Örn. sitenin üstüne reklam koymak için vs. onu kullanabilirsin. Ama siteyi hazırlarken Insert DIV Tag kullanılmalı…
Mustafa
19. Ara, 2009
hakan hocam öncelikle verdiğiniz bilgiler için çok teşekkür ediyorum gerçekten tek kelimeyle harika. Fakat benim size bir sorum olacak ben sizin vermiş olduğunuz bilgileri bilgisayarda DW CS4 te aynen uyguladım fakat takıldığım bi yer oldu mesela siz div kullanarak tasarım yaparken sayfa_üst, sayfa_alt gibi bölümler oluşturdunuz ve bu bölümlerin içine de alt bölümler oluşturdunuz. Fakat oluşturduğunuz bölümler hep alt alta eğer yan yana bölümler oluşturmak istersek örnek olarak sayfa_orta diye bir bölüm oluşturduk ve bu bölümün içine de sayfa_orta_sol, sayfa_orta_orta, sayfa_orta_sağ diye bölümler oluşturmak istiyoruz bunu nasıl yapabiliriz ? ben yapmaya çalıştım bir türlü yapamadım. Bi yardımcı olursanız sevinirim. Cevabınızı bekliyorum. Şimdiden teşekkürler. iyi çalışmalar….
Bilal
20. Ara, 2009
aslında Mustafa ile problemlerimiz hemen hemen aynı.
.
…
Yani o gördüğümüz deli dolu HTML sitelerdeki tablolarda bu şekildemi hazırlanıyor? Ben yinede “Draw Ap Div” ile birşeyler yapmaya çalışıyorum ama div’leri birbirine birleştirmek-hizalamak biraz sıkıntı yapıyor bende.
Ya tek yapmak istediğim , resmi veya dökümanlarımı istediğim yere yazabilmek-koyabilmek. Çok şeymi istiyorum
Photoshop’tada çok güzel template’ler hazırlıyorum fakat bunları Dreamweaver’a upload edemiyorum,yani istediğim gibi yapamıyorum.Biliyorum,belkide size göre çok küçük problemler bunlar, ama beni acaip yoruyor
bilal
22. Ara, 2009
mustafa ile benim yukarıda anlatmak istediğimiz sorunun resmini göndermek istiyorum. Kısaca sorum :
- Div Tag’ları yanyana nasıl yapabiliriz?
- “Insert Div Tag” dediğimizde karşımıza “Insert” bölümünde 4 seçenek çıkıyor.Bunlardan hangisini seçmemiz gerekiyor?
Resmi incelerseniz sevinirim,yanıtınızı bekliyorum.Teşekkürler
http://img704.imageshack.us/img704/9954/tablob.jpg
Faruk
23. Ara, 2009
Hocam Anlatımınız Gerçekten Çok Güzel… Siteniz Geniş Bir İçeriğe Sahip ve Çok Yardımcı Oluyo. Emeği Geçen Herkese Teşekkürler.
Faruk
23. Ara, 2009
Bilal Kardeşim Ben Web Tasarımı Öğrencisiyim Fazla Bilgim Yok Ama Bildiğim Kadarıyla Div Tagları Blog Eleman Oldukları İçin Yan Yana Yapılacaklarını Pek Sanmıyorum.
Bilal
23. Ara, 2009
Farun ben yaptım,artık DIV’lerle ilgili hiçbirsorunum kalmadı.İstediğim yere istediğim kadar koyabiliyorum. FAKAAATT, bu iş gerçektende vakit isteyen bir iş, öyle PAINT’te yan yana kare çizmeye benzemiyor
…Olabildiğince çok bilgi okuyorum bunun hakkında. Umarım bu DIV TAG’lar birgün “DRAW ap DIV” seçeneğinde yapabildiğimiz kadar kolay olur. Belkide vardır haberim yok.
(
İstediğim yere istediğim şekilde;
- DIV’ler oluşturmak
- Resimleri yerleştirmek
- Yazıları yazmak
vs. bu gibi şeyleri herkes bu şekildemi yapıyor? Millet neler yapıyor,biz daha 2 tane tabloyu yan yana koymaya çalışyıoruz
Ahhh HAKAN ABİ ahhh. zamanında öğrenicektim bunları senden
(
Mustafa
23. Ara, 2009
Arkadaşlar yan yana bölüm oluşturmanın nasıl yapılacağını buldum aynı yatay menü oluşturma işleminde olduğu gibi oluşturacağımız bölümün css özellikleri ayarlarken Float bölümünde left olarak ayarlıyarak bölümleri yan yan ekliyoruz.
yusuf ziya
24. Ara, 2009
Tek kelime ile mükemmel. Ağzınıza emeğinize sağlık…
Güney
01. Oca, 2010
Tam da bunu aradığım zaman karşıma çıktınız. Süpersiniz. Anlatım süper, her şey süper, bana da bunu uygulamak düşer!
Veli
10. Oca, 2010
Bilal kardes iyi guzel bulmussunda bizimlede paylassan olmazmiydi. Burdan bilgi almak guzel ama vermekte lazim.
Mustafa, ben anlamadim
“Float bölümünde left olarak ayarlıyarak bölümleri yan yan ekliyoruz.” demissin,
messela ben bir tag kurdum onun sagina bir tane daha yapicam. bu yeni yapacagim tagin floatinimi left yapacam yoksa ilk taginmi yoksa ikisinin birdenmi. ben beceremedim
Veli
10. Oca, 2010
Cevabi burda buldum. Bilal gibi kendime saklamayip sizlerlede paylasiyorum
http://www.makaleci.com/html-yazilari-tag-etiket-kullanim/div-yerlesimleri-hakkinda-detayli-anlatim-ornek-resim-176.html
Cemalettin GÖÇMEN
13. Oca, 2010
hocam kolay gelsin öncelikle piyasada hiç bulunmayan ama benim gibi amatörlerin işine oldukça yarayan detay eğitimler verdiğiniz için saolun bende tablelerle kendi çapımda bişeyler yapmaya çalışan biriyim ancak sorun oldukça çok çıkıyo. Sorum şu dikkat ettiğim kadarıyla siz menüleri hep alt alta yapmınız ama divlerle yan yana açılan bir menü hiçbiyerde bulamadım div içine table ekleyerek yapıyorum div kullanmamın anlamı kalmıyo:) inşallah en kısa sürede bunu da sitenize eklersiniz çünkü şuan tek takıntım o kaldı onu eklediğiniz an tasarımımı yapmaya başlayacağım HEP BÖYLE OLMAYANI BULUNMAYANI VE YARARLANANI PAYLAMANIZ DİLEĞİYLE ilginize teşekkür ediyorum
ugur
16. Oca, 2010
hocam ben yine yazmadan duramayacağım neden ben seni daha önce tanımadım
ya bi insan anlatırda böylemi anlatır… inanın daha öncede size söylemiştim web dizayndan hiç anlamıyordum ama siz beni o kadar teşfik ettinizki bu işe inanın bırakamıyorum ve şuan bu işin olmazsa olmazı olan kodlarını öğrenmeyi kafaya koydum keşke ama keşke bu işede el atmış olsaydınız çünkü sizin anlatımınız çok farklı. kalıcı oluyor siz anlatırken sanki bilgilerinizi bizim beynimize sağ click+copy+past yapıyorsunuz 
) ama hocam şunuda söylemeden geçemiyeceğim bazı videolarınızda diyorsunuzya adobe ile web dizayn çok daha kolay filan Hocam bence siz olmadan adobe’da bizi paklamaz 
)) Allah sizden razı olsun kurtulamayacaksın benden gölge gibi takipcinizim hocam 
googlede gizli çekimlerinizi bile araştırcam 
) Saygılar hocam emeğinize ve yüreğinize sağlık hep bizimle kalın
admin
16. Oca, 2010
Güzel yorumun için teşekkürler Uğur. Böyle şeyler duymak insanın istediğini daha da arttırıyor
meto
23. Oca, 2010
üstat harikasın mükemmel anlatıyorsun gerçekten seni tebrik ediyorum (yaşım 45 matematik öğretmeniyim.Ders anlatış tarzınına hasta oldum.) Böyle şeyler emeksiz kalmamalı…….yüreğine ağzına sağlık..
ali
02. Şub, 2010
selam arkadaşlar öncelikle eğitim videoları için çok teşekkürler harika anlatmış hakan hoca. Benimde sorunum divleri yanyana sıralamak fakat veli arkdaşımızın verdiği linkte kodlar için başka bir sayfaya yönlendirme var o linkte çalışmıyor konu hakkında bilgi verebilecek olan varsa sevinirim
ali
02. Şub, 2010
nihayet bi çözüm bulabildim
aşşağıdaki kodları girerseniz dw nin code bölümüne divlerin yanyana geleceğini görebilirsiniz arkdaşlar istediğiniz gibi oynamada yapabilirsiniz daha sonra ihtiyacı olan vardır belki faydalı olur umarım
#dis_bolme {
width: 500px;
height:250px;
background-color: #666
}
.ic_bolme{
float:left;
width:150px;
height:150px;
border:#CCC solid 1px;
background-color: #F00;
margin-right: 10px;
margin-left: 4px;
Bölme1
Bölme2
Bölme3
ali
02. Şub, 2010
kodları üstte yazdım ama düzgün çıkmamış detaylı anlatım olan linki veriyorum mecburiyetten
http://www.sanalkurs.net/divleri-yan-yana-siralama-3731.html
destan
13. Şub, 2010
Tablolardan cok cektim sizin sayenizde bundan kurtuldum tebrik ederim devamını dilerim
h
16. Mar, 2010
hakan bey
d’v lerin disina birsey yazmak istersem nasil yazacam
Rıdvan Coşkun
23. Nis, 2010
TABLOLU TASARIMDAN VAZGEÇMEM DİV KULLANIMI DİYE BİZİ YEMEYİN DİVLERLE ÇALIŞMAK İLERİDE DÜZENLEME YAPMAK İÇİN İŞİ İYİCE KARMAŞIKLAŞTIRIYOR BİNLERCE DİVDEN OLUŞAN KARMAŞIK BİR YAPIYA BÜRÜNÜYOR HANGİ BİRİNİN ADINI HATIRLAYACAKLAR ACABA SORUYORUM TABLOSUZ TASARIM DÜŞÜNÜLEMEZ DİVLERDE ELBET GEREKLİ AMA HENÜZ DİVLER YALNIZ BAŞINA KULLANILACAK KADAR YETERLİ DEĞİLLER DİVLERDE EN ÇOK DİKKAT ÇEKEN OLAY KULLANICILARIN
1 DİVLERDE ÜST ÜSTE YAPIMINDA ZORLUK ÇEKMELERİ
2 DİVLERİN ÇOĞALDIKÇA KARMAŞIKLAŞMASI
3 SİTENİN GÖRÜNÜM GÜNCELLEMESİ YAPILDIĞINDA ÖZELLİKLE VERİLEN EMEKLERİN DAHA ÇOK OLMASI
4 DİVLERDE TABLODAKİ GİBİ KOLAY ORTALAMA YAPILAMAMASI
5…
6….
DAHA BİR SÜRÜ SAYILABİLECEK NEDEN DİVLERİ YERİNDE VE ASGARİ KULLANIMA İTİYOR.
ADOBE FİRMASINDAN DİVLERLE ÇALIŞMAYI TABLOLARDAKİ GİBİ KOLAY VE SADE BİR ŞEKİLDE YAPMAMIZA İMKAN VERECEK YENİ ÇALIŞMALAR BEKLİYORUZ.
kabalık ettimse özürdilerim ama bu arkadaşın anlatımında biraz hava atma havası vardı bunları da biraz o arkadaşa itafen yazdım..
ali
10. Haz, 2010
yürüü bee
)
Yiğit
17. Haz, 2010
süper =D