Drag Layer:
Not: Bir katman aktif durumdaysa Drag Layer eylemi kullanılmaz.Eğer kullanılmaz durumda ise (gri olarak gösterilir), <body> etiketinin seçili olduğundan emin olun.
Drag Layer iki bölümden oluşmaktadır bular Basic ve Advanced Bu ilk aşamada size Basic ‘I anlatacağız.
Basic Ekranındaki Layer ekli olan Draw layerini gösterir.
Movement:Hareket biçiminin hangi şekilde olacağını belirtir.(koordinatları kendinizde verebilrisiniz diğer seçeneği seçerseniz.
Drop Target : Draw layerini otamatik olarak bulunduğu koordinatı alır.
Snap if Within: Belirlenen genişliğie geldiğinde draw layeri istenen noktaya otomatik olarak oturucaktır(ileride detaylı şekilde görülücektir)
Yukarıkı resimde saydamızda ekli olan Draw Layerlerini görebilirsiniz.
Uygulama Adı: puzzle Yapımı
Adım3:Eklemiş olduğumuz Draw Layer’e arkaplan resmi ekleme (Bunun için Dıv tagı seçili olmalıdır ), arka plan resmi dediğim photoshop’da kesmiş olduğumuz resmin ilk parçası (Sol En üstden başlayınız) resim ekleme şekli aşağıdaki gibidir.
Mavi alanla seçili olan Bg İmage yazan bölgeye puzzelin ilk parçasının yolunu veriniz.
Adım4: Bu adımda eklemeiş olduğumuz Draw layere puzzelimizin birinci parçasını ekliyorum(mavi seçili alandada görüldüğü gibi resmin yolu (Browser) gözükmektedir.
Adım5:Şimdi Bir adet draw layer daha ekleyin ve bu layerede puzzelin ikinci paçasını ekleyin draw layere (üst şekildeki gibi)
Yukarıdaki görüldüğü gib ikinci layer’I ekledim ve layerin içine arkaplan olarak puzzelimin ikinci parçasını ekledim.
Üst şekildede görüldüğü gib draw layer lar alt alta dizilerek puzzelin bir bölümü oluşturuldu.
Şimdi puzzelin diğer parçalarınıda aynı şekilde ekleyelim.
Adım7:Puzzelin dördüncü parçasınıda yukarıda anlatılan şekilde ekleyiniz.
Adım8:Puzzelin beşinci parçası aşağıdaki gibidir.
Adım10:Resimleri Draw Tadlara ekledikden soran son görüntü şu şekildir.
Adım11:Oluşturmuş olduğumuz bu Draw Taglar Hareket edebilmesi için Tag Inspector paletinden (F9 kısayol Tuşu) faydalanacağız. Tag palatine gelin Behaviors’u seçin
Adım12: Draw layerlerden oluşturduğumuz birinci layere hareket ettirme işlemine başlayalım bunun için ilk once body Tag’ını seçiniz.ve Behaviors’a geliniz orada (+) işaretine basın ve açılan menüden Drag Layeri seçiniz ve aşağıdaki gib bir pencere açılacaktır.
-Layer yazan kısıma puzzelimizn birinci parçası olan resmin üzerinde buldunuğu divi seçiniz.
Ve Get Current position Butonuna basınız ve o sizing için otomatik olarak koordinatları versin.
Butona bastıkdan sonra dikkat edinizki aşağıda Snap if within yazan kısım otomatik olarak değer alacaktır bu değer hareket sırasında layeri belirtiğiniz koordinatların yakınından geçirirken otomatik olarak o o noktaya oturur bu mesafeyle puzzle resimlerinin yerleri belirlenecek.
Adım13:
Yukarıdaki şekilde de gözüktüğü gibi bu kooridanatlar 2 draw taga yani resmin ikinci parçasına ait.(Eğer Behaviors’da Drag Laye ‘I aktif olarak göremiyor iseniz Body Tag I aktif değildir Body tagını seçip ondan sonra Drag Layer deyiniz.).
Adım14: Bu işlemi son draw layera kadar uygulayın ve bütün layerlara uygulatın son layer aşağdıaki gibidir.
Adım15:Bütün layera Drag Layer uygulandıkdan sonra resmilerin yerlerini değişin ve save deyip kaydedin bu şekil. Ve Tarayıcıda çalıştırın.
Adım 16: Tarayıcdaki son görüntü aşağıdaki gibidir(Activex Denetimine izin vermyei unutmayınız)
Adım17: Ve son hali olarak dizilmiş hali aşağıdadır.
Dreamweaver bir HTML editöründen fazlasını bizlere sunabilen bir ortam halini aldığı şu günlerde sunucu taraflı ihtiyaçlarınız için PHP ile neler yapabileceğimiz bu makalelerde anlatmaya çalışacağız
37,159 Okunma 2 Yorum 31/08/2007 10:35:42
Snippets paneli ve araçları
31,351 Okunma Henüz yorum yapılmamış 29/05/2008 12:30:54
Set nav bar ımage, set text, show hide elements, swap ımage, swap ımage restore
31,224 Okunma Henüz yorum yapılmamış 15/05/2008 09:54:41
Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama
29,096 Okunma Henüz yorum yapılmamış 08/05/2008 10:02:36
Dreamweaver ile veri tabanına bağlanmak
26,885 Okunma 1 Yorum 14/04/2008 14:19:35
Çok değil birkaç yıl önce sayfa tasarımlarımızı yaparken ara yüz bileşenlerini tablolar kullanarak görünmez ızgaralar üzerine inşa ederdik. Bu durum; HTML yapı dilinin web tasarımcıları tarafından hatalı yorumlanmasının ve kullanılmasının bir sonucu idi. Tarayıcılar arası çekişmelerin ve tüm Internet alışkanlıklarımızı etkileyen tarayıcı savaşlarının bir sonucu olarak ortaya çıkmıştı. Fakat Web 2. 0 kavramının gündeme geldiği şu günlerde artık eski tasarım alışkanlıklarını bir kenara bırakıp modern tasarım ve web teknolojilerine cevap verecek web sayfaları tasarlamanın vakti geldi de geçiyor bile
25,996 Okunma Henüz yorum yapılmamış 06/08/2007 17:55:00
Dreamweaver ile veri tabanı bağlantısı yapma, verileri listeleme, tabloları oluşturma silme vs.
24,393 Okunma Henüz yorum yapılmamış 14/04/2008 14:20:01
Page Properties; sayfada arka plan ekleme
22,780 Okunma Henüz yorum yapılmamış 29/02/2008 10:06:33
Kayıt dizisi (recordset) ile Dreamweaver içerisinden veritabanına erişim sağlayarak, kriterlere göre ve ya istediğimiz sayıda kaydı sayfaya yazdırmak mümkün. Bizde bu makale ile veritabanı kayıt erişimlerini yakından inceleyeceğiz
21,710 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45
Deprecated menüsü, show events for, get more behavior
21,367 Okunma Henüz yorum yapılmamış 29/05/2008 12:30:04
Dreamwever yazılı sorusu
20,790 Okunma Henüz yorum yapılmamış 05/06/2008 09:16:18
Dreamweaver bindings paneli
20,767 Okunma Henüz yorum yapılmamış 05/06/2008 10:03:38
20,138 Okunma Henüz yorum yapılmamış 05/12/2007 10:53:58
20,078 Okunma 1 Yorum 10/01/2008 10:02:40
19,884 Okunma Henüz yorum yapılmamış 05/06/2008 11:08:28
Set nav bar ımage, set text, show hide ımage, swap ımage, swap ımage restore
19,866 Okunma Henüz yorum yapılmamış 15/05/2008 11:33:55
19,781 Okunma Henüz yorum yapılmamış 22/05/2008 11:05:43
Ap element sürükleme
19,504 Okunma Henüz yorum yapılmamış 18/10/2008 23:55:57
Snippets paneli ve araçları
19,331 Okunma Henüz yorum yapılmamış 19/09/2008 13:16:30
Set nav bar image, set text, show hide elements, swap image, swap image restore
19,253 Okunma Henüz yorum yapılmamış 16/05/2008 14:23:06
19,191 Okunma Henüz yorum yapılmamış 19/09/2008 12:59:00
Veri bağlantılarının yönetildiği panel
19,028 Okunma Henüz yorum yapılmamış 05/06/2008 09:11:51
Named anchor aracı ile ilgili açıklamalar
19,018 Okunma Henüz yorum yapılmamış 05/06/2008 10:18:51
Dreamweaver birçok geliştirme ortamında olduğu gibi proje bazlı çalışmalar yapmaya olanak tanıyan bir yazılımdır. Bu makalede projelerimizi DW içerisinde nasıl yönetebileceğimizi göreceğiz
18,841 Okunma Henüz yorum yapılmamış 01/09/2007 02:25:54
Dreamweaver mx de ASP çalışmak için daha önceden ASP ile uğraşmış olmak gereklidir. Her nekadar Dreamweaver Mx işimizi kolaylaştırsa da ASP 'den anlamak bazı durumlarda faydalı olacaktır. ASP öğrenmek için Dr. Hakkı ÖCAL 'ın ASP kitaplarını tavsiye ederim
18,722 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11
Belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama
18,244 Okunma Henüz yorum yapılmamış 15/05/2008 09:57:04
18,194 Okunma Henüz yorum yapılmamış 24/04/2008 13:22:54