دليل المستخدم إلغاء

نبذة عن لغتي XML وXSLT

  1. دليل مستخدم Dreamweaver
  2. مقدمة
    1. أساسيات تصميم الويب التفاعلي
    2. الجديد في Dreamweaver
    3. تطوير الويب باستخدام Dreamweaver - نظرة عامة
    4. Dreamweaver | الأسئلة الشائعة
    5. اختصارات لوحة المفاتيح‬‏‫
    6. متطلبات النظام لبرنامج Dreamweaver
    7. ملخص الميزات
  3. Dreamweaver وCreative Cloud
    1. مزامنة إعدادات Dreamweaver مع Creative Cloud
    2. مكتبات Creative Cloud في Dreamweaver
    3. استخدام ملفات Photoshop في Dreamweaver
    4. العمل باستخدام Adobe Animate وDreamweaver
    5. استخراج ملفات SVG المحسّنة من المكتبات
  4. مساحات عمل Dreamweaver وطرق عرضه
    1. مساحة عمل Dreamweaver
    2. تحسين مساحة عمل Dreamweaver للتطوير المرئي
    3. البحث عن الملفات استنادًا إلى اسم الملف أو المحتوى | Mac OS
  5. إعداد المواقع
    1. حول مواقع Dreamweaver
    2. إعداد إصدار محلي من موقعك
    3. الاتصال بخادم نشر
    4. إعداد خادم اختبار
    5. استيراد إعدادات موقع Dreamweaver وتصديرها
    6. إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
    7. ميزات الوصول في Dreamweaver
    8. الإعدادات المتقدمة
    9. تعيين تفضيلات الموقع لنقل الملفات
    10. تحديد إعدادات خادم الوكيل في Dreamweaver
    11. مزامنة إعدادات Dreamweaver مع Creative Cloud
    12. استخدام Git في Dreamweaver
  6. إدارة الملفات
    1. إنشاء الملفات وفتحها
    2. إدارة الملفات والمجلدات
    3. إحضار الملفات من الخادم ووضعها فيه
    4. سحب الملفات وإيداعها
    5. مزامنة الملفات
    6. مقارنة الملفات لمعرفة الاختلافات
    7. حماية ملفات ومجلدات في موقع Dreamweaver
    8. تمكين Design Notes لمواقع Dreamweaver وتعطيلها
    9. منع الاستغلال المحتمل لـ Gatekeeper
  7. التخطيط والتصميم
    1. استخدام الأدوات المساعدة المرئية للتخطيط
    2. حول استخدام CSS لتخطيط صفحاتك
    3. تصميم مواقع ويب تفاعلية باستخدام Bootstrap
    4. إنشاء استعلامات الوسائط واستخدامها في Dreamweaver
    5. عرض المحتوى باستخدام الجداول
    6. الألوان
    7. تصميم استجابة باستخدام مخططات الشبكة المرنة
    8. ميزة Extract في Dreamweaver
  8. CSS
    1. فهم أوراق الأنماط المتتالية
    2. تخطيط الصفحات باستخدام CSS Designer
    3. استخدام معالجات CSS الأولية في Dreamweaver
    4. كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
    5. نقل قواعد CSS في Dreamweaver
    6. تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
    7. استخدام علامات div
    8. تطبيق تدرجات على الخلفية
    9. إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
    10. تنسيق التعليمات البرمجية
  9. محتويات الصفحة وأصولها
    1. تعيين خصائص الصفحة
    2. تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
    3. استخدام النص
    4. البحث عن النص والعلامات والسمات واستبدالها
    5. لوحة DOM
    6. التحرير في Live View
    7. ترميز المستندات في Dreamweaver
    8. تحديد العناصر وعرضها في النافذة Document
    9. تعيين خصائص النص في عارض الخصائص
    10. إجراء التدقيق الإملائي لصفحة ويب
    11. استخدام القواعد الأفقية في Dreamweaver
    12. إضافة مجموعات الخطوط وتعديلها في Dreamweaver
    13. استخدام الأصول
    14. إدراج التواريخ وتحديثها في Dreamweaver
    15. إنشاء الأصول المفضلة وإدارتها في Dreamweaver
    16. إدراج الصور وتحريرها في Dreamweaver
    17. إضافة كائنات وسائط
    18. إضافة مقاطع الفيديو في Dreamweaver
    19. إدراج فيديو HTML5
    20. إدراج ملفات SWF
    21. إضافة تأثيرات صوتية
    22. إدراج صوت HTML5 في Dreamweaver
    23. العمل باستخدام عناصر المكتبة
    24. استخدام النصوص العربية والعبرية في Dreamweaver
  10. الربط والتنقل
    1. حول الربط والتنقل
    2. الربط
    3. مخططات الصور
    4. استكشاف أخطاء الارتباطات وحلها
  11. عناصر واجهة jQuery وتأثيراتها
    1. استخدام عناصر واجهة مستخدم jQuery UI والجوال في Dreamweaver
    2. استخدام تأثيرات jQuery في Dreamweaver
  12. كتابة التعليمات البرمجية لمواقع الويب
    1. حول كتابة التعليمات البرمجية في Dreamweaver
    2. بيئة كتابة التعليمات البرمجية في Dreamweaver
    3. تعيين تفضيلات التعليمات البرمجية
    4. تخصيص ألوان التعليمات البرمجية
    5. كتابة تعليمة برمجية وتحريرها
    6. تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
    7. طي التعليمات البرمجية وتوسيعها
    8. إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
    9. فحص التعليمات البرمجية
    10. تحسين التعليمة البرمجية
    11. تحرير التعليمة البرمجية في طريقة العرض Design
    12. العمل باستخدام محتوى العنوان للصفحات
    13. إدراج تضمينات على جانب الخادم في Dreamweaver
    14. استخدام مكتبات العلامات في Dreamweaver
    15. استيراد علامات مخصصة إلى Dreamweaver
    16. استخدام سلوكيات JavaScript (إرشادات عامة)
    17. تطبيق سلوكيات JavaScript المضمنة
    18. نبذة عن لغتي XML وXSLT
    19. تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
    20. تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
    21. إضافة كيانات أحرف لـ XSLT في Dreamweaver
    22. تنسيق التعليمات البرمجية
  13. عمليات سير العمل على مستوى المنتجات
    1. تثبيت الملحقات واستخدامها في Dreamweaver
    2. التحديثات من داخل التطبيق في Dreamweaver
    3. إدراج مستندات Microsoft Office في Dreamweaver ‏(Windows فقط)
    4. استخدام Fireworks وDreamweaver
    5. تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
    6. تكامل Dreamweaver مع تطبيق Business Catalyst
    7. إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
  14. القوالب
    1. حول قوالب Dreamweaver
    2. التعرف على القوالب والمستندات القائمة على القوالب
    3. إنشاء قالب Dreamweaver
    4. إنشاء مناطق قابلة للتحرير في القوالب
    5. إنشاء مناطق وجداول التكرار في Dreamweaver
    6. استخدام المناطق الاختيارية في القوالب
    7. تحديد سمات العلامات القابلة للتحرير في Dreamweaver
    8. كيفية إنشاء قوالب متداخلة في Dreamweaver
    9. تحرير القوالب وتحديثها وحذفها
    10. تصدير محتوى xml واستيراده في Dreamweaver
    11. تطبيق أو إزالة قالب من مستند موجود
    12. تحرير المحتوى في قوالب Dreamweaver
    13. قواعد بناء الجملة لعلامات القوالب في Dreamweaver
    14. تعيين تفضيلات التمييز لمناطق القالب
    15. فوائد استخدام القوالب في Dreamweaver
  15. شاشات الهاتف المحمول والشاشات المتعددة
    1. إنشاء استعلامات الوسائط
    2. تغيير اتجاه الصفحة للأجهزة الجوالة
    3. إنشاء تطبيقات الويب للأجهزة الجوالة باستخدام Dreamweaver
  16. المواقع والصفحات ونماذج الويب الديناميكية
    1. فهم تطبيقات الويب
    2. إعداد الكمبيوتر لتطوير التطبيقات
    3. استكشاف أخطاء اتصالات قاعدة البيانات وحلها
    4. إزالة برامج الاتصال النصية في Dreamweaver
    5. تصميم صفحات ديناميكية
    6. نظرة عامة على مصادر المحتوى الديناميكي
    7. تعريف مصادر المحتوى الديناميكي
    8. إضافة محتوى ديناميكي إلى الصفحات
    9. تغيير المحتوى الديناميكي في Dreamweaver
    10. عرض سجلات قاعدة البيانات
    11. توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
    12. إضافة سلوكيات خادم مخصصة في Dreamweaver
    13. إنشاء النماذج باستخدام Dreamweaver
    14. استخدام النماذج لجمع معلومات من المستخدمين
    15. إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
    16. إنشاء نماذج الويب
    17. دعم HTML5 محسّن لعناصر النماذج
    18. تطوير نموذج باستخدام Dreamweaver
  17. إنشاء التطبيقات مرئيًا
    1. إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
    2. إنشاء صفحات البحث والنتائج
    3. إنشاء صفحة إدراج سجل
    4. إنشاء صفحة تحديث سجل في Dreamweaver
    5. إنشاء صفحات حذف سجل في Dreamweaver
    6. استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
    7. إنشاء صفحة تسجيل
    8. إنشاء صفحة تسجيل دخول
    9. إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
    10. تأمين المجلدات في Coldfusion باستخدام Dreamweaver
    11. استخدام مكونات ColdFusion في Dreamweaver
  18. اختبار مواقع الويب ومعاينتها ونشرها
    1. معاينة الصفحات
    2. معاينة صفحات ويب Dreamweaver على أجهزة متعددة
    3. اختبار موقع Dreamweaver
  19. استكشاف الأخطاء وإصلاحها
    1. المشكلات التي تم إصلاحها
    2. المشكلات المعروفة

 

 

