Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Çalışmak

Belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama

Resmi dreamweavera ekleriz.

Başlıksız İçerik______________________

Resim üzerinde map ile seçmemiz gereken kısım

Başlıksız İçerik______________________

Seçiceğimiz kısımın büyütülmüş hali(150px * 190px)
Başlıksız İçerik______________________

Daha sonra 150px genişleğinde 190px yüksekliğinde bir ap divi çizeriz.
Başlıksız İçerik______________________

Sonra o dive büyütülmüş resmimizi ekleriz.

Başlıksız İçerik______________________

Daha sonra ap divini seçeriz ve sağ panelden css altından style ‘ ı acarız ordan resmin büyük halini göstereceğimiz divi seçeriz örneğin benim anlattığım örnekte bu :  apDiv2 dir. apDiv2 nin display özelliğini none yaparız.

Başlıksız İçerik______________________

Resim üzerinde map ile büyütüceğimiz kısımı seçeriz.


Başlıksız İçerik______________________

Daha sonra behaviors kısmından efects menüsünden grow/shrinki seçeriz.
Başlıksız İçerik______________________

Target elementi  apDivimizi seçeriz.
Effecti grow yaparız.
Ve en alt bölümden de toggle effecti işaretleriz.


Başlıksız İçerik______________________

Default olarak ayarlanmış olan Mouse Click olayını Mouseover olayına çeviririz.

Başlıksız İçerik______________________

Fareyi daha önceden  maple belirlemiş olduğumuz seçili alana getirdiğimizde resim büyümeye başlar. Sağ köşede bunu göstermeye çalıştım.

Başlıksız İçerik______________________

Biraz bekledikten sonra  resmin büyük haline ulaştığını görmekteyiz.

Başlıksız İçerik______________________Başlıksız İçerik______________________

KAYNAK : Şafak ÇIPLAK
 

20,298 Okunma Yorum yapılmamış 15/05/2008 09:57:04

/ Yorumunuzu Ekleyin
Görsel Liste
Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı

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

40,614 okuma,

Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

34,640 okuma,

Snippets Paneli Ve Araçları
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

Set nav bar ımage, set text, show hide elements, swap ımage, swap ımage restore

34,576 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Dreamweaver Behaviors Kullanarak Ufak Resmi Mouse Üzerine Geldiğinde Aynı Pencerede Büyütmek

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

31,186 okuma,

Dreamweaver Behaviors Kullanarak Ufak Resmi Mouse Üzerine Geldiğinde Aynı Pencerede Büyütmek
Dreamweaver İle Veri Tabanına Bağlanmak

Dreamweaver ile veri tabanına bağlanmak

30,044 okuma,

Dreamweaver İle Veri Tabanına Bağlanmak
Database Paneli

Database paneli

29,573 okuma,

Database Paneli
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

28,261 okuma,

Div Çatılı sayfalar Oluşturmak
Dreamweaver İle Veri Tabanı Bağlantısı Yapma, Verileri Listeleme, Tabloları Oluşturma Silme

Dreamweaver ile veri tabanı bağlantısı yapma, verileri listeleme, tabloları oluşturma silme vs.

26,469 okuma,

Dreamweaver İle Veri Tabanı Bağlantısı Yapma, Verileri Listeleme, Tabloları Oluşturma Silme
Page Properties penceresinden Arka Plan Ekleme

Page Properties; sayfada arka plan ekleme

25,016 okuma,

Page Properties penceresinden Arka Plan Ekleme
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

23,967 okuma,

Recordset ile verileri sayfaya yazdırmak
Deprecated Menüsü, Show Events For, Get More Behavior

Deprecated menüsü, show events for, get more behavior

23,571 okuma,

Deprecated Menüsü, Show Events For, Get More Behavior
Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..

23,436 okuma,

Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..
Dreamwever Yazılı Sorusu

Dreamwever yazılı sorusu

22,880 okuma,

Dreamwever Yazılı Sorusu
Bindings Paneli

Dreamweaver bindings paneli

22,855 okuma,

Bindings Paneli
Code format araç çubuğu açıklamaları

22,208 okuma,

Code format araç çubuğu açıklamaları
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

22,144 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Set Nav Bar Image, Set Text, Showhide Elements, Swap Image, Swap Image Restore

22,074 okuma,

Set Nav Bar Image, Set Text, Showhide Elements, Swap Image, Swap Image Restore
Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Set nav bar ımage, set text, show hide ımage, swap ımage, swap ımage restore

22,030 okuma,

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore
Database Paneli

Veritabanlarına erişmek

21,801 okuma,

Database Paneli
Datebases Paneli

Resimli anlatım

21,670 okuma,

Datebases Paneli
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Ap element sürükleme

21,660 okuma,

Behaviors Drap Ap Elements Basic Ve Advanced Menüleri
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

21,376 okuma,

Snippets Paneli Ve Araçları
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

Set nav bar image, set text, show hide elements, swap image, swap image restore

21,354 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Dreamwever Bindings Paneli

21,267 okuma,

Dreamwever Bindings Paneli
Bindings Paneli

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

21,050 okuma,

Bindings Paneli
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

20,969 okuma,

Dreamweaver ile Site tanımlamaları
Named Anchor

Named anchor aracı ile ilgili açıklamalar

20,949 okuma,

Named Anchor
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

20,875 okuma,

ASP sayfası hazırlama
Behaviors Effects Menüsü

20,193 okuma,

Behaviors Effects Menüsü
Dramweaver Databases

Dramweaver databases

19,682 okuma,

Dramweaver Databases
Yükleniyor...
Yükleniyor...