Konular

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 ımage restore anlatımı

Set Nav Bar Image:Genellikle web sayfaların üst bölünde bulunan üstüne gelinince değişen menü yapmak için kullanılır yada değişik efektler için

"Set Nav Bar Image" yapmak için öncelikle sayfamıza bir "DIV" eklememiz gerekmektedir eklemessek  bu seçeneğimiz  false yani kullanılmaz durumdadır  şimdi sayfamıza bir "DIV"  ekleyelim  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz . ben bu konuyu anlatırken bir site üst menüsü hazırlayacağım

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

Aşağıdaki gibi eklemiş oluruz ben arkaplan rengimizide değiştirdim bunu sizde yapmak isterseniz eğer "Desing" sayfamızda sağ tıklayarak açılan menüde en altta bulunan "Page Properties " sekmesinden gereçeklerştirmemiz mümkündür

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

Ve bu işlemimizide yaptıktan sonra şimdi "DIV"ımizin içine resim eklioruz aşağıdaki gibi resmimizi yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

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

Eklediğimiz resim aşağıda gözükmektedir ben site menüsü yaptığım için üç "DIV" ve üç resim ekliyorum

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

Bu işlemimizide yaptıktan sonra şimdi sıra "Desing " sayfamızın sağ tarafında bulunan "Behaviors" sekmsinden "Set Nav Bar Image" seçeneğine tıklıyoruz

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

Bu işlemimizden sonra bu seçeneğimiz tıkladıktan sonra aşağıdaki pence karşımıza çıkmaktadır  pencerenin açıklamaları üstündedir ve bu pencerede iki seçenek vardır "Basic" ve "Advenced" bölümleri

Basic:bu bölümde resimleri yüklüyoruz

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

Advenced:bu bölümden ise daha prfesyonel işer yapabilriz

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

bur daki ayarlamalarımızıda yaptıktan sonra işimiz bitmiş oluyor ben üst menü yaptığım için üç seçeneğim var  bunun için bu olayı her resim için  yapmak zorundayım  işimizin bitmiş hali aşağıdaki gibidir

 sayfamız ilk açıldığında

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

mouse menümüzün üstüne getirdiğimiz aman oluşan görüntü

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

 

 Set Text:Sayfamızın bazı yerlerine bırakmak istediğimiz yazılar yada bi olay sonucu yazılacak açıklamalar yazmak için kullanırız

Bu olayları kullanmamız  için öncelikle sayfamıza bir "DIV" eklememiz gerekmektedir eklemessek  bu seçeneğimiz  false yani kullanılmaz durumdadır  şimdi sayfamıza bir "DIV"  ekleyelim  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz .

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

eklediğimiz div aşağıdadır

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

Bu işlemimizden sonra dıv'ımin içine bir resim ekliyoruz resmimizi yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

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

 

Bu işlemimizden sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden "Set Text" seçeneğine tıklarız

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

Ve seçtiğimiz seçeneğe göre bir pencere açılacaktır bu seçenek dörde ayrılmaktadır

Set Text Of Container:containerin içindeki mesajdır yani sitelerde olan teşekkür mesajıdır bi nevi bu seçenekte aşağıdaki gibi bir mesaj yazdım ve bu işlem eklediğim resme tıklandığı anda gerçekleşecek

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

 mouse ile tıklamadan önce                                                                      mouse ile tıkladıktan sonra

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

 

Set Text Status Bar:durum çubuğu mesajı yazmak için kullanılır anlatılıcak fazla bir sey bulunmamaktadır

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

yazdıktan sonra durum çubuğunda kendi ismim ve soy ismim bulunmaktadır aşağıda olduğu gibi

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

Set Text Of TextField:Belirlediğimiz yerlerde olay kullanrak yazı yamamızı sağlar.

Bu olayımızı uygulamak için öncelikle üst toola barımızdan "Forms" bölünden "Text Field"ekliyoruz

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

bu ilemi yaptıktan sonra sayfamızda aşağıdaki gibi bir sey çıkacaktır

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

Ve daha sonra sağ tarafta bulunan "Behaviors" sekmesinden seçeğimiz seçeriz

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

 bu işlemlerden sonra aşağıdaki gibi bir görünüme sahip olmaktayız

sayfa ilk açıldığında                                          mouse ile tıkladığımızda

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

   Show Hide Image: resmimizi belirlediğimiz olay doğrultusunda kaybetmek için kullanırız

öncelikle yine her zman olduğu gibi bir "dıv"  ekliyoruz  sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

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

  Dıv'ımizin eklenmiş hali

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

Bu işelemimizden sonra dıvımizin içine bir esim ekliyoruz yine üst tool barda bulunan "Common" seçeneğinde "image simgesine " tıklayarak ekliyoruz

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

 aşağıdaki resmi eklemiş bulunmaktayım

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

bu işlemimizinde yaptıktan sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden" Show Hide Image" seçeneğini seçiyoruz

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

 aşağıdaki pencere karşımıza çıkmaktadır

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

 

ayarlarımızı yaptıktan sonra aşağıdaki gbib bir görüntü oluşturmaktadır

mouse tıklamadan önce                                                                         moseuya tıkladıktan sonra

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

 

Swap Image:resmimizin üstüne geldiğimizde o resmimizin değişmesi yani resim geçişi slayta diyebilriz

Bu olayımızı gereçekleştirmek için önce bir "Dıv" eklemeliyiz sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

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

Dıvmizi ekledik ve sayfamızda şöyle bir görüntü oluşur

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

  Bu işlemimizide yaptıktan sonra dıvımizin içine bir resim ekliyoruz sayfamızın üst tool barında bulunan "Layout" sekmesinde "DIV" ekleyebiliriz

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

  eklediğimiz resim aşağıdaki gibidir

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

bu işelemimzide yaptıktan sonra sayfamızın sağ tarafında bulunan "Behaviors" sekmesinden "Swap Image" seçeneğini tıklarız ve karşımıza aşağıdaki pencere açılmaktadır

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

burda eklediğimiz resme tıklandığında hangi resmi geçişi olcağını ayarlarız bu ayarımızda yaptıktan sonra uygulamamız aşağıdaki gibidir

sayfamız yüklendiği zmanki resim

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

mouse ile üstüne geldiğimiz zaman değişen resim

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

Swap Image Restore:swap yaptığımız resmi olayını kaldırmak için kullanırız yani bunu yaptığımızda resmin üstüne fareile girip çıktığımızda resim değişmektedir

örnek yapılmasına gerek duymadım çünkü swap ımage restoreye tıkladığınızda okey tuşuna basacaksınız ve bastığınızda olayını eklenmiş olcak bunu sizde förebilrizsiniz

 

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,756 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...