استخدام XML وXSL مع صفحات ويب Dreamweaver.

ملاحظة:

تم تبسيط واجهة المستخدم في Dreamweaver CC والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver CC والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، انظر هذه المقالة.

استخدام XML وXSL مع صفحات الويب

لغة التمييز القابلة للامتداد (XML) هي لغة تتيح لك هيكلة المعلومات. حيث تتيح لك لغة XML، تمامًا مثل لغة HTML، هيكلة معلوماتك باستخدام العلامات، إلا أن علامات لغة XML ليست محددة مسبقًا مثل علامات HTML. بل تتيح لك لغة XML بدلاً من ذلك، إمكانية إنشاء علامات تعرِّف هيكل البيانات الخاص (مخطط). وتكون العلامات متداخلة مع بعضها البعض لإنشاء مخطط من العلامات الأصلية والتابعة. ومثل معظم علامات HTML، يحتوي مخطط XML على علامات فتح وإغلاق.

فيما يلي مثالٌ على البنية الأساسية لملف XML:

<?xml version=“1.0”> 
<mybooks> 
    <book bookid=“1”> 
        <pubdate>03/01/2004</pubdate> 
        <title>Displaying XML Data with Adobe Dreamweaver</title> 
        <author>Charles Brown</author> 
    </book> 
    <book bookid=“2”> 
        <pubdate>04/08/2004</pubdate> 
        <title>Understanding XML</title> 
        <author>John Thompson</author> 
    </book> 
