Not:
Dreamweaver CC ve sonraki sürümlerinde kullanıcı arabirimi basitleştirilmiştir. Sonuç olarak, bu makalede açıklanan seçeneklerden bazılarını Dreamweaver CC ve sonraki sürümlerinde bulamayabilirsiniz. Daha fazla bilgi için bu makaleye bakın.
Sunucuda sunucu tarafı XSL dönüşümleri yapabilirsiniz. XML verileri sergileyen sayfalar yapmadan önce sunucu tarafı ve istemci tarafı XSL dönüşümleri hakkında ve web sayfaları ile XML ve XSL kullanma hakkında bilgi edinin.
Not:
Sunucunuzun, sunucu tarafı dönüşümlerini yapabilmesi için doğru yapılandırılması gerekir. Daha fazla bilgi için sunucu yöneticinize başvurun.
Sunucu tarafı XSL dönüşümleri yapmanın genel iş akışı şöyledir (her adım başka konularda anlatılmaktadır):
Örneğin, işlem gerektiren bir sayfa oluşturun ve uygulama sunucusunun sayfayı işlediğinden emin olun.
Dreamweaver sitenizde bir XSLT parçası veya tüm bir XSLT sayfası oluşturun.
Varolan bir HTML sayfasını tüm bir XSLT sayfasına çevirin.
7. Uygunsa XML veri tutucularını içeren tabloya veya tablo satırına bir Yinelenen Alan XSLT nesnesi ekleyin.
Dinamik sayfanızdaki XSLT parçasına bir başvuru eklemek için XSL Transformation sunucu davranışı kullanın.
Dinamik sayfadaki tam XSLT sayfasına bir başvuru eklemek için dinamik sayfadan tüm HTML kodunu silin, sonra XSL Transformation sunucu davranışı kullanın.
Dinamik sayfayı ve XSLT parçasını (veya tüm XSLT sayfasını) uygulama sunucunuzda yayınlayın. Yerel bir XML dosyası kullanıyorsanız, onu da yayınlamanız gerekecektir.
Siz bunu yaparken uygulama sunucusu XML verilerini dönüştürür, dinamik sayfaya ekler ve tarayıcıya gösterir.
Web sayfalarında XML verileri göstermenizi sağlayan XSLT sayfaları oluşturabilirsiniz. Tüm bir XSLT sayfası—içinde bir <body> etiketi ve bir<head> etiketi olan bir XSLT sayfası—veya bir XSLT parçası oluşturabilirsiniz. Bir XSLT parçası oluşturduğunuzda, içinde hiçbir "body" veya "head" etiketi olmayan bağımsız bir dosya—daha sonra dinamik bir sayfaya eklenen basit bir kod parçası—oluşturursunuz.
Not:
Var olan bir XSLT sayfası ile başlıyorsanız, ona bir XML veri kaynağı iliştirmeniz gerekir.
-
-
- Yerel Dosya Ekle'yi seçin, Gözat düğmesini tıklatın, bilgisayarınızdaki bir yerel XML dosyasına gidin ve Tamam'ı tıklatın.
- Uzak Dosya Ekle'yi seçin, Internet'teki bir XML dosyasının (örneğin bir RSS yayınından gelenin) URL'sini ekleyin ve Tamam'ı tıklatın.
Not:
İptal düğmesini tıklatmak, XML veri kaynağı iliştirilmemiş yeni bir XSLT sayfası üretir.
Aşağıdaki tablo şemadaki görünebilecek çeşitli öğelerin bir açıklamasını sunmaktadır.
Öğe
Gösterdiği
Ayrıntılar
<>
Zorunlu yinelenmeyen XML öğesi
Üst düğümü dahilinde tam bir kez görülen bir öğe
<>+
Yinelenen XML öğesi
Üst düğümü dahilinde bir veya birkaç kez görülen bir öğe
<>+
İsteğe bağlı XML öğesi
Üst düğümü dahilinde sıfır veya birkaç kez görülen bir öğe
Öğe düğümü kalın yazıyla
Geçerli bağlam öğesi
Ekleme noktası yinelenen bölgede olduğunda yinelenen öğe
@
XML niteliği
Ayrıca varolan HTML sayfalarını XSLT sayfalarına çevirebilirsiniz. Örneğin, üzerine XML verileri ekleyebileceğiniz önceden tasarlanmış statik bir sayfanız varsa, bir XSLT sayfası oluşturup sıfırdan yeniden tasarlamak yerine bu sayfayı bir XSLT sayfasına çevirebilirsiniz.
Var olan bir XSLT sayfası ile başlıyorsanız veya Dreamweaver ile yeni bir sayfa oluştururken bir XML veri kaynağı iliştirmezseniz, XML veri kaynağını Veri Bağlantıları panelini kullanarak iliştirmeniz gerekir.
Bir XSLT sayfası oluşturduktan ve bir XML veri kaynağı iliştirdikten sonra verileri sayfa ile ciltleyebilirsiniz. Bunun için sayfanıza bir XML veri yer tutucusu ekler; sonra ekranda gösterilecek seçili verileri formatlamak için XPath İfade Oluşturucu'yu veya Özellik denetçisini kullanırsınız.
-
(İsteğe bağlı) Sayfaya bir tablo eklemek için Ekle > Tablo'yu seçin. Tablolar XML verilerinizi organize etmenize yardımcı olur.
Not:
Çoğu durumda bir sayfada yinelenen XML öğeleri göstermek için bir Yinelenen Bölge XSLT nesnesi kullanırsınız. Bu durumda bir veya birkaç sütunu olan tek satırlı bir tablo veya bir tablo başlığı eklemek istiyorsanız iki satırlı bir tablo oluşturmanız iyi olacaktır.
-
Veri Bağlantıları panelinde bir XML öğesi seçin ve sayfada veri eklemek istediğiniz yere sürükleyin.
Sayfada bir XML veri yer tutucusu belirir. Yer tutucusu vurgulanır ve küme parantezlerine alınır. XML şemasının hiyerarşik yapısını betimlemek için XPath (XML Path dili) sözdizimini kullanır. Örneğin, title alt öğesini sayfaya sürüklerseniz ve o öğe rss, channel ve item üst öğelerine sahipse, dinamik içerik yer tutucusunun sözdizimi {rss/channel/item/title} olacaktır.
XPath İfade Oluşturucu'yu açmak için sayfada XML veri yer tutucusunu çift tıklatın. XPath İfade Oluşturucu seçili verileri formatlanıza veya XML şemasından başka kalemler seçmenize izin verir.
-
(İsteğe bağlı) XML verilerinize, bir XML veri yer tutucusunu seçip herhangi bir içerik parçasına yaptığınız gibi Özellik denetçisini veya CSS Stilleri panelini kullanarak stil uygulayabilirsiniz. Bunun yerine XSLT parçalarına stil uygulamak için Tasarım zamanı stil sayfalarını da kullanabilirsiniz. Bu yöntemlerden her birinin kendi yararları ve sınırları vardır.
Bölgeyi Yinele XSLT nesnesi, bir XML veri kaynağının yinelenen öğelerini bir web sayfasında sergilemenize izin verir. Örneğin bir haber yayınından makale başlıkları ve açıklamaları gösteriyorsanız ve haber yayınında 10 ile 20 arası makale bulunuyorsa, her XML dosyasındaki her makale başlığının ve açıklamasının yinelenen bir öğenin bir alt öğesi olması olasıdır.
Tasarım görünümünde bir XML veri yer tutucusu içeren herhangi bir bölge yinelenen bir bölge olarak değiştirilebilir. Ancak en yaygın karşılaşılan bölgeler tablo, tablo satırı veya bir dizi tablo satırıdır.
-
Not:
Sayfada bölgeyi hatasız olarak seçmek için Belge penceresinin sol alt köşesindeki etiket seçiciyi kullanabilirsiniz. Örneği bölge bir tablo ise, sayfada tablonun içini tıklatın, sonra etiket seçicideki etiketi tıklatın.
-
-
Belge penceresinde yinelenen bölgenin çevresinde ince, sekmeli, gri bir dış hat belirir. Çalışmanızı bir tarayıcıda önizlediğinize (Dosya > Tarayıcıda Önizleme), gri dış hat ortadan kaybolur ve seçim, XML dosyasında belirtilen yinelenen öğeleri göstermek üzere genişler.
Yinelenen Bölge XSLT nesnesini sayfaya eklediğinizde, Belge penceresindeki XML verisi yer tutucusu kırpılır. Bunun nedeni Dreamweaver programının yinelenen öğenin yoluna göreceli olan XML verisi yer tutucusu XPath ifadesini kırpmasıdır.
Bölgeye bir Yinelenen Bölge XSLT nesnesi ekledikten sonra Özellik denetçisini kullanarak düzenleyebilirsiniz.
Bir XSLT parçası oluşturduktan sonra bunu dinamik bir web sayfasına XSL Transformation sunucu davranışı kullanarak ekleyebilirsiniz. Sunucu davranışını sayfanıza ekleyip sayfayı bir tarayıcıda görüntülediğinizde, bir uygulama sunucusu, seçili XSLT parçasından XML verilerini gösteren bir dönüşüm yapar. ColdFusion, ASP veya PHP sayfaları için XSL dönüşümleri, Dreamweaver tarafından desteklenmektedir.
Not:
Tüm bir XSLT sayfasını dinamik bir sayfaya eklemek isterseniz, yordam aynıdır. XSL Transformation sunucusunun davranışını tüm bir XSLT sayfasını eklemek için kullanmadan önce dinamik sayfadaki HTML kodunu silin.
-
Not:
XSLT parçaları eklerken, ekleme noktasını sayfaya yerleştirdikten sonra doğru yerde olduğundan emin olmak için daima Kodu Ve Tasarımı Göster Görünümleri düğmesini tıklamalısınız. Değilse ekleme noktasını istediğiniz yere koymak için Kod görünümünde başka bir yere tıklamanız gerekebilir.
-
-
XSL Transformation iletişim kutusunda Gözat düğmesini tıklatıp bir XSLT parçasına veya tüm bir XSLT sayfasına gidin.
-
Sayfadaki XSLT parçasına bir başvuru eklemek için Tamam'ı tıklatın. Parça düzenlenebilir değildir. Parçanın kaynağını açmak ve düzenlemek için parçayı çift tıklatabilirsiniz.
-
Dinamik sayfayı sunucunuza yükleyin (Site > Koy) ve bağımlı dosyaları dahil etmek için Evet'i tıklatın. Sayfanızın düzgün gösterilmesi için XSLT parçasının bulunduğu dosyanın, verilerinizin bulunduğu XML dosyasının ve üretilen çalıştırma zamanı kitaplık dosyasının aynı anda sunucuda olması gerekir. Veri kaynağınız olarak uzak bir XML dosyasını seçtiyseniz, o dosyanın Internet'te başka bir yerde durması gerekir.)
Bir XSLT parçasını bir sayfadan, parçayı eklemek için kullanılan XSL Transformation sunucu davranışını silerek çıkarabilirsiniz. Sunucu davranışını silmek sadece XSLT parçasını siler—ilgili XML, XSLT veya çalıştırma zamanı kitaplığı dosyalarını silmez.
Dinamik bir web sayfasına bir XSLT parçası ekledikten sonra XSL Transformation sunucu davranışını istediğiniz zaman düzenleyebilirsiniz.
XSLT sayfanızda, kullanıcı, XML verilerinizden belirli bir kelimeyi veya kelime grubunu tıkladığında belirli bir URL'ye bağlanan dinamik bir bağ oluşturabilirsiniz. Tam yönergeler için www.adobe.com/go/dw_documentation_tr adresindeki Dreamweaver hata listesine bakın.
Tüm bir XSLT sayfası oluşturduğunuzda (yani <body> ve <head> etiketlerini içeren bir XSLT sayfası) XML verilerinizi sayfada gösterebilir, sonra verileri herhangi bir içerik parçası gibi Özellik denetçisini veya CSS Stilleri panelini kullanarak formatlayabilirsiniz. Ancak dinamik bir sayfaya eklenmek üzere bir XSLT parçası oluşturduğunuzda (örneğin bir ASP, PHP veya Cold Fusion sayfasına eklenecek bir parça), parçadaki stillerin dinamik sayfada ekrana çizilmesi daha karmaşık bir hal alır. Siz dinamik sayfadan ayrı bir XSLT parçasında çalışırsanız da parçanın dinamik sayfa ile kullanılmak amacını taşıdığını hatırlamak önemlidir ve XSLT parçasının çıktısı en sonunda dinamik sayfanın <body> etiketleri dahilinde bir yerde durur. Bu iş akışı veril kabul edildikte XSLT parçalarına <head> öğeleri (örneğin stil tanımları veya harici stil sayfalarına bağlar) dahil etmediğinizden emin olmalısınız. Bunun yapılması, uygulama sunucusunun bu öğeleri dinamik sayfanın <body> bölümüne koymasına, bu şekilde geçersiz etiketleme üretmesine neden olur.
Örneğin dinamik bir sayfaya eklemek için bir XSLT parçası oluşturmak ve parçayı dinamik sayfa ile aynı harici stil sayfasını kullanarak formatlamak isteyebilirsiniz. Aynı stil sayfasını parçaya iliştirirseniz, ortaya çıkan HTML sayfasında stil sayfasına çift bağ içerir (bir tane dinamik sayfanın <head> bölümünde, bir tane de sayfanın XSLT parçasının bulunduğu <body> bölümünde). Bu yaklaşım yerine harici stil sayfasına başvurmak için Tasarım zamanı stil sayfası kullanmalısınız.
XSLT parçalarının içeriğini formatlarken aşağıdaki iş akışını kullanın:
Önce harici stil sayfasını dinamik sayfaya iliştirin. (Bu, herhangi bir web sayfasının içeriğine stil uygulamak için en iyi yöntemdir).
Sonra aynı harici stil sayfasını XSLT parçasına, Tasarım zamanı stil sayfası olarak iliştirin. Adından da anlaşılacağı gibi Tasarım zamanı stil sayfaları yalnızca Dreamweaver Tasarım görünümünde çalışır.
Önceki iki adımı tamamladıktan sonra XSLT parçanızda dinamik sayfanıza iliştirdiğiniz ile aynı stil sayfasını kullanarak yeni stiller oluşturabilirsiniz. HTML çıktısı (stil sayfasına başvuru yalnızca Dreamweaver içinde çalışırken geçerli olduğundan) daha temiz olacak ve parça Tasarım görünümünde uygun stilleri göstermeye devam edecektir. Buna ek olarak dinamik sayfayı Tasarım görünümünde gördüğünüzde veya bir tarayıcıda önizlediğinizde, tüm stilleriniz hem parçaya hem de dinamik sayfaya uygulanacaktır.
Not:
XSLT parçasını bir tarayıcıda önizlerseniz, tarayıcı stilleri göstermez. Bunun yerine dinamik sayfayı, XSLT parçasını dinamik sayfa bağlamında görmek için tarayıcıda önizlemelisiniz.
Bir web sayfasına XSL Transformation sunucu davranışı eklerken XSL dönüşümünüz için parametreler tanımlayabilirsiniz. Parametreler XML verilerinin nasıl işlenip gösterildiğini denetler. Örneğin bir parametreyi, bir haber yayınında belirli bir makaleyi bulmak ve listelemek için kullanabilirsiniz. Sayfa bir tarayıcıda yüklendiğinde, yalnızca parametre ile belirttiğiniz makale görünür.
-
-
-
Statik bir değer kullanmak istiyorsanız, Değer kutusuna girin.
Dinamik bir değer kullanmak istiyorsanız, Değer kutusunun yanındaki dinamik simgesini tıklatın, Dinamik Veri iletişim kutusunu tamamlayın ve Tamam'ı seçin. Daha fazla bilgi için Dinamik Veri iletişim kutusundaki Yardım düğmesini tıklatın.
Bir XSLT sayfasında basit koşullu bölgeler veya birden çok koşullu bölgeler oluşturabilirsiniz. Bunun için Tasarım görünümünde bir öğe seçip seçime bir koşullu bölge uygulayabilir veya ekleme noktasının belgede olduğu yere bir koşullu bölge ekleyebilirsiniz.
Örneğin bir satış kalemi bulunmadığı zaman fiyatının yanında "Yok" kelimesinin görünmesini istiyorsanız, sayfaya "Yok" kelimesini yazar, kelimeyi seçer, sonra seçili metne koşullu bir bölge uygularsınız. Dreamweaver, seçimi <xsl:if> etiketleri ile çevreler ve sayfadaki “Yok” kelimesini yalnızca veriler koşullu ifadedeki koşullara uyduğunda gösterir.
XSLT sayfanıza eklemek için basit bir koşullu ifade yazabilirsiniz. Koşullu Bölge iletişim kutusunu açtığınızda içerik seçilirse, içerik bir <xsl:if> bloğu ile çevrelenecektir. İçeriğiniz seçilmezse <xsl:if> bloğu sayfada ekleme noktasının olduğu yere eklenir. Başlamak için iletişim kutusunu kullanmak ve ifadeyi daha sonra Kod görünümünde özelleştirmek iyi bir fikirdir.
<xsl:if> öğesi başka dillerdekiif cümlesine benzer. Öğe size, bir koşulu test etmeniz ve bunun sonucuna dayanarak bir eylemde bulunmanız için bir yol sunar. <xsl:if> öğesi bir ifadeyi tek bir doğru veya yanlış değeri için sınamanıza izin verir.
-
-
-
<xsl:if test="@available='true'"> Content goes here </xsl:if>
Not:
'true' gibi dize değerlerini tırnak işaretleri içine almanız gerekir. Dreamweaver tırnakları ('), geçerli XHTML olarak girilmeleri için sizin yerinize koyar.
Düğümlerde belirli değerleri varlığını test etmenin yanı sıra desteklenen XSLT işlevlerinden istediğiniz herhangi bir koşullu ifadede kullanabilirsiniz. Koşul XML dosyanızdaki geçerli düğüm için test edilir. Aşağıdaki örnekte sonuç setinde son düğümü test etmek istiyorsunuz:
XSLT sayfanıza eklemek için basit bir koşullu ifade yazabilirsiniz. Koşullu Bölge iletişim kutusunu açtığınızda içerik seçilirse, içerik bir <xsl:choose> bloğu ile çevrelenir. İçerik seçmezseniz <xsl:choose> bloğu sayfada ekleme noktasının olduğu yere eklenir. Başlamak için iletişim kutusunu kullanmak ve ifadeyi daha sonra Kod görünümünde özelleştirmek iyi bir fikirdir.
<xsl:choose> öğesi başka dillerdekicase cümlesine benzer. Öğe size, bir koşulu test etmeniz ve bunun sonucuna dayanarak bir eylemde bulunmanız için bir yol sunar. <xsl:choose> öğesi birden çok koşulu test etmenizi sağlar.
Koşullu Bölge Koy Özelliği denetçisinin amacı, XSL sayfanızdaki bir koşullu bölgenin koşulunu değiştirmektir. Koşullu bölge koşulu test eder ve sonuca bağlı olarak belirli bir yönde eylemde bulunur.
Koşullu Bölge Koy Özellik denetçisinin amacı, XSL sayfanızdaki birden çok koşullu bölgenin koşulunu değiştirmektir. Birden çok koşullu bölge koşulu test eder ve sonuca bağlı olarak belirli bir yönde eylemde bulunur.
Belgeye XSL yorum etiketleri ekleyebilir veya bir seçimi XSL yorum etiketleri ile çevreleyebilirsiniz.
XPath (XML Path Dili) bir XML belgesinin dilimlerine yöneten XML olmayan bir sözdizimidir. Çoğunlukla, SQL dilinin veritabanlarını sorgulamak için kullanıldığı gibi XML verileri için bir sorgulama dili olarak kullanılır. XPath hakkında daha fazla bilgi için www.w3.org/TR/xpath adresindeki W3C web sitesinde yer alan XPath dili belirtimine bakın.
XPath İfade Oluşturucu, verilerin belirli düğümlerini adlandırma ve yinelenen bölgeler için basit XPath ifadeleri kurmanıza izin veren bir Dreamweaver özelliğidir. XML şema ağacından değer sürüklemek yerine bu yöntemi kullanmanın avantajı, gösterilen değeri formatlayabilmenizdir. Geçerli bağlam, XPath İfade Oluşturucu iletişim kutusu açıldığında ekleme noktasının XSL dosyasındaki konumu ile tanımlanır. Geçerli bağlam, XML şeması ağacında kalın font ile gösterilir. Siz bu iletişim kutusunda seçimler yaparken, geçerli bağlamınıza göreceli doğru XPath cümleleri üretilir. Bu, yeni başlayan ve ileri düzey kullanıcılar için doğru XPath ifadeleri yazmayı kolaylaştırır.
Not:
Bu özellik, belirli bir düğümü veya yinelenen bölgeleri tanımlamak için basit XPath ifadeleri kurmanıza yardımcı olmak için tasarlanmıştır. İfadeleri el ile düzenlemenize izin vermez. Karmaşık ifadeler oluşturmanız gerekiyorsa, başlamak için XPath İfade Oluşturucu'yu kullanın, sonra ifadelerinizi Kod görünümünde veya Özellik denetçisi ile özelleştirin.
-
XPath İfade Oluşturucu (Dinamik Metin) iletişim kutusunda XML şema ağacındaki herhangi bir düğümü seçin.
Not:
XML şema ağacında başka bir düğüm seçerseniz, ifade seçiminizi yansıtacak şekilde değişir.
<xsl:value-of select="price"/>
-
Bir seçimi formatlamak, düğümünüzün değeri bir sayı döndürdüğünde yararlıdır. Dreamweaver önceden tanımlı formatlama işlevleri listesi sunar. Kullanılabilen formatlama işlev ve örneklerinin tam bir listesi için, bkz. Referans paneli.
Aşağıdaki örnekte price alt öğesini iki haneli küsuratı olan para birimi olarak formatlamak istiyorsunuz:
Bu seçenekler XSLT sayfanıza şu kodu ekler:<xsl:value-of select="format-number(provider/store/items/item/price,'$#.00')"/>
<xsl:value-of select="format-number(provider/store/items/item/price,'$#.00')"/>
Üzerinde yinelenilecek bir düğüm seçebilir ve isterseniz sonuçları filtreleyebilirsiniz. XPath İfade Oluşturucu iletişim kutusunda seçtiğiniz içerik bir <xsl:for-each> bloğu içine alınır. İçerik seçmediyseniz, <xsl:for-each> bloğu imlecinizin ekleme noktasında eklenir.
-
Filtreleme Alanı
Filtrelemek istediğiniz verilerin bulunduğu yinelenen düğümü belirler. Açılan menü, XML şema ağacında seçtiğiniz düğüme göreceli üst düğümlerin bir listesini verir.
Konum
Filtreleme Alanı düğümünün, sonuçları daraltmak için kullanılacak niteliğini veya alt öğesini belirtir. Açılan menüden, şema ağacında derinlerde var olan alt öğeleri belirlemek için bir nitelik veya alt öğe seçebilir ya da kendi XPath ifadenizi bu alana girebilirsiniz.
-
Siz açılan menülerde değerler girdikçe veya seçimler yaptıkça, İfade kutusundaki XPath ifadesi değişir.
Aşağıdaki örnekte sonuç setini item düğümlerinin @available niteliği true olanlarına daraltmak istiyorsunuz.
Tamam'ı tıklattığınızda, XSLT sayfanıza şu kod eklenir:<xsl:for-each select="provider/store/items/item[@available = 'true']"> Content goes here </xsl:for-each>
<xsl:for-each select="provider/store/items/item[@available = 'true']"> Content goes here </xsl:for-each>
Not:
'true' gibi dize değerlerini tırnak işaretleri içine almanız gerekir. Dreamweaver tırnakları ('), geçerli XHTML olarak girilmeleri için sizin yerinize koyar.
Üst düğümleri filtre ölçütünün parçası olarak belirtmenize izin veren daha karmaşık filtreler oluşturabilirsiniz. Aşağıdaki örnekte sonuç setini item düğümlerinin store öğesinin @id niteliği 1 ve item öğesinin price düğümü 5'ten büyük olanlarına daraltmak istiyorsunuz.
Tamam'ı tıklattığınızda, XSLT sayfanıza şu kod eklenir:<xsl:for-each select="provider/store[@id = 1]/items/item[price > 5]"> Content goes here </xsl:for-each>
Yinelenen bölgeler hakkında daha fazla bilgi ve örnek için, bkz. Referans panelinin <xsl:for-each> bölümü.
<xsl:for-each select="provider/store[@id = 1]/items/item[price > 5]"> Content goes here </xsl:for-each>