- دليل مستخدم Dreamweaver
- مقدمة
- Dreamweaver وCreative Cloud
- مساحات عمل Dreamweaver وطرق عرضه
- إعداد المواقع
- حول مواقع Dreamweaver
- إعداد إصدار محلي من موقعك
- الاتصال بخادم نشر
- إعداد خادم اختبار
- استيراد إعدادات موقع Dreamweaver وتصديرها
- إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
- ميزات الوصول في Dreamweaver
- الإعدادات المتقدمة
- تعيين تفضيلات الموقع لنقل الملفات
- تحديد إعدادات خادم الوكيل في Dreamweaver
- مزامنة إعدادات Dreamweaver مع Creative Cloud
- استخدام Git في Dreamweaver
- إدارة الملفات
- التخطيط والتصميم
- CSS
- فهم أوراق الأنماط المتتالية
- تخطيط الصفحات باستخدام CSS Designer
- استخدام معالجات CSS الأولية في Dreamweaver
- كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
- نقل قواعد CSS في Dreamweaver
- تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
- استخدام علامات div
- تطبيق تدرجات على الخلفية
- إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
- تنسيق التعليمات البرمجية
- محتويات الصفحة وأصولها
- تعيين خصائص الصفحة
- تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
- استخدام النص
- البحث عن النص والعلامات والسمات واستبدالها
- لوحة DOM
- التحرير في Live View
- ترميز المستندات في Dreamweaver
- تحديد العناصر وعرضها في النافذة Document
- تعيين خصائص النص في عارض الخصائص
- إجراء التدقيق الإملائي لصفحة ويب
- استخدام القواعد الأفقية في Dreamweaver
- إضافة مجموعات الخطوط وتعديلها في Dreamweaver
- استخدام الأصول
- إدراج التواريخ وتحديثها في Dreamweaver
- إنشاء الأصول المفضلة وإدارتها في Dreamweaver
- إدراج الصور وتحريرها في Dreamweaver
- إضافة كائنات وسائط
- إضافة مقاطع الفيديو في Dreamweaver
- إدراج فيديو HTML5
- إدراج ملفات SWF
- إضافة تأثيرات صوتية
- إدراج صوت HTML5 في Dreamweaver
- العمل باستخدام عناصر المكتبة
- استخدام النصوص العربية والعبرية في Dreamweaver
- الربط والتنقل
- عناصر واجهة jQuery وتأثيراتها
- كتابة التعليمات البرمجية لمواقع الويب
- حول كتابة التعليمات البرمجية في Dreamweaver
- بيئة كتابة التعليمات البرمجية في Dreamweaver
- تعيين تفضيلات التعليمات البرمجية
- تخصيص ألوان التعليمات البرمجية
- كتابة تعليمة برمجية وتحريرها
- تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
- طي التعليمات البرمجية وتوسيعها
- إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
- فحص التعليمات البرمجية
- تحسين التعليمة البرمجية
- تحرير التعليمة البرمجية في طريقة العرض Design
- العمل باستخدام محتوى العنوان للصفحات
- إدراج تضمينات على جانب الخادم في Dreamweaver
- استخدام مكتبات العلامات في Dreamweaver
- استيراد علامات مخصصة إلى Dreamweaver
- استخدام سلوكيات JavaScript (إرشادات عامة)
- تطبيق سلوكيات JavaScript المضمنة
- نبذة عن لغتي XML وXSLT
- تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
- تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
- إضافة كيانات أحرف لـ XSLT في Dreamweaver
- تنسيق التعليمات البرمجية
- عمليات سير العمل على مستوى المنتجات
- تثبيت الملحقات واستخدامها في Dreamweaver
- التحديثات من داخل التطبيق في Dreamweaver
- إدراج مستندات Microsoft Office في Dreamweaver (Windows فقط)
- استخدام Fireworks وDreamweaver
- تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
- تكامل Dreamweaver مع تطبيق Business Catalyst
- إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
- القوالب
- حول قوالب Dreamweaver
- التعرف على القوالب والمستندات القائمة على القوالب
- إنشاء قالب Dreamweaver
- إنشاء مناطق قابلة للتحرير في القوالب
- إنشاء مناطق وجداول التكرار في Dreamweaver
- استخدام المناطق الاختيارية في القوالب
- تحديد سمات العلامات القابلة للتحرير في Dreamweaver
- كيفية إنشاء قوالب متداخلة في Dreamweaver
- تحرير القوالب وتحديثها وحذفها
- تصدير محتوى xml واستيراده في Dreamweaver
- تطبيق أو إزالة قالب من مستند موجود
- تحرير المحتوى في قوالب Dreamweaver
- قواعد بناء الجملة لعلامات القوالب في Dreamweaver
- تعيين تفضيلات التمييز لمناطق القالب
- فوائد استخدام القوالب في Dreamweaver
- شاشات الهاتف المحمول والشاشات المتعددة
- المواقع والصفحات ونماذج الويب الديناميكية
- فهم تطبيقات الويب
- إعداد الكمبيوتر لتطوير التطبيقات
- استكشاف أخطاء اتصالات قاعدة البيانات وحلها
- إزالة برامج الاتصال النصية في Dreamweaver
- تصميم صفحات ديناميكية
- نظرة عامة على مصادر المحتوى الديناميكي
- تعريف مصادر المحتوى الديناميكي
- إضافة محتوى ديناميكي إلى الصفحات
- تغيير المحتوى الديناميكي في Dreamweaver
- عرض سجلات قاعدة البيانات
- توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
- إضافة سلوكيات خادم مخصصة في Dreamweaver
- إنشاء النماذج باستخدام Dreamweaver
- استخدام النماذج لجمع معلومات من المستخدمين
- إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
- إنشاء نماذج الويب
- دعم HTML5 محسّن لعناصر النماذج
- تطوير نموذج باستخدام Dreamweaver
- إنشاء التطبيقات مرئيًا
- إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
- إنشاء صفحات البحث والنتائج
- إنشاء صفحة إدراج سجل
- إنشاء صفحة تحديث سجل في Dreamweaver
- إنشاء صفحات حذف سجل في Dreamweaver
- استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
- إنشاء صفحة تسجيل
- إنشاء صفحة تسجيل دخول
- إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
- تأمين المجلدات في Coldfusion باستخدام Dreamweaver
- استخدام مكونات ColdFusion في Dreamweaver
- اختبار مواقع الويب ومعاينتها ونشرها
- استكشاف الأخطاء وإصلاحها
تم تبسيط واجهة المستخدم في Dreamweaver CC والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver CC والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، انظر هذه المقالة.
معلومات عن سجلات قاعدة البيانات
يشتمل عرض سجلات قاعدة البيانات على استرداد المعلومات المخزنة في قاعدة بيانات أو في مصدر محتوى آخر، وتقديم هذه المعلومات إلى صفحة ويب. يوفر Dreamweaver العديد من طرق عرض المحتوى الديناميكي، ويوفر عدة سلوكيات خادم مضمنة تتيح لك إمكانية تعزيز العرض التقديمي للمحتوى الديناميكي، وتتيح للمستخدمين إمكانية البحث خلاله والتنقل ضمن المعلومات التي تم الحصول عليها من قاعدة بيانات، على نحو أكثر سهولة.
تمدك قواعد البيانات والمصادر الأخرى للمحتوى الديناميكي بمزيد من الإمكانات والمرونة في عملية البحث عن التخزينات الكبيرة من المعلومات وفرزها وعرضها. يعتبر استخدام قاعدة بيانات لتخزين محتوى لمواقع ويب أمرًا منطقيًا عندما تحتاج إلى تخزين قدر كبير من المعلومات، ثم استرداد تلك المعلومات وعرضها بطريقة ذات معنى. يمدك Dreamweaver بأدوات عديدة وسلوكيات سابقة الإنشاء لمساعدتك على استرداد المعلومات المخزنة في قاعدة بيانات وعرضها بفعالية.
سلوكيات الخادم وعناصر التنسيق
يوفر Dreamweaver سلوكيات الخادم وعناصر التنسيق التالية ليتيح لك إمكانية تعزيز عرض البيانات الديناميكية:
Formats
يتيح لك إمكانية تطبيق أنواع مختلفة من القيم الرقمية، والمالية، وقيم الوقت والتاريخ، والنسبة المئوية على النص الديناميكي.
على سبيل المثال، إذا كان سعر عنصر في مجموعة سجلات يُقرأ 10.989، فيمكنك عرض السعر في الصفحة كالآتي $10.99 عن طريق تحديد التنسيق “Currency - 2 Decimal Places” في Dreamweaver. يعرض هذا التنسيق رقمًا يستخدم منزلين عشريين. إذا كان للرقم أكثر من منزلين عشريين، يقوم تنسيق البيانات بتقريب الرقم إلى أقرب عشرة. عند عدم وجود أي منازل عشرية للرقم، يضيف تنسيق البيانات نقطة عشرية وصفرين.
Repeating Region
تتيح لك سلوكيات الخادم إمكانية عرض العناصر المتعددة الراجعة من استعلام قاعدة بيانات، وتتيح لك إمكانية تحديد عدد السجلات المطلوب عرضها لكل صفحة.
Recordset Navigation
تتيح لك سلوكيات الخادم إمكانية إدراج عناصر تنقل تتيح للمستخدمين إمكانية الانتقال إلى مجموعة السجلات التالية أو السابقة التي تم الحصول عليها من مجموعة السجلات. على سبيل المثال، إذا قمت باختيار عرض 10 ثوانٍ لكل صفحة باستخدام كائن خادم Repeating Region، وأعادت مجموعة السجلات 40 ثانية، فيمكنك التنقل عبر 10 سجلات في المرة.
Recordset Status Bar
تتيح لك سلوكيات الخادم إمكانية تضمين عداد يبين للمستخدمين مكانهم داخل مجموعة سجلات متعلقة بالعدد الإجمالي للسجلات المعادة.
Show Region
تتيح لك سلوكيات الخادم إمكانية اختيار إظهار العناصر أو إخفائها على الصفحة استنادًا إلى صلة السجلات المعروضة حاليًا. على سبيل المثال، إذا تنقل مستخدم إلى السجل الأخير في مجموعة سجل، فيمكنك إخفاء الارتباط التالي، وعرض ارتباط السجلات السابق فقط.
تطبيق عناصر تخطيط الصفحة والعناصر الخطية على البيانات الديناميكية
تتوفر ميزة قوية من ميزات Dreamweaver وهي إمكانية تقديم البيانات الديناميكية داخل صفحة مبنية، وتطبيق التنسيق الخطي باستخدام HTML وCSS. لتطبيق التنسيقات على البيانات الديناميكية في Dreamweaver، قم بتنسيق الجداول والعناصر النائبة للبيانات الديناميكية باستخدام أدوات تنسيق Dreamweaver. عند إدراج البيانات من مصدر البيانات الخاص بها، فإنها تلقائيًا تختار تنسيق الجدول، والفقرة، والخط الذي حددته.
نتائج التنقل في مجموعة سجلات قاعدة البيانات
تتيح ارتباطات تنقل مجموعة السجلات للمستخدمين إمكانية التنقل من سجل إلى السجل الذي يليه، أو من مجموعة سجلات إلى مجموعة السجلات التي تليها. على سبيل المثال، بعد تصميم صفحة لعرض خمسة سجلات في مرة واحدة، قد تريد إضافة ارتباطات مثل Next أو Previous والتي تتيح للمستخدمين إمكانية عرض السجلات الخمسة التالية أو السابقة.
يمكنك إنشاء أربعة أنواع من ارتباطات التنقل للانتقال عبر مجموعة سجل: First، وPrevious، وNext، وLast. من الممكن أن تتضمن صفحة واحدة أي عدد من هذه الارتباطات، بشرط عملها في مجموعة سجلات واحدة. لا يمكنك إضافة ارتباطات للانتقال عبر مجموعة سجلات ثانية في نفس الصفحة.
تتطلب ارتباطات تنقل مجموعة السجلات العناصر الديناميكية التالية:
مجموعة سجلات للتنقل
محتوى ديناميكي في الصفحة لعرض السجل أو السجلات
نص أو صور على الصفحة لتكون بمثابة شريط تنقل قابل للنقر فوقه
مجموعة Move To Record لسلوكيات الخادم من أجل تنقل مجموعة السجلات
يمكنك إضافة العنصرين الأخيرين باستخدام كائن خادم Record Navigation Bar، أو يمكنك إضافتهما بشكل منفصل باستخدام أدوات التصميم واللوحة Server Behaviors.
إنشاء شريط تنقل لمجموعة سجلات
يمكنك إنشاء شريط تنقل لمجموعة سجلات في عملية واحدة باستخدام سلوك خادم Recordset Navigation Bar. يضيف كائن الخادم للصفحة حواجز الإنشاء التالية:
جدول HTML بارتباطات نص أو صورة
مجموعة سلوكيات خادم Move To
مجموعة سلوكيات خادم Show Region
يتشابه إصدار نص Recordset Navigation Bar مع ما يلي:
قبل وضع شريط التنقل على الصفحة، تأكد من أن الصفحة تتضمن مجموعة سجلات للتنقل وتخطيط صفحة لعرض السجلات فيها.
بعد وضع شريط التنقل على الصفحة، يمكنك استخدام أدوات التصميم لتخصيص الشريط كما ترغب. يمكنك أيضًا تحرير سلوكيات خادم Move To وShow Region بالنقر المزدوج فوقهما في اللوحة Server Behaviors.
يقوم Dreamweaver بإنشاء جدول يتضمن ارتباطات نص أو صورة تتيح للمستخدم إمكانية التنقل عبر مجموعة السجلات المحددة عند النقر فوقها. عند عرض السجل الأول في مجموعة السجلات، تختفي ارتباطات أو صور First وPrevious. عند عرض السجل الأخير في مجموعة السجلات، تختفي ارتباطات أو صور Next وLast.
يمكنك تخصيص تخطيط شريط التنقل باستخدام أدوات التصميم واللوحة Server Behaviors.
-
في طريقة العرض Design، ضع نقطة الإدراج في موقع الصفحة الذي تريد ظهور شريط التنقل فيه.
-
عرض مربع الحوار Recordset Navigation Bar (Insert > Data Objects > Recordset Paging > Recordset Navigation Bar).
-
حدد مجموعة السجلات التي تريد التنقل فيها من خلال القائمة المنبثقة Recordset.
-
من القسم Display Using، حدد التنسيق لعرض ارتباطات التنقل على الصفحة، وانقر فوق OK.
Text
وضع ارتباطات النص على الصفحة.
Images
تشمل الصور الرسومية كالارتباطات. يستخدم Dreamweaver ملفات الصورة الخاصة به. يمكنك استبدال هذه الصور بملفات صورة خاصة بك بعد وضع الشريط على الصفحة.
تخصيص أشرطة تنقل لمجموعة السجلات
يمكنك إنشاء شريط تنقل مجموعة سجلات خاص بك يستخدم تخطيط وأنماط تنسيق أكثر تعقيدًا من الجدول البسيط الذي أنشأه كائن خادم Recordset Navigation Bar.
لإنشاء شريط تنقل ضمن مجموعة السجلات لديك، يجب:
إنشاء ارتباطات تنقل في النص أو الصور
وضع الارتباطات الموجودة داخل الصفحة في طريقة العرض Design
تعيين سلوكيات خادم فردية لكل ارتباط تنقل
يصف هذا القسم كيفية تعيين سلوكيات خادم فردية لارتباطات التنقل.
إنشاء وتعيين سلوكيات الخادم لارتباط تنقل
-
في طريقة العرض Design، حدد سلسلة النص أو الصورة على الصفحة التي تريد استخدامها كارتباط تنقل للسجل.
-
افتح اللوحة Server Behaviors (Window > Server Behaviors)، ثم انقر فوق زر علامة الزائد (+).
-
حدد Recordset Paging من القائمة المنبثقة؛ ثم حدد سلوك خادم ملائم لذلك الارتباط من سلوكيات الخادم المسرودة.
إذا كانت مجموعة السجلات تتضمن عددًا كبيرًا من السجلات، فمن الممكن أن يستغرق سلوك خادم Move To Last Record وقتًا طويلاً للتشغيل عندما ينقر المستخدم فوق الارتباط.
-
في القائمة المنبثقة Recordset، حدد مجموعة السجلات التي تتضمن السجلات، وانقر فوق OK.
يتم تعيين سلوك الخادم إلى ارتباط التنقل.
تعيين خيارات مربع الحوار Move To (سلوك الخادم)
قم بإضافة الارتباطات التي تتيح للمستخدم إمكانية التنقل عبر السجلات في مجموعة سجل.
-
إذا لم تقم بتحديد أي شيء على الصفحة، فحدد ارتباطًا من القائمة المنبثقة.
-
حدد مجموعة السجلات التي تتضمن السجلات للتصفح عبرها، وانقر فوق OK.ملاحظة:
إذا كانت مجموعة السجلات تتضمن عددًا كبيرًا من السجلات، فمن الممكن أن يستغرق سلوك خادم Move To Last Record وقتًا طويلاً للتشغيل عندما ينقر المستخدم فوق الارتباط.
مهام تصميم شريط التنقل
عند إنشاء شريط تنقل مخصص، ابدأ بإنشاء عرضه التقديمي المرئي باستخدام أدوات تصميم صفحة Dreamweaver. لست في حاجة إلى إنشاء ارتباط لسلسلة النص أو الصورة، يقوم Dreamweaver بإنشائه نيابةً عنك.
يجب أن تشتمل الصفحة التي تنشئ لها شريط التنقل على مجموعة سجلات للتنقل. قد يتشابه شريط تنقل مجموعة السجلات البسيط مع هذا، بالإضافة إلى أزرار الارتباط التي تم إنشاؤها من الصور، أو عناصر المحتوى الأخرى:
بعد إضافتك لمجموعة سجلات إلى صفحة، وإنشاء شريط تنقل، يجب عليك تطبيق سلوكيات الخادم الفردية على كل عنصر تنقل. على سبيل المثال، يتضمن شريط التنقل التقليدي لمجموعة السجلات تمثيلات للارتباطات التالية المتطابقة مع السلوك الملائم:
ارتباط التنقل |
سلوك الخادم |
ذهاب إلى الصفحة الأولى |
انتقال إلى الصفحة الأولى |
ذهاب إلى الصفحة السابقة |
انتقال إلى الصفحة السابقة |
ذهاب إلى الصفحة التالية |
انتقال إلى الصفحة التالية |
ذهاب إلى الصفحة الأخيرة |
انتقال إلى الصفحة الأخيرة |
عرض المناطق وإخفاؤها استنادًا إلى نتائج مجموعة السجلات
يمكنك أيضًا تحديد عرض منطقة أو إخفائها استنادًا إلى ما إذا كانت مجموعة السجلات فارغة. إذا كانت مجموعة السجلات فارغة (على سبيل المثال، لا يوجد سجلات مطابقة للاستعلام)، فيمكنك عرض رسالة تبلغ المستخدم بأنه لا توجد سجلات معادة. ويكون هذا مفيدًا خصوصًا عند إنشاء صفحات بحث تعتمد على مصطلحات بحث يدخلها المستخدم لتشغيل الاستعلامات في المقابل. وبالمثل، يمكنك عرض رسالة خطأ، إذا كان هناك مشكلة في الاتصال بقاعدة بيانات، أو إذا كان اسم المستخدم وكلمة المرور للمستخدم لا يتطابقان مع اسم المستخدم وكلمة المرور المعترف بهما على الخادم.
سلوكيات خادم Show Region هي:
Show If Recordset Is Empty
Show If Recordset Is Not Empty
Show If First Page
Show If Not First Page
Show If Last Page
Show If Not Last Page
-
في طريقة العرض Design، حدد المنطقة الموجودة على الصفحة والمطلوب إظهارها أو إخفائها.
-
في اللوحة Server Behaviors (Window > Server Behaviors)، ثم انقر فوق الزر Plus (+).
-
حدد Show Region من القائمة المنبثقة، وحدد أحد سلوكيات الخادم المسرودة، وانقر فوق OK.
عرض نتائج متعددة لمجموعة سجلات
يتيح لك سلوك خادم Repeating Region إمكانية عرض سجلات متعددة من مجموعة سجلات داخل صفحة. يمكن إعادة أي تحديد للبيانات الديناميكية إلى منطقة تكرار. إلا أن المناطق الأكثر شيوعًا هي جدول أو صف بجدول أو سلسلة من صفوف الجداول.
-
في طريقة العرض Design، حدد منطقة تتضمن المحتوى الديناميكي.
يمكن أن يكون التحديد أي شيء، بما في ذلك جدول أو صف جدول أو حتى فقرة من نص.
لتحديد منطقة على الصفحة بدقة، يمكنك استخدام محدد العلامات في الزاوية اليسرى من نافذة المستند. على سبيل المثال، إذا كانت المنطقة صف جدول، فانقر داخل الصف الموجود على الصفحة، ثم انقر فوق العلامة <tr> الموجودة في أقصى اليمين داخل محدد العلامات لتحديد صف الجدول.
-
حدد Window > Server Behaviors لعرض اللوحة Server Behaviors.
-
انقر فوق الزر Plus (+)، وحدد Repeating Region.
-
من القائمة المنبثقة، حدد اسم مجموعة السجلات المطلوب استخدامها.
-
حدد عدد السجلات المطلوب عرضها في كل صفحة، وانقر فوق OK.
في النافذة Document، يظهر مخطط رمادي مبوب رفيع حول منطقة التكرار.
تعديل مناطق التكرار في عارض الخصائص
-
تعديل منطقة التكرار المحددة عن طريق تغيير أي من الخيارات التالية:
اسم منطقة التكرار.
مجموعة السجلات التي تقدم السجلات لمنطقة التكرار.
عدد السجلات المعروضة
عند تحديد خيار جديد، يقوم Dreamweaver بتحديث الصفحة.
إعادة استخدام مجموعات سجل PHP
للاطلاع على تدريب حول إعادة استخدام مجموعات سجل PHP، راجع تدريب ديفيد باورز، كيف أعيد استخدام مجموعة سجلات PHP في أكثر من منطقة تكرار واحدة؟
إنشاء جدول ديناميكي
يوضح المثال التالي كيفية تطبيق سلوك خادم Repeating Region على صف جدول، ويحدد عرض تسعة سجلات لكل صفحة. يعرض الصف نفسه أربعة سجلات مختلفة: المدينة، والدولة، وعنوان الشارع، ورمز ZIP.
لإنشاء جدول مثل الموجود في المثال السابق، يجب عليك إنشاء جدول يتضمن محتوى ديناميكيًا، وتطبيق سلوك خادم Repeating Region على صف الجدول الذي يشتمل على المحتوى الديناميكي. عند معالجة الصفحة بخادم التطبيق، يتم تكرار الصف عدد المرات المحددة في كائن خادم Repeating Region، بسجل مختلف مدخل في كل صف جديد.
-
قم بأحد الإجراءات التالية لإدراج جدول ديناميكي:
حدد Insert > Data Objects > Dynamic Data > Dynamic Table لعرض مربع الحوار Dynamic Table.
من الفئة Data في اللوحة Insert، انقر فوق الزر Dynamic Data وحدد أيقونة Dynamic Table من القائمة المنبثقة.
-
حدد مجموعة السجلات من القائمة المنبثقة Recordset.
-
حدد عدد السجلات المطلوب عرضها في كل صفحة.
-
(اختياري) قيم إدخال حد الجدول، ومساحات الخلايا، والتباعد بين الخلايا.
يحتفظ مربع الحوار Dynamic Table بالقيم التي أدخلتها لحدود الجدول، ومساحات الخلايا، والتباعد بين الخلايا.
ملاحظة:إذا كنت تعمل في مشروع يتطلب جداول ديناميكية عديدة بنفس المظهر، فأدخل قيم تخطيط الجدول، والتي تبسط تطوير الصفحة بشكل أفضل. يمكنك ضبط هذه القيم بعد إدراج الجدول باستخدام عارض الخصائص الخاص بالجدول.
-
انقر فوق OK.
يتم إدراج الجدول والعناصر النائبة للمحتوى الديناميكي المحدد في مجموعة السجلات المرتبطة به إلى الصفحة.
في هذه المثال، تتضمن مجموعة السجلات أربعة أعمدة: AUTHORID، وFIRSTNAME، وLASTNAME، وBIO. يتم ملء صف رأس الجدول بأسماء كل عمود. يمكنك تحرير الرؤوس باستخدام أي نص وصفي، أو استبدالها بصور ممثلة.
إنشاء عدادات سجل
توفر عدادات السجل للمستخدمين نقطة مرجعية عند التنقل عبر مجموعة سجلات. وعادة، تعرض عدادات السجل العدد الكلي للسجلات المعادة، والسجلات التي تعرض حاليًا. على سبيل المثال، إذا أعادت مجموعة سجلات 40 سجلاً فرديًا، ويتم عرض 8 سجلات لكل صفحة، فسيوضح عداد السجل الموجود في الصفحة الأولى "عرض سجلات 1-8 من 40."
قبل إنشاء عداد سجل لصفحة ما، يجب عليك إنشاء مجموعة سجلات للصفحة، وتخطيط صفحة ملائم لتضمين المحتوى الديناميكي، ثم شريط تنقل مجموعة سجل.
إنشاء عدادات سجل بسيطة
تتيح عدادات السجل للمستخدمين إمكانية معرفة مكانهم داخل مجموعة سجلات معينة مرتبطة بالعدد الكلي للسجلات المعادة. لهذا السبب، تكون عدادات السجل سلوكًا مفيدًا يستطيع أن يضفي أهمية على استخدام صفحة ويب.
إنشاء عداد سجل بسيط باستخدام كائن خادم Recordset Navigation Status. ينشئ كائن الخادم هذا إدخالاً نصيًا في الصفحة لعرض حالة السجل الحالية. يمكنك تخصيص عداد السجل باستخدام أدوات تصميم صفحة Dreamweaver.
-
ضع نقطة الإدراج في المكان الذي تريد إدراج عداد السجل فيه.
-
حدد Insert > Data Objects > Display Record Count > Recordset Navigation Status، وحدد مجموعة السجلات من القائمة المنبثقة Recordset، وانقر فوق OK.
يقوم كائن خادم Recordset Navigation Status بإدراج عداد سجل نصي يبدو مشابهًا للمثال التالي:
عند عرضه في طريقة العرض "Live"، يبدو العداد مشابهًا للمثال التالي:
إنشاء عداد سجل وإضافته إلى الصفحة
-
في مربع الحوار Insert Recordset Navigation Status، حدد مجموعة السجلات لتتبعها، ثم انقر فوق OK.
إنشاء عدادات سجل مخصصة
يمكنك استخدام سلوكيات عداد سجل فردية لإنشاء عدادات سجل مخصصة. يتيح لك إنشاء عداد سجل مخصص إمكانية إنشاء عداد سجل يفوق العداد البسيط، بإدراج جدول صف فردي عن طريق كائن خادم Recordset Navigation Status. يمكنك ترتيب عناصر التصميم بعدد من الطرق الإبداعية، وتطبيق سلوك خادم ملائم لكل عنصر.
سلوكيات خادم Record Count هي:
Display Starting Record Number
Display Ending Record Number
Display Total Records
قبل إنشاء عداد سجل مخصص لصفحة ما، يجب عليك أولاً إنشاء مجموعة سجلات للصفحة، وتخطيط صفحة ملائم لتضمين المحتوى الديناميكي، وشريط تنقل مجموعة سجل.
ينشئ هذا المثال عداد سجل يبدو مماثلاً للمثال الموجود في "عدادات السجل البسيطة". في هذا المثال، يمثل النص المكتوب بخط sans-serif العناصر النائبة لعدد السجلات التي سيتم إدراجها في الصفحة. يظهر عداد السجل في هذا المثال كالتالي:
عرض السجلات StartRow عبر EndRow الذي يخص RecordSet.RecordCount.
-
في طريقة العرض Design، أدخل نص العداد في الصفحة. يمكن أن يكون النص أي شيء تريده، على سبيل المثال:
Displaying records thru of .
-
ضع نقطة الإدراج في نهاية سلسلة النص.
-
افتح اللوحة Server Behaviors (Window > Server Behaviors).
-
انقر فوق زر علامة الزائد (+) في الزاوية العلوية اليسرى، ثم انقر فوق Display Record Count. داخل القائمة الفرعية هذه، حدد Display Total Records. يتم إدراج سلوك Display Total Records إلى الصفحة، ويتم إدراج عنصر نائب في المكان الذي كانت فيه نقطة الإدراج. تظهر سلسلة النص كالتالي:
Displaying records thru of {Recordset1.RecordCount}.
-
ضع نقطة الإدراج بعد الكلمة records، وحدد Display Starting Record Count Number من اللوحة Server Behaviors > Plus (+) button > Record Count. تظهر سلسلة النص الآن كالتالي:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
-
والآن ضع نقطة الإدراج بين الكلمتين thru وof، ثم حدد Display Starting Record Count Number من Server Behaviors > Plus (+) button > Record Count. تظهر سلسلة النص الآن كالتالي:
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
-
تأكد من أن العداد يعمل بشكل صحيح عن طريق عرض الصفحة بطريقة العرض Live؛ يكون العداد مشابهًا للمثال التالي:
Displaying records 1 thru 8 of 40.
إذا كانت صفحة النتائج بها ارتباط تنقل للتنقل إلى مجموعة السجلات التالية، يؤدي النقر فوق الارتباط إلى تحديث عداد السجل لتكون قراءته كالآتي:
Showing records 9 thru 16 of 40.
استخدام تنسيقات البيانات المحددة مسبقًا
يشمل Dreamweaver تنسيقات بيانات عديدة محددة مسبقًا والتي يمكنك تطبيقها على عناصر البيانات الديناميكية. تتضمن أنماط تنسيق البيانات تنسيقات الوقت والتاريخ، والعملة، والأرقام، والنسبة المئوية.
تطبيق تنسيقات البيانات على المحتوى الديناميكي
-
حدد العنصر النائب للمحتوى الديناميكي في النافذة Document.
-
حدد Window > Bindings لعرض اللوحة Bindings.
-
انقر فوق زر السهم لأسفل في العمود Format.
إذا كان السهم الأسفل غير مرئي، فقم بتوسيع اللوحة.
-
من القائمة المنبثقة Format، حدد فئة تنسيق البيانات التي تريدها.
تأكد من أن تنسيق البيانات ملائم لنوع البيانات التي تقوم بتنسيقها. على سبيل المثال، تعمل تنسيقات Currency فقط إذا كانت البيانات الديناميكية تتكون من بيانات رقمية. لاحظ أنه لا يمكنك تطبيق أكثر من تنسيق واحد على نفس البيانات.
-
تحقق من تطبيق التنسيق بشكل صحيح عن طريق معاينة الصفحة في طريقة العرض Live.
تخصيص تنسيق بيانات
-
افتح صفحة تتضمن بيانات ديناميكية في طريقة العرض Design.
-
حدد البيانات الديناميكية التي تريد إنشاء تنسيق مخصص لها.
عنصر بيانات الربط الذي قمت بتحديد نصه الديناميكي مميز في اللوحة Bindings (Window > Bindings). تعرض الصفحة عمودين للعنصر المحدد—Binding وFormat. إذا كان العمود Format غير مرئي، فقم بتوسيع اللوحة Bindings لكشفه.
-
في اللوحة Bindings، انقر فوق السهم لأسفل في العمود Format لتوسيع القائمة المنبثقة لتنسيقات البيانات المتاحة.
إذا كان السهم لأسفل غير مرئي، فقم بتوسيع اللوحة Bindings أكثر.
-
حدد Edit Format List من القائمة المنبثقة.
-
أكمل مربع الحوار، وانقر فوق OK.
أ.حدد التنسيق من القائمة، وانقر فوق Edit.
ب.قم بتغيير أي من المعلمات التالية في مربعات الحوار Currency، أو Number، أو Percent، وانقر فوق OK.
- عدد الأرقام المطلوب عرضها بعد النقطة العشرية
- وضع صفر بادئ في مقدمة الكسور من عدمه
- استخدام أقواس أو علامة ناقص للقيم السالبة من عدمه
- تجميع الأرقام من عدمه
ج.لحذف تنسيق بيانات، انقر فوق التنسيق في القائمة، ثم انقر فوق زر علامة الطرح (-).
إنشاء تنسيق بيانات (ASP فقط)
-
افتح صفحة تتضمن بيانات ديناميكية في طريقة العرض Design.
-
حدد البيانات الديناميكية التي تريد إنشاء تنسيق مخصص لها.
-
حدد Window > Bindings لعرض اللوحة Bindings، وانقر فوق السهم لأسفل في العمود Format. إذا كان السهم الأسفل غير مرئي، فقم بتوسيع اللوحة.
-
حدد Edit Format List من القائمة المنبثقة.
-
انقر فوق زر علامة الزائد (+)، وحدد نوع تنسيق.
-
حدد التنسيق، وانقر فوق OK.
-
أدخل اسمًا للتنسيق الجديد في العمود Name، وانقر فوق OK.ملاحظة:
على الرغم من أن Dreamweaver يدعم إنشاء تنسيق بيانات لصفحات ASP، يستطيع مستخدمو ColdFusion وPHP تنزيل تنسيقات أنشأها مطورون آخرون، أو إنشاء تنسيقات خادم ونشرها في Dreamweaver Exchange. للاطلاع على معلومات عن Server Format API، راجع Extending Dreamweaver (Help > Extending Dreamweaver > Server Formats).