</mybooks>

في هذا المثال، تحتوي كل علامة أصلية <book> على ثلاث علامات تابعة: <pubdate>و <title>و <author>. لكن كل علامة <book> هي أيضًا علامة تابعة لعلامة <mybooks> وهي في مستوى واحد أعلى في المخطط. يمكنك تسمية وهيكلة علامات XML بأي طريقة، شريطة أن تعمل على تداخل العلامات تباعًا في العلامات الأخرى، وأن تعيِّن لكل علامة فتح علامة غلق مطابقة.

لا تحتوي مستندات XML على أي تنسيق - فهي عبارة عن حاويات للبيانات المهيكلة فقط. وبمجرد أن يصير لديك مخطط XML، يمكنك استخدام لغة صفحات الأنماط الموسَّعة (XSL) لعرض المعلومات. وبنفس الطريقة التي تتيح لك بها Cascading Style Sheets (CSS) تنسيق لغة HTML، تتيح لغة صفحات الأنماط الموسَّعة تنسيق بيانات XML. يمكنك تعريف الأنماط وعناصر الصفحة والتخطيطات إلخ في ملف XML بحيث أنه عندما يرى المستخدم بيانات XML في المستعرض، يتم تنسيق البيانات وفقًا لما قمت بتعريفه في ملف XSL. وتكون المحتويات (بيانات XML) والعرض (الذي يحدده ملف XSL) منفصلين تمامًا، وهو ما يوفر لك سيطرة أكبر على كيفية عرض المعلومات على صفحة الويب. والخلاصة، تعد لغة XSL تكنولوجيا عرض للغة XML، تكون فيها المخرجات الأساسية صفحة HTML.

