Konular

Map Ve İç Pencere Açmak

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. Daha büyük resim yeni web sayfası açılmadan gözükmektedir.
Öncelikle sayfamıza bir div eklemek zorundayız  sayfamıza "DIV" eklemek için "Desing" sayfamaızın üst tool barında bulunan "Layout" sekmesine tıklarız ve burdan bir "DIV" ekleyebiliriz aşağıdaki resim nasıl ekleneceğini göstermektedir.

Dreamweaver Behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana

Bu işlemimizi yaptıktan sonra örneğimizi uygulayacağımız resmimizi eklediğimiz "DIV"'in için koyuyoruz

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

bu aşamada resmimizi yerleştirmiş bulunuyoruz

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

ve daha sonra eklediğimiz resmi seçerek "desing" sayfamızın alt tool barında bylynan "image map" bölümden istediğimiz seçme alanını alarak belli bir yeri seçiyoruz

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana
Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana
ve bu işlemi yaptıktan sonra map ile seçtiğimiz yerin biyik halini yani sonradan gelicek halini aynı "DIV"ın üstüne bir "DIV" daha ekleyip resmi içine yerleştiriyoruz ve görünür özelliğini gizli yapıyoruz ki ilk çalıştırdığımızda ekranda gözükmesindiye

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana
Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

bu işlemimiz yaptıktan sonra "Desing" sayfamızın sağ tarafında bulunan "Behaviors-Efeckts-Grow/Shrink" sekmesini seçiyoruz tabiki bu işlemi yaptığımız map alanı seçiliyken yapıyoruz

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

bu sekmeye tıkladığımızda aşağıdaki ekran karşımıza çıkıyor
(aşağıdaki ekranın ne anlama geldiğini resimde açıklamış bulunuyorum...)

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

yukarıdaki pencerede önce yaptığımız map seçiliyken "GROW" efektini uyguluyoruz daha sonra "SHRİNK" efektini uyguluyoruz ki önce içe doğru gitsin sonra dışar doğru tekrar geri gelsin diye

Grow efekti: yaptığımız map seçiliyken aşağıdaki resimde gözüken ayrları yapıyoruz.
yanlız "DIV" seçtiğimiz yerde siz sonradan eklediğiniz yani büyük olan üstüne gelinince gözükücek resmin  dıvı seçilecektir bende beşinci dıv olduğu için oınu seçtim/(yanlışlık yaparsananız istediğiniz onuca varamassınız)!!!!!!!!

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

Shrink efekti:GROW efektinde yazdığım tüm bilgilerde burdada geçerlidir yani yine aynı divin benim beşinci sizin ise kaçıncıysa o divimizi seçmek zorundayız yani sonradan eklediğimiz divi seçeceğiz

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

bu işlemlerimizi yaptıktan sonra "Behaviors" bölünde 2 tane olay eklenmiş olucak bunların  "grow" yapığımız resme "MouseOver" olayına seçicez diğer yani "Shrink" yaptığımız resme ise "MouseOut" olayını seçicezki mouse seçili alan geldiğinde eklediğimiz resmin büyüğü çıksın mouse çektiğimizde ise geri gitsin diyede mouse over ekledik aşağıdaki resimde olduğu gibi olacaktır

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

bu işlemimizide tamamladıktan sonra yaptığımız örneğin uygulaması aşağıdaki gibidir bu aşağıdaki altı ifadede bu işlem uygulanmışıtr hepsi yukarıda anlattığım aynı yöntemle yapılmıştır her yei ifade için okadar "DIV" eklanmiştir

çalıştırdığımızdaki ilk hali

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

mousemuzu resmin üstğne getirdiğimizde resmin tam ortasından ikinci resim büyüyerek çıkmaktadır

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

mousemuzu resimden çektimizde bu sefer aynı şekilde küçülerek geri  gitmektedir

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Belirlediğiniz Alanlara Fare Gelince O Alanla İlgili Daha Büyültülmüş Bir Resmi Ekrana

Hazırlayan :Tolga GÜLBAKAN
Yorumunuzu Ekleyin

Database Paneli

Database paneli

26,263 Okunma 1 Yorum 05/06/2008 10:46:38

Div Çatılı sayfalar Oluşturmak

Ç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,994 Okunma Henüz yorum yapılmamış 06/08/2007 17:55:00

Recordset ile verileri sayfaya yazdırmak

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,709 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45

Bindings Paneli

Dreamweaver bindings paneli

20,766 Okunma Henüz yorum yapılmamış 05/06/2008 10:03:38

Database Paneli

Veritabanlarına erişmek

19,757 Okunma Henüz yorum yapılmamış 05/06/2008 09:12:39

Datebases Paneli

Resimli anlatım

19,655 Okunma Henüz yorum yapılmamış 06/06/2008 11:05:53

Bindings Paneli

Veri bağlantılarının yönetildiği panel

19,026 Okunma Henüz yorum yapılmamış 05/06/2008 09:11:51

Named Anchor

Named anchor aracı ile ilgili açıklamalar

19,016 Okunma Henüz yorum yapılmamış 05/06/2008 10:18:51

Dreamweaver ile Site tanımlamaları

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,840 Okunma Henüz yorum yapılmamış 01/09/2007 02:25:54

ASP sayfası hazırlama

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,717 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11

Yükleniyor...