• ana sayfa
• makaleler
• dosyalar
• forum
• kitaplar
• linkler

Dreamweaver Tasarım Düzenleri (Layout Mode) ve Serbest Çizim Teknikleri

Katmanlardan Tablolara (Serbest Çizim teknikleri)

Eğer "Layout Mode" ile çalışmanıza rağmen hâlihazırda tablolar ile sorunlar yaşıyorsanız diğer bir alternatif olan tasarımı katmanlar (layer) ile yapıp son aşamada bu katmanları tablolara dönüştürebilirsiniz.

Bu tekniği kullanmak için; öncelikle tasarımımızı "Draw Layer" seçeneği ile gönlünüzce çizerek yapıyoruz.

Katman çizme düğmesi

Katmanları çizip içlerine resim, metin ya da Flash animasyon gibi istediğiniz objeleri ekledikten sonra Tasarımımıza çeki düzen veriyoruz.

Tasarımı katmanlar ile çizip son halini veriyoruz

Son olarak Modify / Convert / Layers to Tables menüsü ile katmanları tablolara dönüştürebiliriz. Bu seçeneği seçtiğimiz anda DW bize bir iletişim penceresi ile bu dönüştürme işleminin nasıl yapılacağını soracaktır.

Layers to Table dönüşüm iletişim penceresi

• Most Accurate: Her katmanı ve katmanlar arası boşluğu bir tablo hücresine çevirir.
• Smallest: Collapse Empty Cells: "Less than .... Pixels wide" ile belirtilen değere kadar genişlikte olan katmanları veya katmanlar arası boşlukları birleştirerek tablo hücrelerini oluşturur. Bu yöntem tablolarınızın daha az hücreye sahip olmasını sağlayabilir fakat bu küçük hücrelerin birleştirilmesi ile çizdiğiniz tasarım ile birebir örtüşmeyen sonuçlarda ortaya çıkabilir.
• Use Transparent GIFs: Tabloların son satırını saydam bir GIF ile (spacer image) doldurur. Bu yöntem sütunların genişliğinin her tarayıcı için aynı olmasını sağlar. Bu seçeneği kullandığınızda sonuçta elde edilen tablonun sütun genişliklerini sürükleyip bırakarak ayarlayamazsınız, genişlikler ilk girilen değerde kalacaktır. Fakat bu seçeneği kullanmazsanız bu sütun genişliği ayarlamasını sürükleyerek yapabilirsiniz fakat bu da tarayıcılar arası genişlik farklarına yol açabilecektir.
• Center on Page: Oluşturulan tabloyu ortalayarak tam ortada çıkmasını sağlar.
• Layout tools: DW çalışma ortamını yapılandıran ayarları yapmanıza olanak sağlar.
• Prevent layer overlaps: Katmanların üst üste binmesini engeller. Bu seçeneği işaretlerseniz üst üste binen katmanlar çeşitli konumlara taşınarak en uygun pozisyonları hesaplanacaktır. Bu durum tasarımınızın beklediğinizden çok farklı sonuçlara yol açmasına sebep olabilir. Eğer bu seçeneği işaretlemezseniz ve doküman üst üste binmiş katmanlar içeriyorsa dönüşüm işlemi yapılmayacak ve uyarı mesajı belirecektir.
• Show layers panel: Katmanlar panelini görüntüler.
• Show grid: Izgarayı görünür hale getirir.
• Snap to grid: Hücreleri ızgaraya hizalar.

Eğer dönüşüm yaptığınız doküman kaydedilmemiş ise DW bu durumu size belirten bir uyarı mesajı ile dokümanın tanımlı bir site altında kayıtlı olması gerektiğini söyleyecektir.

Dönüşüm yapılacak dokümanın kayıtlı olması gerekmektedir

İşlemi tamamlayıp dönüşüm bittiğinde katmanlar özelliklerine göre birer tablo hücresine dönüştürülecek ve gerekli düzenlemeler DW tarafından yapılacaktır.

Sayfanın son halinin Dreamweaver içerisindeki görünümü

DW, bu işlemin tersine de (Modify / Convert / Tables to Layers) olanak tanımaktadır fakat bu konu hakkında herhangi bir deneyimim olmadığı için işin o kısmını size ve hayal gücünüze bırakıyorum :)

Son eklenenler

Bölüm 4 - Fancybox ile Resim Galerisi Oluşturma (111) - 31 Ağus 2010 Sal 01:06:40

Bölüm 3 - Resimleri Kategorilerine Göre Listeleme (61) - 31 Ağus 2010 Sal 01:05:12

Bölüm 2 - Upload And Resize Image With Developer ... (61) - 31 Ağus 2010 Sal 01:03:46

Bölüm 1 - Tablosuz Tasarım ( Div ) (139) - 31 Ağus 2010 Sal 01:02:06

Adobe Developer Toolbox CS4 ve Duyuru Sayfası (57) - 31 Ağus 2010 Sal 00:59:19

ana sayfa | makaleler | dosyalar | forum | kitaplar | linkler | reklam | iletişim | Prefabrik | oyun oyna | Borsa | canli imkb | mirc indir | Nakliyat ankara | ankara nakliyat | ankara web tasarım| imkb canli |

dw.gen.tr © 2010 Tüm hakları saklıdır ®