لغة "تحويلات لغة صفحات الأنماط" (XSLT) هي لغة فرعية من لغة XSL تتيح لك بالفعل عرض بيانات على صفحة ويب، و"تحويلها" علاوة على أنماط XSL، إلى معلومات منسقة يمكن قراءتها في صورة HTML. يمكنك استخدام Dreamweaver لإنشاء صفحات XSLT تتيح لك إجراء تحويلات XSL باستخدام خادم تطبيقات أو مستعرض. في عملية تحويل XSL من جانب الخادم، يقوم الخادم بتنفيذ عملية تحويل XML وXSL وعرضها على الصفحة. في عملية التحويل من جانب العميل، يقوم المستعرض (مثل Internet Explorer) بتنفيذ العمل.

النهج الذي تتخذه نهائيًا (التحويلات من جانب الخادم مقابل التحويلات من جانب العميل) يعتمد على ما تحاول تحقيقه كنتيجة نهائية والتكنولوجيا المتاحة ومستوى إمكانية الوصول التي لديك إلى ملف مصدر XML، إلى جانب عوامل أخرى. ولكلٍ من النهجين فوائده وقيوده. على سبيل المثال تعمل التحويلات من جانب الخادم في كل المستعرضات، بينما تكون التحويلات من جانب العميل مقصورة على المستعرضات الحديثة فقط (على سبيل المثال Internet Explorer 6 وNetscape 8 وMozilla 1.8 وFirefox 1.0.2). حيث تتيح لك التحويلات من جانب الخادم عرض بيانات XML ديناميكيًا من الخادم الخاص بك أو من أي مكان آخر على الويب، بينما يجب أن تستخدم التحويلات من جانب العميل بيانات XML التي يستضيفها مستعرض الويب الخاص بك محليًا. وأخيرًا، تتطلب منك التحويلات من جانب الخادم نشر الصفحات على خادم تطبيقات تمت تهيئته، بينما تتطلب التحويلات من جانب العميل الوصول فقط إلى خادم ويب.

للحصول على تدريب حول فهم XML، راجع www.adobe.com/go/vid0165_ae.

تحويلات XSL على جانب الخادم

يوفر Dreamweaver طرقًا لإنشاء صفحات XSLT تتيح لك تحويلات XSL على جانب الخادم. عندما ينفذ أحد خوادم التطبيقات عملية تحويل XSL، يمكن أن يوجد الملف الذي يحتوي على بيانات XML على الخادم الخاص بك، أو في أي مكان آخر على الويب. بالإضافة إلى ذلك، يمكن أن يعرض المستعرض البيانات المحوَّلة. وأخيرًا، يعد نشر الصفحات للتحويلات من جانب الخادم شيئًا معقدًا ويتطلب أن يكون لديك إمكانية وصول إلى خادم تطبيقات.

وعند العمل باستخدام تحويلات XSL على جانب الخادم هذه، يمكنك استخدام Dreamweaver لإنشاء صفحات XSLT التي تقوم بإنشاء مستندات HTML بالكامل (صفحات XSLT بالكامل)، أو أجزاء XSLT التي تقوم بإنشاء جزء من مستند HTML. تكون صفحة XSLT الكاملة مشابهة لصفحة HTML المعتادة. فهو يحتوي على علامة <body> وعلامة <head>، ويتيح لك عرض مجموعة من بيانات HTML وXML على الصفحة. جزء XSLT هو جزء من الرموز، التي يستخدمها مستند منفصل يعرض بيانات XML المنسَّقة. وخلافًا لصفحة XSLT، المكتملة، يعد ملفًا مستقلاً يحتوي على علامة <body> أو <head>. إذا كنت ترغب في عرض بيانات في صفحة XML مستقلة، قم بإنشاء صفحة XSLT مكتملة، واربط بيانات XML التي لديك بها. وعلى الجانب الآخر، إذا كنت تريد عرض بيانات XML في قسم معين من صفحة ديناميكية موجودة - على سبيل المثال، صفحة رئيسية ديناميكية لمتجر منتجات رياضية، مع نتائج رياضية من موجز RSS معروضة على جانب الصفحة - قم بإنشاء جزء XSLT وأدخل مرجعًا له في الصفحة الديناميكية. إنشاء أجزاء XSLT واستخدامها مع صفحات ديناميكية أخرى لعرض بيانات XML، وهو السيناريو الأكثر شيوعًا.

