Konular

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

Set Nav Bar Image:  Set Nav Bar Image bir resim dosyası üzerine gelince değişen resimler yapabilmemize olanak sağlayan bir Dreamweavr özelliğidr.

Set Nav Bar Image

Set Nav Bar Image iki panelden oluşur bunlardan birincis Basic ekranıdır.

 

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

 

Örnek:

İlk önce sayfanıza bir kaç resim yükleyin

daha sorna behaviorsdan Set Nav Bar Image'yi seç ve daha sorna ekrandaki gibi resimleri yerleştirn

 

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

Yukardaki açıklamalara göre resimelri seçiniz.

daha sonra Tag paletinden olaylar kısmından olayları isteğe göre seçiniz.

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

Şekildeki olaylara göre ekran görüntüsü şu şekil olcuak sırasıyla

1:)

 Birinci Resimde fare resmin üzerinde deil iken olan görüntü

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

 

2:)Bu resimde ise fare imleci resimin üzerinde iken

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

 

 

3:)Bu resimde ise fare ile resme tıklandığında oluşan görüntü

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

 

Set Text:Dosya üzerineki metin işlemlerinin kullanıldığı paneldir.

Set Text Of Container:Dosya üzerindeki herhangi bir elementi kullanarak sayfamızda çalıştırmak isteddğimiz HTML kodlarını buraya yazarak çalıştırabilirsiniz.

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

    Aşağıdaki uygulama örneğinde Resime Tıklandığında Döviz bilgilerini çeken HTMLkodunu yazarak ekrana döviz bilgilerini getirebilriz.

İlk olarak bir Dıv Layer oluşturun (Herhangi bir nesnede olur)ve içine Döviz panosunu koyun ;Daha sonra Behaviorsdan Set Text Container'İ seçin ve New HTML kısmına şu kodu yazınız.

<iframe src="http://webkaynak.org/doviz/dovizbilgi.asp" width="180" height="205" scrolling="no" border="0" frameborder="0">

ve ok deiyp kaydedin ve şu şekil ekran görüntüsü oluşucaktır. 

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

Yukardaki resime tıklandığında aşağdıaki gibi Bir HTML kodu çalıştırlıcakk ve şu şek,l görüntü elde edilicektir.

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

 

Set Text Status Bar: Bir Nesne Üzerinde Bir olay yapılrıken  durum Çubuğudna Gösterilmesini istediğimiz Metin yazılır.

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

Örnek olarak Yukardaki uygulamada Döviz panosuna tıklanırken durum çubuğunda yazmasını istedğinmiz metin buraya yazılır.

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

Set Text Of Text Fİeld:Bir Text Kutus içinde aramay apılıcakken mouse olayı sonu text içinde hemen gözükücek olan text metni.

 

 

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

 

Show-Hide Elements: Bir Element veya Metin sayesinde olaylar aracılığı ile Nesnelerin Grönür veya Gizli iken gösterebilirsiniz

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

Örnek:

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

Bir metin Yazın ve Behavirosdan Show-Hide Yi seçin ve Şu şekil ayarlayın.

 

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

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

Yukardaki Gizliyi Göster Yazısını tıklandığıdna Gizli olan Div1 Tagı gözükür hale gelecektir.

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

Bu işlemleri İşinize Göre Değişik olarak Kullanabilrisniz Gözüken bir şeyi saklar Ya da Gizli olanı göstermek gibi.

 SwaP Image:

 Bir Resim dosyası üzerinde bir olay seçili iken yapılan harektler sonucu bir noktadaki resimlerin belirmesi ve görünmesi için kullanılna Behaviors davranışıdır.

 

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

Bu pencerede yer alan PreLoad Images onay kutusunu işaretlersek, ekleyeceğimiz bütün resimler yüklendikten sonra Swap Image özelliği aktif hale geçer.

Restore Images onMouseOut:onay kutusunu işaretlersek faremiz ile bir düğmenin üzerine geldiğimiz de belirlediğimiz resim ana resmin yerine geçer ama faremizi düğmenin üzerinden çekersek tekrar ana resim gözükür.

Örnek:

İlk Önce Sayfaya Bir Tablo oluşturun( 1 satır 4 sütun) ve 4 adet resim belirleyin ve resimleri şekildeki gib tabloya yerleştirin

 

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

Bu şekilden sonra Propertiesden Resimlere ism veriniz.

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

Bu işlemler sonunda Soldan İlk baştaki resmi seçiniz veBehaviorsa'a Giderek Swap Image seçeneğini seçiniz  ve daha sonra açılan pencereden şu ayarları yapınız.

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

Yukarıdaki resimde Resim dosyalarına vermiş olduğumuz isimler görülmektedir.ilk olarak başlangıç resmini seçin daha sonra Set Source To seçeneği yerien Başlangıç resmi yerine gelicek resmi seçiniz. ve ok diyip çıkınız.

bu işlemleri diğer resimlerde tekrarlayınız sırasıyla sürekli başlangıç resmi esas alınıp yapılmalıdır. ve sonuç

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

 Hazırlayan : Samet ERDEM

Yorumunuzu Ekleyin

Database Paneli

Database paneli

24,953 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

24,740 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

20,584 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45

Bindings Paneli

Dreamweaver bindings paneli

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

Datebases Paneli

Resimli anlatım

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

Database Paneli

Veritabanlarına erişmek

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

Named Anchor

Named anchor aracı ile ilgili açıklamalar

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

Bindings Paneli

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

17,940 Okunma Henüz yorum yapılmamış 05/06/2008 09:11: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

17,811 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

17,660 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11

Dramweaver Databases

Dramweaver databases

16,779 Okunma Henüz yorum yapılmamış 05/06/2008 09:23:09

Yükleniyor...