Snippets Paneli Ve Araçları

Snippets paneli ve araçlarıödev 29

Snippets
Dreamweaver'ın sağladığı kolaylıklardan biri de Snippets paneli. Hazır kod arayanlar için tasarlanmış bu panelin içeriğinde Javascript kodları, navigasyon çubuğu örnekleri, browser scritlerini ve hazır form elemenların bulabilirsiniz.

Yapmanı gereken tek şey istediğiniz kodu seçip çift tıklamak ve Snippets metin alanından kopyalayıp scripti belgenize eklemek.

Snippets Paneli ve Araçları

Refference
Bu panelde ise PHP, SQL, ASP.NET, HTML, JAVASCRIPT gibi programlama dillerinin kullanım kılavuzu var. Bu dillerdeki komutların, fonksiyonların nasıl kullanıldığı anlatılmış.

Bu panel daha çok hazır kod parçalarını barındıran bir kod kütüphanesi gibi düşünülebilir. DW ile standart olarak birçok hazır script ve örnek kod bulunmakta: Öte yandan kendi yazdığınız kodlarla veya fonksiyonlar sayesinde de kendi kütüphanelerinizi oluşturmak mümkün. Böylece özellikle kod yazan arkadaşlar her an elinin altında kod kütüphanelerini kullanabilmekte

Snippets Aracı
İnternette sayfalarınızda kullanacağınız pek çok kodu bedava veren siteler var. Bunların çoğu Javascript üzerine hazırlanmıştır, ancak başka dillerle ilgili de hazır kodlar bulmanız mümkün. Bu kodları tekrar kullanmak için bilgisayarınızdaki dosyalara kaydedebilir yada sağda solda bulduğunuz kağıtlara yazabilirsiniz. Ancak hiçbiri DW’nin Snippets aracı kadar faydalı olamaz. Simdi son olarak kodları yazdığınız yerlere bakma zamanı geldi. Bundan sonrasını Snippets halledecek

 

Hazır kodlarla kolayca: Damlaya damlaya göl olur
Gerçek hayatta bu söz pek çoğumuza ilk başta bir şey ifade etmez. Ancak zamanla ufak birikimlerin büyüyerek en ihtiyaç duyduğumuz anda bizi ne kadar rahatlattığım hepimiz biliriz. Programı yapanların bu atasözünü nasıl söylediklerini bilmiyoruz, ancak düşündükleri tam olarak bu şekilde olmuş olmalı: Daha önce Javascript gibi sık kullanılan, ama her zaman sağda solda kalmaya mahkum olan kod parçaları artik gün yüzü görecek. Window/Snippets ile işe başlayabilirsiniz.

Yanında artılar olan pek çok klasör göreceksiniz. Bunlar DW’nin sizin için önceden hazırladığı kodlardır. Pek çoğu Javascript olmasına rağmen HTML, CFML, ASP, JSP kodlarını da ekleyebilirsiniz. Ama önce hazır kodları nasıl kullanacağımıza bakalım. Javascript klasörü altından area calculations alt klasörünü açın. Burada Area of Circle adında hazır bir kod bulunmakta. Üzerine bir kere bastığınızda önizleme penceresinde yerleştirilecek kodu görebilirsiniz.

 

Bana sayını ver sana alanını söyleyeyim
Örnek olarak çemberin alanını hesaplayan kodu kullanacağız. Çemberin alanı olmaz tabii ki. Ancak yeni bir Snippets yaratırken istediğiniz ismi verebilirsiniz. Bu isme bakan bir matematikçi yoksa yanınızda, çok da önemli değil! Bu kod Javascript ile yazıldığından script takıları arasında kalmalıdır. Bu yüzden takısından önceki bir satıra gelerek Araçlar panelinden Script sekmesine basın. Sol tarafta duran parşömen ikonu ile yeni bir script ekleyeceksiniz; ancak içeriği boş olacak, çünkü bunu birazdan Snippets halledecek.

Az önce eklediğiniz script takıları arasına gelerek, Snippets panelindeki Area of Circle ismine çift tıklayın. Kod parçası sayfanıza eklendi. Artık üzerinde biraz değişiklik yapmanın zamanı geldi. Bu kod parçası dairenin alanını hesaplıyor demiştik. Yani bizden istediği tek bilgi alanını hesaplayacağı dairenin yarıçapı. O zaman bu bilgiyi ona vermek için bir sayı üretmeli ve yollamalıyız. Bu sayede formların veriyi nasıl aldığım da görmüş olacağız.

Snippets paneli

Snippets Paneli ve Araçları
Snippets paneli

Yine sürükle bırak mantığı ile çalışan bu panel özelleştirilebilmesi açısından oldukça işe yarayacak gibi görünüyor.

Kaynak dw.gen.tr

 

14,339 Okunma Henüz yorum yapılmamış 29/05/2008 09:26:09

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

38,876 okuma,

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

Snippets paneli ve araçları

33,613 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

33,558 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

30,214 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

28,482 okuma,

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

Database paneli

27,940 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

27,196 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.

25,522 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

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

22,922 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

22,559 okuma,

Deprecated Menüsü, Show Events For, Get More Behavior
Dreamwever Yazılı Sorusu

Dreamwever yazılı sorusu

21,873 okuma,

Dreamwever Yazılı Sorusu
Bindings Paneli

Dreamweaver bindings paneli

21,830 okuma,

Bindings Paneli
Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..

21,499 okuma,

Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..
Code format araç çubuğu açıklamaları

21,215 okuma,

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

21,143 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

21,008 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

20,998 okuma,

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

Veritabanlarına erişmek

20,861 okuma,

Database Paneli
Datebases Paneli

Resimli anlatım

20,690 okuma,

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

Ap element sürükleme

20,631 okuma,

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

Snippets paneli ve araçları

20,421 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

20,341 okuma,

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

20,261 okuma,

Dreamwever Bindings Paneli
Bindings Paneli

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

20,074 okuma,

Bindings Paneli
Named Anchor

Named anchor aracı ile ilgili açıklamalar

20,025 okuma,

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

19,900 okuma,

Dreamweaver ile Site tanımlamaları
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

19,804 okuma,

ASP sayfası hazırlama
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

19,275 okuma,

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Çalışmak
Behaviors Effects Menüsü

19,212 okuma,

Behaviors Effects Menüsü
Yükleniyor...
Yükleniyor...