ويعد الغرض من الخطوة الأولى التي تتمثل في إنشاء هذه الأنواع من الصفحات هو إنشاء جزء XSLT. وهو ملف منفصل يحتوي على تخطيط وتنسيق إلخ لبيانات XML التي تريد في النهاية عرضها في الصفحة الديناميكية. وبمجرد إنشاء جزء XSLT، تقوم بإدخال مرجع له في صفحتك الديناميكية (على سبيل المثال PHP أو صفحة ColdFusion). ويعمل المرجع الذي تم إدخاله إلى الجزء بصورة مشابهة للتضمين من جانب الخادم (SSI) - وتوجد بيانات XML المنسَّقة (الجزء) في ملف منفصل أثناء وجوده في طريقة العرض Design، ويظهر عنصر نائب للجزء على الصفحة الديناميكية نفسها. وعندما يطلب المستعرض الصفحة الديناميكية التي تحتوي على مرجع للجزء، يقوم الخادم بمعالجة التعليمات المضمَّنة ويقوم بإنشاء مستند جديد تظهر فيه المحتويات المنسَّقة للجزء بدلاً من العنصر النائب.

A. يطلب المستعرض صفحة ديناميكية B. يعثر خادم الويب على الصفحة ويمررها إلى خادم التطبيقات C. يفحص خادم التطبيقات الصفحة بحثًا عن تعليمات ويحصل على جزء XSLT D. ينفذ خادم التطبيقات التحويل (يقرأ جزء XSLT ويحصل على بيانات xml ويُنسقها) E. يقوم خادم التطبيقات بإدراج الجزء المنسَّق إلى الصفحة، ثم يمرره مرة أخرى إلى خادم الويب F. يرسل خادم الويب الصفحة النهائية إلى المستعرض 

استخدم سلوك خادم تحويل XSL لإدخال المرجع إلى جزء XSLT في صفحة ديناميكية. عندما تُدخل المرجع، يقوم Dreamweaver بإنشاء مجلد includes/MM_XSLTransform/ في المجلد الجذر للموقع الذي يحتوي على ملف مكتبة وقت التشغيل. ويستخدم خادم التطبيقات الوظائف المحددة في هذا الملف عند تحويل بيانات XML المحددة. ويكون الملف مسؤولاً عن إحضار بيانات XML وأجزاء XSLT، وتنفيذ تحويل XSL، وإخراج النتائج على صفحة الويب.

ويجب أن يكون كلٌ من الملف الذي يحتوي على جزء XSLT وملف XML الذي يحتوي على البيانات، وملف مكتبة وقت التشغيل الذي تم إنشاؤه على الخادم من أجل عرض صفحتك بصورة صحيحة. (إذا اخترت ملف XML بعيد كمصدر البيانات - ملف من ملقم RSS على سبيل المثال - يجب أن يكون هذا الملف بالطبع في مكان آخر على الإنترنت).

يمكنك أيضًا استخدام Dreamweaver لإنشاء صفحات XSLT مكتملة لاستخدامها مع التحويلات على جانب الخادم. وتعمل صفحة XSLT المكتملة بنفس طريقة جزء XSLT، فقط عندما تقوم بإدخال المرجع إلى صفحة XSLT المكتملة باستخدام سلوك خادم تحويل XSL، حيث تقوم بإدخال المحتويات الكاملة لصفحة HTML. وبالتالي، يجب إزالة كل HTML من الصفحة الديناميكية (صفحة .cfm أو .php أو .asp التي تعمل كصفحة حاوية) قبل أن تقوم بإدخال المرجع.

يدعم Dreamweaver تحويلات XSL لصفحات ColdFusion وASP وPHP.

ملاحظة:

يجب أن تتم تهيئة الخادم بصورة صحيحة لتنفيذ التحويلات من جانب الخادم. لمزيد من المعلومات، يرجى الاتصال بمسؤول الخادم.

تحويلات XSL على جانب العميل

يمكنك تنفيذ تحويلات XSL على العميل بدون استخدام خادم تطبيقات. يمكنك استخدام Dreamweaver لإنشاء صفحة XSLT بالكامل ستقوم بذلك، ومع ذلك، تتطلب التحويلات على جانب العميل معالجة ملف XML الذي يحتوي على البيانات التي تريد عرضها. بالإضافة إلى ذلك، ستعمل التحويلات على جانب العميل في المستعرضات الحديثة فقط (على سبيل المثال Internet Explorer 6 وNetscape 8 وMozilla 1.8 وFirefox 1.0.2). 

