- Dreamweaver Kullanıcı Kılavuzu
- Giriş
- Dreamweaver ve Creative Cloud
- Dreamweaver çalışma alanları ve görünümleri
- Site kurma
- Dreamweaver siteleri hakkında
- Sitenizin yerel bir sürümünü kurma
- Yayımlama sunucusuna bağlanma
- Test sunucusu kurma
- Dreamweaver site ayarlarını içe ve dışa aktarma
- Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
- Dreamweaver'daki erişilebilirlik özellikleri
- Gelişmiş ayarlar
- Dosya aktarmak için site tercihlerini ayarlama
- Dreamweaver'da proxy sunucu ayarlarını belirtme
- Dreamweaver ayarlarını Creative Cloud ile senkronize etme
- Dreamweaver'da Git'i kullanma
- Dosyaları yönetme
- Dosyaları oluşturma ve açma
- Dosyaları ve klasörleri yönetme
- Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
- Dosyaları teslim etme ve teslim alma
- Dosyaları senkronize etme
- Dosyaları farklılıklar açısından karşılaştırma
- Dreamweaver sitenizde dosya ve klasör perdeleme
- Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
- Olası Gatekeeper zaafını önleme
- Mizanpaj ve tasarım
- Mizanpaj için görsel yardımcılar kullanma
- Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
- Bootstrap kullanarak dinamik web siteleri tasarlama
- Dreamweaver'da ortam sorguları oluşturma ve kullanma
- Tablolara sahip içerik sunma
- Renkler
- Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
- Dreamweaver'da Extract
- CSS
- Basamaklı Stil Sayfaları'nı anlama
- CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
- Dreamweaver'da CSS ön işlemcilerini kullanma
- Dreamweaver'da CSS Stili tercihlerini ayarlama
- Dreamweaver'da CSS kurallarını taşıma
- Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
- Div etiketleriyle çalışma
- Arka plana degradeler uygulama
- Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
- Kodu formatlama
- Sayfa içeriği ve varlıklar
- Sayfa özelliklerini ayarlama
- CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
- Metinle çalışma
- Metni, etiketleri ve nitelikleri bulma ve değiştirme
- DOM paneli
- Canlı Görünüm'de düzenleme
- Dreamweaver'da belgeleri kodlama
- Belge penceresinde öğe seçme ve görüntüleme
- Özellik denetiminde metin özelliklerini belirleme
- Web sayfası üzerinde yazım denetimi gerçekleştirme
- Dreamweaver'da yatay cetveller kullanma
- Dreamweaver'da font birleşimlerini ekleme ve değiştirme
- Varlıklarla çalışma
- Dreamweaver'da tarih ekleme ve güncelleştirme
- Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
- Dreamweaver'da görüntü ekleme ve düzenleme
- Medya nesneleri ekleme
- Dreamweaver'da video ekleme
- HTML5 video ekleme
- SWF dosyaları ekleme
- Ses efektleri ekleme
- Dreamweaver'da HTML5 ses ekleme
- Kitaplık öğeleriyle çalışma
- Dreamweaver'da Arapça ve İbranice metin kullanma
- Bağlama ve gezinme
- jQuery bileşenleri ve efektleri
- Web sitelerini kodlama
- Dreamweaver'da kod yazma hakkında
- Dreamweaver'da kodlama ortamı
- Kodlama tercihlerini ayarlama
- Kod rengini özelleştirme
- Kod yazma ve düzenleme
- Kod ipuçları verme ve kod tamamlama
- Kodu daraltma ve genişletme
- Parçacıklar ile kodu tekrar kullanma
- Lint kodu
- Kodu en iyileştirme
- Tasarım görünümünde kod düzenleme
- Sayfaların başlık içeriğiyle çalışma
- Dreamweaver'da sunucu tarafı içerikleri ekleme
- Dreamweaver'da etiket kitaplıkları kullanma
- Dreamweaver'a özel etiketleri içe aktarma
- JavaScript davranışlarını kullanma (genel talimatlar)
- Yerleşik JavaScript davranışları uygulama
- XML ve XSLT hakkında
- Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver'da XSLT için karakter varlıkları ekleme
- Kodu formatlama
- Ürünler arası iş akışları
- Dreamweaver uzantılarını yükleme ve kullanma
- Dreamweaver uygulama içi güncelleştirmeleri
- Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
- Fireworks ve Dreamweaver ile çalışma
- Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
- Dreamweaver-Business Catalyst entegrasyonu
- Kişiselleştirilmiş e-posta kampanyaları oluşturma
- Şablonlar
- Dreamweaver şablonları hakkında
- Şablonları ve şablon tabanlı belgeleri tanıma
- Dreamweaver şablonu oluşturma
- Şablonlarda düzenlenebilir bölgeler oluşturma
- Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
- Şablonlarda isteğe bağlı bölgeler kullanma
- Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
- Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
- Şablonları düzenleme, güncelleştirme ve silme
- Dreamweaver'da xml içeriğini dışa ve içe aktarma
- Mevcut bir belgenin şablonunu uygulama veya kaldırma
- Dreamweaver şablonlarındaki içerikleri düzenleme
- Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
- Şablon bölgeleri için vurgulama tercihlerini belirleme
- Dreamweaver'da şablon kullanmanın avantajları
- Mobil ve çoklu ekran
- Dinamik siteler, sayfalar ve web formları
- Web uygulamalarını anlama
- Bilgisayarınızı uygulama geliştirme için ayarlama
- Veritabanı bağlantılarında sorun giderme
- Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
- Dinamik sayfalar tasarlama
- Dinamik içerik kaynaklarına genel bakış
- Dinamik içerik kaynaklarını tanımlama
- Sayfalara dinamik içerik ekleme
- Dreamweaver'da dinamik içeriği değiştirme
- Veritabanı kayıtlarını görüntüleme
- Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
- Dreamweaver'da özel sunucu davranışı ekleme
- Dreamweaver ile form oluşturma
- Kullanıcılardan bilgi toplamak için formları kullanma
- Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
- Web formları oluşturma
- Form öğeleri için geliştirilmiş HTML5 desteği
- Dreamweaver uygulamasını kullanarak bir form geliştirme
- Uygulamaları görsel olarak oluşturma
- Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
- Arama ve sonuç sayfaları oluşturma
- Kayıt ekleme sayfası oluşturma
- Dreamweaver'da güncelleme kaydı sayfası oluşturma
- Dreamweaver'da kayıt silme sayfaları oluşturma
- Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
- Kayıt sayfası oluşturma
- Oturum açma sayfası oluşturma
- Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
- Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
- Dreamweaver'da ColdFusion bileşenleri kullanma
- Web sitelerini test etme, önizleme ve yayımlama
- Sorun giderme
Dreamweaver ve sonraki sürümlerinde kullanıcı arabirimi basitleştirilmiştir. Sonuç olarak, bu makalede açıklanan seçeneklerden bazılarını Dreamweaver ve sonraki sürümlerinde bulamayabilirsiniz. Daha fazla bilgi için bu makaleye bakın.
Özel sunucu davranışları hakkında
Dreamweaver uygulaması, bir siteye kolayca dinamik özellikler ekleyebilmenizi sağlayan, yerleşik bir sunucu davranışları kümesi ile gelir. Geliştirme gereksinimlerinize uygun sunucu davranışları oluşturarak veya Dreamweaver Exchange web sitesinden sunucu davranışları elde ederek Dreamweaver işlevlerini genişletebilirsiniz.
Kendi sunucu davranışlarınızı oluşturmadan önce, web sitenize eklemek istediğiniz işlevi sağlayan sunucu davranışının başka biri tarafından oluşturulup oluşturulmadığını görmek için Dreamweaver Exchange web sitesine bakmanız gerekir. Çoğu zaman gereksinimlerinizi karşılayacak bir sunucu davranışı bir üçüncü taraf geliştirici tarafından oluşturulmuş ve test edilmiştir.
Access Dreamweaver Exchange
-
Dreamweaver uygulamasında aşağıdaki yöntemlerden birini kullanarak Dreamweaver Exchange hedefine erişin:
Yardım > Dreamweaver Exchange'i seçin.
Pencere > Sunucu Davranışları seçeneğini belirleyin, Artı (+) düğmesini tıklatın ve Başka Sunucu Davranışları Al'ı seçin.
Tarayıcınızda Dreamweaver Exchange web sayfası açılır.
-
Adobe ID kullanarak Exchange sayfasında oturum açın veya henüz bir Dreamweaver Exchange Kimliği oluşturmadıysanız, Adobe hesabı açmak için yönergeleri izleyin.
Dreamweaver yazılımında sunucu davranışı veya başka bir uzantı yükleme
-
Komutlar > Uzantıları Yönet seçeneğini belirleyerek Extension Manager uygulamasını başlatın.
-
Extension Manager uygulamasında Dosya > Uzantıyı Paketle'yi seçin.
Daha fazla bilgi için bkz. Extension Manager uygulamasını kullanma.
Özel sunucu davranışları iş akışı
ColdFusion, JavaScript, VBScript veya PHP uygulamalarında yetkin bir web geliştiricisi iseniz, kendi sunucu davranışlarınızı yazabilirsiniz. Sunucu davranışı oluşturma adımları aşağıdaki işleri içerir:
Gerekli eylemi gerçekleştiren bir veya daha çok kod bloğu yazın.
Kod bloğunun sayfanın HTML kodu içinde nereye ekleneceğini belirtin.
Sunucu davranışı parametre için bir değerin belirtilmesini gerektiriyorsa, davranışı uygulayan web geliştiriciden uygun bir değer sağlamasını isteyen bir iletişim kutusu oluşturun.
Başkalarının kullanımına sunmadan önce sunucu davranışını test edin.
Sunucu Davranışı Oluşturucu'yu kullanma
Davranışın sayfaya eklediği kod bloğunu veya bloklarını eklemek için Sunucu Davranışı Oluşturucu'yu kullanın.
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve Yeni Sunucu Davranışı'nı seçin.
-
Belge Türü açılır menüsünden sunucu davranışını geliştirdiğiniz belge türünü seçin.
-
Ad kutusuna sunucu davranışının adını girin.
-
(İsteğe Bağlı) Varolan bir sunucu davranışını oluşturduğunuz davranışa eklemek için Varolan Sunucu Davranışını Kopyala seçeneğini belirleyin ve ardından Kopyalanacak Davranış açılır menüsünden sunucu davranışını seçin. Tamam'ı tıklatın.
Sunucu Davranışı Oluşturucu iletişim kutusu görüntülenir.
-
Yeni kod bloğu eklemek için Artı (+) düğmesini tıklatın, kod bloğu için ad girin ve Tamam'ı tıklatın.
Girdiğiniz ad, uygun komut dosyası etiketleri Kod bloğu kutusunda görünecek şekilde Sunucu Davranışı Oluşturucu'da görünür.
-
Kod Bloğu kutusuna sunucu davranışını uygulamak için gerekli çalışma zamanı kodunu girin.Not:
Kodu Kod Bloğu kutusuna girerken her adlandırılmış kod bloğu için tek etiket veya kod bloğu girebilirsiniz (örneğin, myBehavior_block1, myBehavior_block2, myBehavior_blockn vb.) Birden çok etiket veya kod bloğu girmeniz gerekiyorsa her biri için bireysel bir kod oluşturun. Ayrıca başka sayfalardan da kod kopyalayabilir ve yapıştırabilirsiniz.
-
Ekleme noktasını parametreyi eklemek istediğiniz kod bloğuna yerleştirin veya parametre ile değiştirilecek bir dize seçin.
-
Kod Bloğu düğmesinde Parametreler Ekle'yi tıklatın.
-
Parametre Adı kutusuna parametre için bir ad girin (örneğin, Oturum) ve Tamam'ı tıklatın.
Parametre, parametreyi tanımlamadan önce ekleme noktasına yerleştirdiğiniz yerdeki kod bloğuna eklenir. Dize seçtiyseniz, kod bloğunda seçilen dizenin her örneği parametre işaretleyici ile değiştirilir (örneğin, @@Session@@).
-
Kod Ekle açılır menüsünden bir seçeneği belirleyerek kod bloklarını katıştırmak istediğiniz yeri belirtin.
-
(İsteğe Bağlı) Sunucu davranışı hakkında ek bilgiler belirtmek için Gelişmiş düğmesini tıklatın.
-
Daha fazla kod bloğu oluşturmak için 5-11 arasındaki adımları tekrarlayın.
-
Sunucu davranışı parametrenin size sağlanmasını gerektiriyorsa, davranışı uygulayan kişiden parametreler kabul eden bir iletişim kutusu oluşturmanız gerekir. Aşağıdaki bağlantıya bakın.
-
Sunucu davranışını oluşturmak için gerekli adımları gerçekleştirdikten sonra Tamam'ı tıklatın.
Sunucu Davranışları panelinde sunucu davranışı listelenmektedir.
-
Sunucu davranışını test edin ve düzgün çalıştığından emin olun.
Gelişmiş seçenekler
Kaynak kodunu belirleyip her kod bloğu için yeri ekledikten sonra sunucu davranışı tamamen tanımlanmış olur. Çoğu durumda ek bilgiler tanımlamanız gerekmez.
Gelişmiş bir kullanıcıysanız aşağıdaki seçeneklerden birini ayarlayabilirsiniz:
Tanımlayıcı
Kod bloğunun tanımlayıcı olarak işlem görmesi gerekip gerekmediğini belirler.
Varsayılan olarak her kod bloğu bir tanımlayıcıdır. Dreamweaver uygulaması belgenin herhangi bir yerinde bir tanımlayıcı kodu bulursa, davranışı Sunucu Davranışları panelinde listeler. Kod bloğunun tanımlayıcı olarak işlem görmesi gerekip gerekmediğini belirlemek için Tanımlayıcı seçeneğini kullanın.
Sunucu davranışının kod bloklarından en az biri tanımlayıcı olmalıdır. Kod bloğu aşağıdaki koşullardan biri geçerliyken bir tanımlayıcı olmamalıdır: Aynı kod bloğu başka bir sunucu davranışı tarafından kullanılıyor veya kod bloğu o kadar basit ki sayfada kendiliğinden kullanılabilir.
Sunucu Davranışı Başlığı
Sunucu Başlığı panelindeki davranışın başlığını belirtir.
Tasarımcı Sunucu Davranışları panelindeki Artı (+) düğmesini tıklattığında, yeni sunucu davranışını başlığı açılır menüde görünür. Tasarımcı belgeye bir sunucu davranışını örneğini uyguladığında davranış Sunucu Davranışları panelindeki uygulanan davranışlar listesinde görünür. Artı (+) açılır menüsünün ve uygulanan davranışlar listesinin içeriğini belirtmek için Sunucu Davranışı Başlığı kutusunu kullanın.
Kutudaki ilk değer, Yeni Sunucu Davranışı iletişim kutusunda sağladığınız addır. Parametreler tanımlandıkça ad otomatik olarak güncelleştirilerek parametrelerin sunucu davranışını adından sonra parantez içinde görünmesi sağlanır.
Set Session Variable (@@Name@@, @@Value@@)
Kullanıcı varsayılan değeri kabul ederse, parantezden önceki, her şey Artı (+) açılır menüsünde görünür (örneğin, Oturum Değişkenini Ayarla). Ad artı parametreler uygulanan davranışlar listesinde (örneğin, Oturum Değişkenini Ayarla ("abcd", "5")) görünür .
Seçilecek Kod Bloğu
Kullanıcı Sunucu Davranışları panelinde davranışı seçtiğinde hangi kod bloğunun seçileceğini belirler.
Sunucu davranışı uyguladığınızda davranışın içindeki kod bloklarından biri “seçilecek kod bloğu” olarak atanır. Sunucu davranışı uygulayıp daha sonra davranışı Sunucu Davranışları panelinde seçerseniz, atanan blok Belge penceresinde seçilir. Varsayılan olarak Dreamweaver uygulaması html etiketinin üstünde olmayan ilk kod bloğunu seçer. Tüm kod blokları html etiketinin üstündeyse, birinci kod bloğu seçilir. Gelişmiş kullanıcılar hangi kod bloğunun seçilen blok olduğunu belirleyebilir.
Kod blokları oluşturma
Sunucu Davranışı Oluşturucu'da oluşturduğunuz kod blokları, Sunucu Davranışı panelinde görünen sunucu davranışının içine alınır. Kod, belirtilen sunucu modeli için herhangi bir geçerli çalışma zamanı kodu olabilir. Örneğin, özel sunucu davranışınız için belge türü olarak ColdFusion uygulamasını seçerseniz, yazdığınız kod ColdFusion uygulama sunucusunda çalışan geçerli bir ColdFusion kodu olmalıdır.
Kod bloklarını doğrudan Sunucu Davranışı Oluşturucu'da oluşturabilir veya kod başka kaynaklardan kopyalayıp yapıştırabilirsiniz. Sunucu Davranışı Oluşturucu'da oluşturduğunuz her kod tek etiket veya komut dosyası bloğu olmalıdır. Birden çok etiket bloğu eklemeniz gerekiyorsa bunları ayrı kod blokları olarak bölün.
Kod bloklarındaki koşullar
Dreamweaver uygulaması koşullu olarak çalıştırılan kontrol ifadelerini içeren kod blokları geliştirebilmenizi sağlar. Sunucu Davranışı Oluşturucu if, elseif ve else ifadelerini kullanır ve sunucu davranışı parametrelerini içerebilir. Böylece, sunucu davranışı parametrelerinin arasındaki OR ilişkilerinin değerlerini temel alan alternatif metin blokları ekleyebilirsiniz.
Aşağıdaki örneklerde if, elseif ve else ifadeleri görülmektedir. Köşeli parantezler ([ ]) isteğe bağlı kodu gösterir ve yıldız işareti (*) sıfır veya daha fazla örneği gösterir. Yalnızca belirli koşul veya koşullar geçerli olduğunda kod bloğunun bir kısmını veya tümünü yürütmek için aşağıdaki sözdizimini kullanın:
<@ if (expression1) @> conditional text1[<@ elseif (expression2) @> conditional text2]*[<@ else @> conditional text3]<@ endif @>
Koşullu ifadeler, JavaScript eval() işlevi kullanılarak değerlendirilebilen herhangi bir JavaScript ifadesi olabilir ve ayrıca @@ ile işaretlenmiş sunucu davranışı parametresi içerebilir. (@@ işaretleri parametrenin JavaScript değişkenleri ve anahtar sözcüklerinden ayırt edilmesini sağlar.)
Koşullu ifadeleri etkin şekilde kullanma
if, else ve elseif yönergelerini kullanırken, ki bunlar insertText XML etiketindedir, if yönergelerini çözümlemek ve hangi metnin sonuca dahil edileceğini belirlemek için katılımcı metin önceden işlenir. if ve elseif yönergeleri ifadeyi bağımsız değişken olarak alır. Koşullu ifade JavaScript koşullu ifadeleri ile aynıdır ve ayrıca sunucu davranışı parametreleri de içerebilir. Bunun gibi yönergeler, sunucu davranış parametrelerinin değerleri veya bunlar arasındaki ilişkiyi temel alan alternatif kod blokları arasında seçim yapabilmenizi sağlar.
Örneğin aşağıdaki JSP kodu, koşullu kod bloğunu kullanan bir Dreamweaver sunucu davranışından gelir:
@@rsName@@.close(); <@ if (@@callableName@@ != '') @> @@callableName@@.execute(); @@rsName@@ = @@callableName@@.getResultSet();<@ else @> @@rsName@@ = Statement@@rsName@@.executeQuery(); <@ endif @> @@rsName@@_hasData = @@rsName@@.next();
Koşullu kod bloğu <@ if (@@callableName@@ != '') @> ile bağlar ve <@ endif @> ile biter. Koda göre, kullanıcı sunucu davranışı Parametre iletişim kutusunda @@callableName@@ parametresi için bir değer girerse —diğer bir deyişle, @@callableName@@ parametre değeri boş değilse veya (@@callableName@@ != '') ise —koşullu kod bloğu, aşağıdaki ifadelerle değiştirilir:
@@callableName@@.execute(); @@rsName@@ = @@callableName@@.getResultSet();
Aksi durumda, kod bloğu, aşağıdaki ifadeyle değiştirilir:
@@rsName@@ = Statement@@rsName@@.executeQuery();
Kod bloğunu konumlandırma
Sunucu Davranışı Oluşturucu'yu kullanarak kod blokları oluştururken bunların sayfanın HTML kodunda nereye ekleneceğini belirtmeniz gerekir.
Örneğin, açılış <html> etiketinin üstüne bir kod bloğu eklerseniz, kod bloğunun sayfanın HTML kodunun o bölümündeki diğer etiket, komut dosyası ve sunucu davranışlarına göre konumunu belirtmeniz gerekir. Tipik örneklerde davranışı açılış <html> etiketinin üstündeki sayfa kodunda zaten varolabilecek kayıt kümesi sorgularından önce veya sonra konumlandırma söz konusudur.
Kod Ekle açılır menüsünden bir konumlandırma seçeneği belirlediğinizde, Görece Konum açılır penceresinde kullanılabilen seçenekler sayfanın o kısmı için ilgili seçenekler sağlayacak şekilde değişir. Örneğin, Kod Ekle açılır menüsünde <html> Etiketinin Üstünde'yi belirlerseniz, Görece Konum açılır penceresinde kullanılabilen konumlandırma seçenekleri sayfanın o kısmı ile ilgili seçimleri yansıtır.
Aşağıdaki tabloda kod bloğu ekleme seçenekleri ve her biri için kullanılabilen görece konumlandırma seçenekleri görülmektedir:
Kod Ekle seçenekleri |
Görece konum seçenekleri |
<html> Etiketinin Üstünde |
|
<html> Etiketinin Altında |
|
Belirli Etikete Göre |
Etiket açılır menüsünden bir etiket seçin ve etiket konumlandırma seçeneklerinden birini belirleyin. |
Seçime Göre |
Seçimden önce Seçimden sonra Seçimi değiştir Seçimi sar |
Özel konum belirtmek için kod bloğuna bir ağırlık atamanız gerekir. Birden çok kod bloğunu belirli bir sırayla eklemeniz gerektiğinde Özel Konum seçeneğini kullanın. Örneğin, kayıt kümelerini açan kod bloklarından sonra sıralı üç kod bloğu eklemek için, ilk blok için 60, ikinci blok için 65 ve üçüncü blok için 70 ağırlığını girersiniz.
Varsayılan olarak, Dreamweaver uygulaması <html> etiketinin üstüne eklenen tüm kayıt kümesi açan kod bloklarına 50 ağırlığını atar. İki veya daha fazla bloğun ağırlığı eşleşiyorsa, Dreamweaver uygulaması bloklar arasındaki sırayı rasgele ayarlar.
Kod bloğunu konumlandırma (genel yönergeler)
-
Sunucu Davranışı Oluşturucusu'nu kullanarak kod bloğu yazın.
-
Sunucu Davranışı Oluşturucu iletişim kutusunda Kod Ekle açılır menüsünden kod bloğunun ekleneceğini konumu seçin.
-
Sunucu Davranışı Oluşturucu iletişim kutusunda Kod Ekle açılır menüsünde seçtiğinize konuma göre bir konum seçin.
-
Kod bloğunu yazmayı tamamladığınızda Tamam'ı tıklatın.
Sunucu davranışı Sunucu Davranışları panelinde (Pencere > Sunucu Davranışı) listelenir; sunucu davranışını görüntülemek için Artı (+) düğmesini tıklatın.
-
Sunucu davranışını test edin ve düzgün çalıştığından emin olun.
Kod bloğunu sayfadaki başka bir etikete göre konumlandırma
-
Kod Ekle açılır menüsünde Belirli Etikete Göre'yi seçin.
-
Etiket kutusunda etiketi girin veya açılır menüden bir etiket seçin.
Etiket girerseniz açılı ayraçları (<>) dahil etmeyin.
-
Görece Konum açılır menüsünde bir seçenek belirleyerek etikete göre bir konum seçin.
Kod bloğunu sayfa tasarımcı tarafından seçilen bir etikete göre konumlandırma
-
Kod Ekle açılır menüsünde Seçime Göre'yi seçin.
-
Görece Konum açılır menüsünde bir seçenek belirleyerek seçime göre bir konum seçin.
Kod bloğunuzu seçimden hemen önce veya sonra ekleyebilirsiniz. Ayrıca seçimi kod bloğunuzla değiştirebilir veya kod bloğunu seçimin etrafına sarabilirsiniz.
Kod bloğunu bir seçimin çevresine sarmak için seçimin aşağıdaki gibi arasında hiçbir şey olmayan bir açılış ve kapanış etiketinden oluşması gerekir:
<CFIF Day=”Monday”></CFIF>
Kod bloğunun açılış etiketi parçasını seçimin açılış etiketinden önce ekleyin ve kod bloğunun kapanış etiket parçasını seçimin kapanış etiketinden sonra ekleyin.
Kod bloklarını döngü yönergesi ile yineleme
Kod bloğunun bir kısmını veya tümünü birkaç kez yinelemek için aşağıdaki sözdizimini kullanın:
<@ loop (@@param1@@,@@param2@@) @> code block<@ endloop @>
Sunucu davranışları oluştururken kod bloğunu birkaç kez yinelemek için döngü yapıları kullanabilirsiniz. <@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @> code block <@ endloop @>Döngü yönergesi, virgülle ayrılmış parametre dizileri listesini bağımsız değişken olarak kabul eder. Bu durumda, parametre dizi bağımsız değişkenleri kullanıcının tek parametre için birden çok değer sağlayabilmesini sağlar. Yinelenen metin n kez çoğaltılır ve burada n değeri parametre dizi bağımsız değişkenlerinin uzunluğudur. Birden çok parametre dizisi bağımsız değişkeni belirtilirse, tüm diziler aynı uzunlukta olmalıdır. Döngünün i. değerlendirilmesinde, parametre dizilerinin i. öğeleri kod bloğundaki ilişkili parametre örneklerinin yerini alır.
Sunucu davranışı için bir iletişim kutusu oluşturduğunuzda iletişim kutusuna sayfa tasarımcısının parametre dizileri oluşturmasına izin veren bir kontrol ekleyebilirsiniz. Dreamweaver uygulaması iletişim kutuları oluşturmak için kullanabileceğiniz basit bir kontrol içerir. Metin Alanı Virgülle Ayrılmış Listesi adı verilen bu kontrol Sunucu Davranışı Oluşturucu aracılığıyla kullanılabilir. Daha karmaşık kullanıcı arabirim öğeleri oluşturmak üzere diziler oluşturmak için kontrol (örneğin, ızgara kontrolü) içeren bir iletişim kutusu oluşturmak için API belgelerine bakın.
İstediğiniz sayıda koşullu ifade veya döngü yönergesini koşullu bir yönergenin içine iç içe yerleştirebilirsiniz. Örneğin, bir ifade doğru olduğunda döngü yürütülmesini belirtebilirsiniz.
Aşağıdaki örnekte sunucu davranışları oluşturmak için bu tür yinelenen kod bloklarının nasıl oluşturulacağı gösterilmektedir (örnek, saklı yordama erişmek için kullanılan bir ColdFusion davranışıdır):
<@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @> code block <@ endloop @>
<CFSTOREDPROC procedure="AddNewBook" datasource=#MM_connection_DSN# username=#MM_connection_USERNAME# password=#MM_connection_PASSWORD#> <CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryID#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" cfsqltype="CF_SQL_VARCHAR"> </CFSTOREDPROC>
Bu örnekte CFSTOREDPROC etiketi sıfır veya daha çok CFPROCPARAM etiketi içerebilir. Ancak, döngü yönergesi için destek olmadan CFPROCPARAM etiketlerini eklenen CFSTOREDPROC etiketine eklemenin bir yolu yoktur. Bu döngü yönergesi kullanılmadan bir sunucu davranışı olarak oluşturulacak olsaydı, bu örneği iki katılımcıya bölmeniz gerekirdi: Ana CFSTOREDPROC etiketi ve katılımcı türü birden çok olan bir CFPROCPARAM etiketi.
Döngü yönergesini kullanarak aynı yordamı aşağıdaki gibi yazabilirsiniz:
<CFSTOREDPROC procedure="@@procedure@@" datasource=#MM_@@conn@@_DSN# username=#MM_@@conn@@_USERNAME# password=#MM_@@conn@@_PASSWORD#> <@ loop (@@paramName@@,@@value@@,@@type@@) @> <CFPROCPARAM type="IN" dbvarname="@@paramName@@" value="@@value@@" cfsqltype="@@type@@"> <@ endloop @> </CFSTOREDPROC>
Her “@>” sonrasındaki yeni satırlar yoksayılır.
Kullanıcı Sunucu Davranışı Oluşturucu iletişim kutusuna aşağıdaki parametre değerlerini girdiyse:
procedure = "proc1" conn = "connection1" paramName = ["@CategoryId", "@Year", "@ISBN"] value = ["#Form.CategoryId#", "#Form.Year#", "#Form.ISBN#"] type = ["CF_SQL_INTEGER", "CF_SQL_INTEGER", "CF_SQL_VARCHAR"]
Sunucu davranışı sayfaya aşağıdaki çalışma zamanı kodunu ekler:
<CFSTOREDPROC procedure="proc1" datasource=#MM_connection1_DSN# username=#MM_connection1_USERNAME# password=#MM_connection1_PASSWORD#> <CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryId#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@Year" value="#Form.Year#" cfsqltype="CF_SQL_INTEGER"> <CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#" cfsqltype="CF_SQL_VARCHAR"> </CFSTOREDPROC>
Parametre dizileri, koşullu yönerge ifadesinin bir parçası olma haricinde döngünün dışında kullanılamaz.
Döngü yönergesinin _length ve _index değişkenlerini kullanma
Döngü yönergesi, katıştırılmış if koşulları için kullanabileceğiniz iki yerleşik değişkeni içerir. Bu değişkenler şunlardır: _length ve _index. _length değişkeni döngü yönergesi tarafından işlenen dizilerin uzunluğunu değerlendirirken, _index değişkeni döngü yönergesinin geçerli dizinini değerlendirir. Değişkenlerin yalnızca yönergeler olarak tanındıklarından ve döngüye iletilecek gerçek parametreler olarak tanınmadıklarından emin olmak için iki değişkeni de @@ işaretlerinin içine almayın.
Yerleşik değişkenler kullanmaya örnek olarak bunların sayfa yönergesinin içe aktar niteliğine uygulanması verilebilir. İçe aktar niteliği için paketlerin virgülle ayrılması gerekir. Döngü yönergesi içe aktar niteliğine genişliyorsa, döngünün ilk tekrarlanmasında yalnızca içe aktar= nitelik adını belirtirsiniz (buna kapanış çift tırnak işareti (") dahildir) ve döngünün son tekrarlamasında bir virgül belirtmezsiniz. Yerleşik değişkeni kullanarak bunu aşağıdaki gibi ifade edebilirsiniz:
<@loop (@@Import@@)@> <@ if(_index == 0)@>import=" <@endif@>@@Import@@<@if (_index == _length-1)@>"<@else@>, <@ endif @> <@endloop@>
Sunucu davranışı için parametre isteme
Sunucu davranışları için genellikle sayfa tasarımcısının bir parametre değeri sağlaması gerekir. Bu değer, sunucu davranışının kodu sayfaya eklenmeden önce eklenmelidir.
İletişim kutusunu kodda tasarımcı tarafından sağlanan parametreleri tanımlayarak oluşturursunuz. Daha sonra sunucu davranışı için sayfa tasarımcısından parametre değeri isteyen bir iletişim kutusu oluşturursunuz.
Kodunuzun sayfa tasarımcısı tarafından seçilen belirli bir etikete göre eklenmesini belirtirseniz (diğer bir deyişle, Kod Ekle açılır menüsünde Belirli Etikete Göre'yi seçerseniz), sizin müdahaleniz olmadan kod bloğunuza bir parametre eklenir. Parametre, sayfa tasarımcının etiket seçmesine olanak tanımak için davranışın iletişim kutusuna bir etiket menüsü ekler.
Parametreyi sunucu davranışı kodunda tanımlama
-
Kodda, sağlanan parametre değerini eklemek istediğiniz parametre işaretçisini girin. Parametre aşağıdaki sözdizimine sahiptir:
@@parameterName@@
-
formParam dizesini parametre işaretçilerinin (@@) içine alın:
<% Session(“lang_pref”) = Request.Form(“@@formParam@@”); %>
Örneğin, sunucu davranışı aşağıdaki kod bloğunu içeriyorsa:
<% Session(“lang_pref”) = Request.Form(“Form_Object_Name”); %>
Sayfa tasarımcısının Form_Object_Name değerini sağlamasını zorunlu kılmak için dizeyi parametre işaretçilerinin (@@) içine alın:<% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>
<% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>
Ayrıca dizeyi vurgulayabilir ve Kod Bloğuna Parametre Ekle düğmesini tıklatabilirsiniz. Parametre adını girin ve Tamam'ı tıklatın. Dreamweaver uygulaması, vurgulanan dizenin her örneğini, belirtilen ve parametre işaretçileri içine alınan belirtilen parametre adı ile değiştirir.
Dreamweaver uygulaması, oluşturduğu iletişim kutusundaki kontrolleri etiketlemek için parametre işaretçileri içine aldığınız dizeleri kullanır (aşağıdaki yordama bakın). Önceki örnekte Dreamweaver uygulaması iletişim kutusunu aşağıdaki etiketle oluşturur:
Sunucu davranışındaki parametre adlarında boşluk olamaz. Bu nedenle, iletişim kutusu etiketlerinde boşluk olamaz. Etikete boşluklar eklemek istiyorsanız oluşturulan HTML dosyasını düzenleyebilirsiniz.
Sunucu davranışınız için parametre değer istemek üzere iletişim kutusu oluşturma
-
Sunucu Davranışı Oluşturucu'da İleri'yi tıklatın.
-
İletişim kutusu kontrollerinin görüntülenme sırasını değiştirmek için bir parametre seçin ve yukarı ve aşağı okları tıklatın.
-
Parametrenin kontrolünü değiştirmek için parametreyi seçin ve Gösterme Biçimi sütununda başka bir kontrol seçin.
-
Tamam'ı tıklatın.
Dreamweaver uygulaması, tanımladığınız tasarımcı tarafından sağlanan her parametre için etiketli bir kontrole sahip bir iletişim kutusu oluşturur.
İletişim kutusunu görüntüleme
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve açılır menüden özel sunucu davranışınızı seçin.
Sunucu davranışı için oluşturduğunuz iletişim kutusunu düzenleme
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve Sunucu Davranışlarını Düzenle'yi seçin.
-
Listeden sunucu davranışınızı seçin ve Aç'ı tıklatın.
-
İleri'yi tıklatın.
Kodunuzda tanımladığınız tüm sunucu tasarımcı tarafından sağlanmış parametreleri listeleyen bir iletişim kutusu açılır.
-
İletişim kutusu kontrollerinin görüntülenme sırasını değiştirmek için bir parametre seçin ve yukarı ve aşağı okları tıklatın.
-
Parametrenin kontrolünü değiştirmek için parametreyi seçin ve Gösterme Biçimi sütununda başka bir kontrol seçin.
-
Tamam'ı tıklatın.
Sunucu davranışlarını düzenleme ve değiştirme
Sunucu Davranışı Oluşturucu ile oluşturulan ve Dreamweaver Exchange web sitesinden diğer üçüncü taraf geliştiricilerinden indirdiğiniz sunucu davranışları dahil tüm sunucu davranışlarını düzenleyebilirsiniz.
Sayfaya sunucu davranışı uygular ve daha sonra davranışı Dreamweaver uygulamasında düzenlerseniz, eski davranışın örnekleri artık Sunucu Davranışları panelinde görünmez. Sunucu Davranışları paneli, sayfada bilinen sunucu davranışlarının kodu ile eşleşen kodu arar. Sunucu davranışının kodu değişirse, panel o sayfada davranışın önceki sürümlerini tanımaz.
Davranışın eski ve yeni sürümlerini panelde saklama
-
Sunucu Davranışları panelindeki (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın, Yeni Sunucu Davranışı'nı seçin ve eski sunucu davranışının bir kopyasını oluşturun.
Sunucu Davranışı Oluşturucu ile oluşturulan sunucu davranışının kodunu düzenleme
-
Sunucu Davranışları panelinde (Pencere > Sunucu Davranışları) Artı (+) düğmesini tıklatın ve Sunucu Davranışlarını Düzenle'yi seçin.
Sunucu Davranışlarını Düzenle iletişim kutusunda geçerli sunucu teknolojisi için tüm davranışlar görüntülenir.
-
Sunucu davranışını seçin ve Düzenle'yi tıklatın.
-
Uygun kod bloğunu seçin ve kodu, parametre işaretlerini veya sayfaya eklenecek kod bloğunun konumunu değiştirin.
-
Değiştirilen kod tasarımcı tarafından sağlanan herhangi bir parametre içermiyorsa Tamam'ı tıklatın.
Dreamweaver uygulaması sunucu davranışını iletişim kutusu olmadan yeniden oluşturur. Yeni sunucu davranışı, Sunucu Davranışları panelinin Artı (+) açılır menüsünde görünür.
-
Değiştirilen kod tasarımcı tarafından sağlanan parametreler içeriyorsa İleri'yi tıklatın.
Dreamweaver uygulaması size eskisinin üzerine yazan yeni bir iletişim kutusu oluşturmak isteyip istemediğinizi sorar. Değişikliklerinizi yapın ve Tamam'ı tıklatın.
Dreamweaver uygulaması sunucu davranışının EDML dosyasındaki tüm değişiklikleri kaydeder.
Kodlama yönergeleri
Genel olarak sunucu davranışınızın kodu kompakt ve güçlü olmalıdır. Web uygulaması geliştiricileri sayfalarına eklenen kod hakkında çok hassastır. Belge türünün dili (ColdFusion, JavaScript, VBScript veya PHP) için genel olarak kabul edilmiş kodlama uygulamalarını kullanın. Yorum yazarken kodu anlaması gereken web ve etkileşim tasarımcıları veya diğer web uygulaması geliştiricileri gibi farklı teknik kesimleri göz önünde bulundurun. Kodun amacını doğru şekilde açıklayan yorumları ve kodu sayfaya eklemek için özel yönergeleri dahil edin.
Sunucu davranışları oluştururken aşağıdaki kodlama yönergelerini aklınızda tutun:
Hata denetimi
Önemli bir gereksinimdir. Sunucu davranışının kodu hata durumlarını sorunsuz şekilde işleyebilmelidir. Her türlü olasılığı öngörmeye çalışın. Örneğin, bir parametre isteği başarısız olduysa ne olacak? Peki ya bir sorgudan hiçbir kayıt döndürülmediyse?
Benzersiz adlar
Kodunuzun net bir şekilde tanımlanabilmesine ve varolan kodla ad çakışmalarının önlenmesine yardımcı olur. Örneğin, sayfanız hideLayer() adlı bir işlev ve ERROR_STRING adlı bir global değişken içeriyorsa ve sunucu davranışınız da bu adları kullanan bir kod ekliyorsa, sunucu davranışı varolan kodla çakışabilir.
Kod önekleri
Sayfada kendi çalışma zamanı işlevlerinizi ve global değişkenlerinizi tanımlayabilmenizi sağlar. Burada bir yöntem adınızın baş harflerini kullanmaktır. Yalnızca Dreamweaver kullanımı için ayrıldığından hiçbir zaman MM_ önekini kullanmayın. Dreamweaver, yazdığınız herhangi bir kodla çakışmasını önlemek için tüm işlevlerin ve genel değişkenlerin başına MM_ önekini koyar.
var MM_ERROR_STRING = "..."; function MM_hideLayer() {
Benzer kod bloklarından kaçınma
Yazdığınız kodun diğer bloklardaki koda çok benzememesi için. Kod bloğu sayfadaki bir kod bloğuna çok fazla benziyorsa, Sunucu Davranışları paneli birinci kod bloğunu yanlışlıkla ikinci kod bloğunun bir örneği olarak (veya tam tersi) tanımlayabilir. Bunun basit bir çözümü kod bloğuna çözüm ekleyerek bloğu daha benzersiz kılmaktır.
Sunucu davranışlarını test etme
Dreamweaver Exchange oluşturduğunuz her sunucuda aşağıdaki testleri gerçekleştirmenizi önerir:
Davranışı Sunucu Davranışları panelinden uygulayın. İletişim kutusu varsa her alana geçerli değerler girin ve Tamam'ı tıklatın. Davranış uygulandığında hata oluşmadığını doğrulayın. Sunucu davranışı için çalışma zamanı kodunun Kod denetçisinde göründüğünü doğrulayın.
Sunucu davranışını yeniden uygulayın ve iletişim kutusunun her alanına geçersiz veriler girin. Alanı boş bırakmayı, büyük veya negatif sayılar kullanmayı, geçersiz karakterler kullanmayı (/, ?, :, * vb.) sayı alanlarında harf kullanmayı deneyin. Geçersiz verileri işlemek için form doğrulama yordamları yazabilirsiniz (doğrulama yordamları, bu kitabın kapsamının dışında olan elle kodlamayı içerir).
Sunucu davranışınızı sayfaya başarıyla uyguladıktan sonra aşağıdakini doğrulayın:
Sunucu davranışı adının sayfaya eklenen davranışlar listesinde göründüğünden emin olmak için Sunucu Davranışları panelini denetleyin.
Geçerliyse, sunucu tarafındaki komut dosyası simgelerinin sayfada göründüğünü doğrulayın. Genel sunucu tarafı simgeleri altın kalkanlardır. Simgeleri görmek için Görünmez Öğeler'i etkinleştirin (Görünüm > Görsel Yardımcılar > Görünmez Öğeler).
Kod görünümünde (Görünüm > Kod) hiçbir geçersiz kodun oluşturulmadığını doğrulayın.
Ayrıca, sunucu davranışınız veritabanıyla bağlantı kuran belgeye kod ekliyorsa, belgeye eklene kodu test etmek için bir test veritabanı oluşturun. Farklı veri kümeleri ve farklı veri kümesi boyutları üreten sorgular tanımlayarak bağlantıyı doğrulayın.
Son olarak sayfayı sunucuya yükleyin ve bir tarayıcıda açın. Sayfanın HTML kaynak kodunu görüntüleyin ve sunucu tarafındaki komut dosyaları tarafından geçersiz bir HTML oluşturulmadığını doğrulayın.