أولاً، قم بإنشاء صفحة XSLT بالكامل وألحق مصدر بيانات XML. يطالبك Dreamweaver بإلحاق مصدر البيانات عندما تقوم بإنشاء الصفحة الجديدة). يمكنك إنشاء صفحة XSLT من الصفر، أو يمكنك تحويل صفحة HTML موجودة إلى صفحة XSLT. عندما تقوم بتحويل صفحة HTML موجودة إلى صفحة XSLT، يجب عليك إلحاق مصدر بيانات XML باستخدام لوحة Bindings (Window > Bindings).

بعد أن تقوم بإنشاء صفحة XSLT، يجب أن تربطها بملف XML الذي يحتوي على بيانات XML عن طريق إدخال مرجع إلى صفحة XSLT في ملف XML نفسه (في الأغلب تقوم بإدخال مرجع إلى صحيفة أنماط CSS في القسم <head> من صفحة HTML). يجب أن يرى زائرو موقعك ملف XML (وليس صفحة XSLT) في مستعرض. عندما يرى زوار موقعك الصفحة، ينفذ المستعرض تحويل XSL، ويعرض بيانات XML، المنسقة حسب صفحة XSLT المرتبطة.

هذه العلاقة بين صفحات XSLT وXML المرتبطة تكون متشابهة نظريًا، لكنها تكون مختلفة عن نموذج صفحة CSS/HTML. حينما يكون لديك صفحة HTML تحتوي على محتويات (مثل نص)، تستخدم صفحة أنماط خارجية لتنسيق المحتوى. تحدد صفحة HTML المحتويات، بينما تحدد تعليمة CSS البرمجية الخارجية، التي لا يراها المستخدم أبدًا، العرض. مع XSLT وXML، ينعكس الوضع. ويحدد ملف XML (الذي لا يراه المستخدم أبدًا في صورته الأولية)، المحتويات، بينما تحدد صفحة XSLT العرض. وتحتوي صفحة XSLT على الجداول والتخطيط والرسوم وغيرها من الأشياء التي تحتوي عليها عادة صفحات HTML القياسية. عندما يرى أحد الزوار ملف XML في مستعرض، تقوم صفحة XSLT بتنسيق المحتوى.

A. يطلب المستعرض ملف XML B. يستجيب الخادم من خلال إرسال ملف XML إلى المستعرض C. يقرأ المستعرض توجيه XML ويستدعي ملف XSLT D. يرسل الخادم ملف XSLT إلى المستعرض E. يحوِّل المستعرض بيانات XML ويعرضها في المستعرض 

عندما تستخدم Dreamweaver لربط صفحة XSLT بصفحة XML، يُدرج Dreamweaver التعليمة البرمجية المناسبة لك في أعلى صفحة XML. إذا كانت لديك صفحة XML تقوم بربطها (هذا إذا كان ملف XML موجود حصريًا على مستعرض الويب الخاص بك، فكل ما تحتاج إلى عمله هو استخدام Dreamweaver لإدخال التعليمة البرمجية الملائمة التي تربط الصفحتين. عندما يكون لديك ملف XML، تكون تحويلات XSL التي ينفذها العميل ديناميكية بالكامل. بحيث أنه عندما تقوم بتحديث البيانات في ملف XML، سيتم تلقائيًا تحديث مخرجات HTML التي تستخدم صفحة XSLT المرتبطة عند إدخال المعلومات الجديدة.

ملاحظة:

يجب أن تكون ملفات XML وXSL التي تستخدمها للتحويلات من جانب العميل موجودة في نفس الدليل. إذا لم تكن موجودة، سيقرأ المستعرض ملف XML ويعثر على صفحة XSLT للتحويل، لكنه لن ينجح في العثور على الأصول (صحيفة الأنماط والصور وغيرها) التي تحددها الارتباطات ذات الصلة في صفحة XSLT.

إذا لم تكن لديك صفحة XML التي تقوم بالربط إليها (على سبيل المثال، إذا كنت ترغب في استخدام بيانات XML من ملقم RSS في مكان ما بالخارج على الويب، سيكون سير العمل أكثر تعقيدًا. لإجراء التحويلات من جانب العميل باستخدام بيانات XML من مصدر خارجي، يجب عليك أولاً تنزيل ملف مصدر XML إلى نفس الدليل الذي توجد فيه صفحة XSLT. عندما تكون صفحة XML في موقعك المحلي، يمكنك استخدام Dreamweaver لإضافة التعليمة البرمجية الملائمة التي تربطها بصفحة XSLT، وتقوم بنشر كلتا الصفحتين (ملف XML الذي تم تنزيله وصفحة XSLT المرتبطة) إلى خادم الويب. عندما يرى المستخدم صفحة XML في المستعرض، تقوم صفحة XSLT بتنسيق المحتويات كما في المثال السابق.

ويتمثل العيب في إجراء تحويلات XSL من جانب العميل على بيانات XML التي تأتي من مصدر خارجي في أن بيانات XML تكون "ديناميكية" جزئيًا. ويكون ملف XML الذي تنزله وتعدله هو فقط "لقطة" من الملف الموجود في مكان آخر على الويب. إذا كان ملف XML الأصلي بعيدًا عند إجراء تغييرات الويب، يجب عليك تنزيل الملف مرة أخرى وربطه بصفحة XSLT، وتعيد نشر ملف XML على خادم الويب. حيث يعرض المستعرض فقط البيانات التي يتلقاها من ملف XML الموجود على خادم الويب الخاص بك، وليست البيانات التي يحتويها ملف مصدر XML الأصلي.

بيانات XML وعناصر التكرار

يتيح لك كائن XSLT لمنطقة التكرار إمكانية عرض عناصر التكرار من ملف XML داخل صفحة. ويمكن تحويل أي منطقة تحتوي على عنصر نائب بيانات XML إلى منطقة مكررة. إلا أن المناطق الأكثر شيوعًا هي جدول أو صف بجدول أو سلسلة من صفوف الجداول.

يعرض المثال التالي كيف يتم تطبيق كائن XSLT لمنطقة التكرار على صف جدول يعرض معلومات قائمة لمطعم. يعرض الصف الأولي ثلاثة عناصر مختلفة من مخطط XML: وهي الصنف والوصف والسعر. عند تطبيق كائن XSLT لمنطقة التكرار على صف الجدول، ويقوم خادم تطبيقات أو مستعرض بمعالجة الصفحة، يتكرر الجدول ببيانات فريدة يتم إدخالها في كل صف جدول جديد.

عندما تقوم بتطبيق كائن XSLT لمنطقة التكرار على عنصر في النافذة Document، يظهر حد رقيق مبوب رمادي حول المنطقة المكررة. عندما تقوم باستعراض عملك في مستعرض (File > Preview in Browser)، يختفي الحد الرمادي ويمتد التحديد لعرض عناصر التكرار المحددة في ملف XML، مثل التوضيح السابق.

عندما تضيف كائن XSLT لمنطقة التكرار إلى الصفحة، يكون طول العنصر النائب لبيانات XML في النافذة Document مبتورًا. ويرجع هذا إلى قيام Dreamweaver بتحديث تعبير XPath (لغة مسار XML) للعنصر النائب لبيانات XML بحيث يكون متعلقًا بمسار عنصر التكرار.

على سبيل المثال، التعليمة البرمجية التالية هي لجدول يحتوي على عنصرين نائبين ديناميكيين، بدون تطبيق كائن XSLT لمنطقة تكرار على الجدول.

<table width="500" border="1"> 
    <tr> 
        <td><xsl:value-of select="rss/channel/item/title"/></td> 
    </tr> 
    <tr> 
        <td><xsl:value-of select="rss/channel/item/description"/></td> 
    </tr> 
</table>

والتعليمة البرمجية التالية هي لنفس الجدول بكائن XSLT لمنطقة التكرار المطبَّق عليها:

<xsl:for-each select="rss/channel/item"> 
    <table width="500" border="1"> 
        <tr> 
            <td><xsl:value-of select="title"/></td> 
        </tr> 
        <tr> 
            <td><xsl:value-of select="description"/></td> 
        </tr> 
    </table> 
</xsl:for-each>

في المثال السابق، قام Dreamweaver بتحديث XPath للعناصر التي تقع في منطقة التكرار (العنوان والوصف) لتكون ذات صلة بـ XPath في العلامات التضمينية <xsl:for-each>، بدلاً من المستند بأكمله.

يقوم Dreamweaver بإنشاء تعبيرات XPath تتعلق بالسياق في حالات أخرى أيضًا. على سبيل المثال، إذا قمت بسحب عنصر بديل لبيانات XML إلى جدول يحتوي بالفعل على كائن XSLT لمنطقة تكرار مطبق عليه، يعرض Dreamweaver تلقائيًا XPath المتعلق بـ XPath الحالي في العلامات التضمينية <xsl:for-each>.

معاينة بيانات XML

عندما تستخدم استعراض في المستعرض (File > Preview in Browser) لاستعراض بيانات XML التي قمت بإدخالها في جزء XSLT أو في صفحة XSLT مكتملة، يختلف المحرك الذي يقوم بإجراء تحويل XSL من موقف لآخر. بالنسبة للصفحات الديناميكية التي تحتوي على أجزاء XSLT، ينفذ خادم التطبيقات دائمًا التحويل. وفي أوقات أخرى، يمكن لـ Dreamweaver أو للمستعرض إجراء التحويل.

يلخص الجدول التالي المواقف عندما تستخدم استعراض في المستعرض، والمحركات التي تنفذ التحويلات المعنية.

نوع الصفحة التي يستعرضها المستعرض

تحويل البيانات الذي تنفذه

الصفحة الديناميكية التي تحتوي على جزء XSLT

خادم التطبيقات

جزء XSLT أو صفحة XSLT كاملة

Dreamweaver

ملف XML بارتباط لصفحة XSLT كاملة

المستعرض

توفر الموضوعات التالية إرشادات للمساعدة في تحديد أساليب الاستعراض الملائمة، القائمة على احتياجاتك.

عرض الصفحات للتحويلات على جانب الخادم

في حالة التحويلات من جانب الخادم، يرى زائر الموقع في النهاية المحتوى الذي يحوله خادم التطبيقات. عند إنشاء صفحات XSLT وصفحات ديناميكية للاستخدام مع التحويلات من جانب الخادم، يُفضل دائمًا استعراض الصفحة الديناميكية التي تحتوي على جزء XSLT بدلاً من جزء XSLT نفسه. في السيناريو السابق، تستخدم خادم التطبيقات، الذي يضمن أن استعراضك متسق مع ما سيراه زائرو الموقع عند زيارتهم للصفحة. وفي السيناريو الأخير، ينفذ Dreamweaver التحويلات، ويمكن أن يقدم نتائج غير متسقة إلى حدٍ ما. يمكنك استخدام Dreamweaver لاستعراض جزء XSLT أثناء إنشائك له، لكنك ستكون قادرًا على رؤية النتائج الأكثر دقة لإخراج البيانات إذا كنت تستخدم خادم التطبيقات لعرض صفحاتك الديناميكية بعد إدخالك لجزء XSLT.

استعراض الصفحات للتحويلات من جانب العميل

في حالة التحويلات من جانب العميل، يحول المستعرض المحتويات التي يراها زائر الموقع في النهاية. يمكنك تنفيذ ذلك بإضافة ارتباط من ملف XML إلى صفحة XSLT. إذا فتحت ملف XML في Dreamweaver واستعرضته في مستعرض، فإنك تجبر المستعرض على تحميل ملف XML وتنفيذ التحويل. وهذا يجعلك تعيش نفس التجربة التي سيجربها زائر موقعك.

ومع ذلك، فإن استخدام هذا المنهج، يجعل الأمر أكثر صعوبة في إصلاح صفحتك، لأن مستعرضك يقوم بتحويل XML وإنشاء HTML داخليًا. إذا حددت خيار View Source بالمستعرض من أجل إصلاح HTML الذي تم إنشاؤه، سترى فقط XML الأصلي الذي تلقاه مستعرضك، وليس HTML الكامل (العلامات، والأنماط وغيرها) المسؤول عن عرض الصفحة. لعرض HTML الكامل عند عرض التعليمة البرمجية المصدر، يجب عليك بدلاً من ذلك استعراض صفحة XSLT في مستعرض.

عرض صفحات XSLT الكاملة وأجزاء XSLT

عند إنشاء صفحات XSLT كاملة وأجزاء XSLT، سترغب في عرض عملك للتأكد من عرض بيانات بصورة صحيحة. في حالة استخدامك لخيار Preview in Browser لعرض صفحة XSLT كاملة أو جزء XSLT، ينفذ Dreamweaver التحويل باستخدام محرك التحويل المضمَّن. وتمنحك هذه الطريقة نتائج سريعة، وتجعل من الأسهل عليك بناء صفحتك بطريقة تراكمية وإصلاحها. كما توفر لك طريقة لعرض HTML الكامل (العلامات والأنماط وغيرها) عن طريق تحديد خيار View Source في المستعرض.

ملاحظة:

ويشيع استخدام أسلوب العرض هذا عندما تبدأ بناء صفحات XSLT، بغض النظر عما إذا كنت تستخدم عميلاً أو خادمًا لتحويل البيانات.

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