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

اختبار موقع Dreamweaver

  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. المشكلات المعروفة

 

 

تعرف على إرشادات اختبار المواقع واستخدم التقارير لاختبار موقع Dreamweaver الخاص بك قبل تحميل موقع الويب الخاص بك.

إرشادات اختبار الموقع

قبل تحميل موقعك على خادم وتعريفه كموقع جاهز للعرض، من المهم اختباره محليًا. (في الحقيقة، من المفيد اختبار موقعك واستكشاف مشكلاته وإصلاحها بشكل دوري عبر تركيبته الهيكلية—يمكنك اكتشاف المشكلات مبكرًا وتجنب تكرار حدوثها.)

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

ستساعدك الإرشادات التالية على إنشاء تجربة طيبة لزوار موقعك:

تأكد أن الصفحات تعمل في المستعرضات التي تستهدفها.

يجب أن تكون الصفحات مؤهلة وعاملة في المستعرضات التي لا تدعم الأنماط أو الطبقات أو المكونات الإضافية أو JavaScript. بالنسبة للصفحات التي تظهر فشلا في المستعرضات القديمة، فيجب مراعاة استخدام سلوك Check Browser لإعادة توجيه الزوار تلقائيًا إلى صفحة أخرى.

قم بمعاينة الصفحات في مستعرضات وأنظمة أساسية مختلفة.

يتيح لك هذا فرصة لرؤية الاختلافات في النسق واللون وأحجام الخطوط وحجم نافذة المستعرض الافتراضي الذي لا يمكن التنبؤ به في اختبار المستعرض الهدف.

تحقق من موقعك للتأكد من عدم وجود ارتباطات غير سليمة وقم بإصلاحها إن وجدت.

بينما تمر المواقع الأخرى بإعادة تصميم وإعادة هيكلة أيضًا وربما تم نقل الصفحة التي ترتبط بها أو حذفها. يمكنك تشغيل تقرير اختبار الارتباط لاختبار الارتباطات.

راقب حجم الملف للصفحات والوقت المستغرق لتنزيلها.

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

قم بتشغيل تقارير موقع أقل لاختبار الموقع بأكمله واستكشاف مشكلاته وإصلاحها.

يمكنك مراجعة الموقع بأكمله للتحقق من عدم وجود مشكلات به، مثل العلامات الفارغة والعلامات المتكررة والمتداخلة.

تحقق من التعليمات البرمجية لتحديد موقع أخطاء العلامات والصياغة.

قم بتحديث الموقع وصيانته بعد الانتهاء من نشره.

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

استخدم منتديات النقاش.

يمكن العثور على منتديات نقاش Dreamweaver على موقع Adobe على الويب _aewww.adobe.com/go/dreamweaver_newsgroup_ae.

تعتبر المنتديات موردًا هائلاً للعثور على معلومات عن المستعرضات والأنظمة الأساسية، إلخ. يمكنك أيضًا مناقشة المشكلات الفنية ومشاركة التلميحات المفيدة مع مستخدمي Dreamweaver آخرين.

للحصول على برنامج تعليمي حول استكشاف أخطاء مشاكل النشر وإصلاحها، راجع www.adobe.com/go/vid0164_ae.

استخدام التقارير لاختبار موقعك

يمكنك تشغيل تقارير المواقع على سير العمل أو سمات HTML. يمكنك أيضًا استخدام الأمر Reports للتحقق من الاختبارات الموجودة في الموقع.

يمكن أن تحسن تقارير سير العمل من التعاون فيما بين أعضاء فريق الويب. يمكنك تشغيل تقارير سير العمل التي تعرض من قام بسحب الملف وأي الملفات قام Design Notes بإقرانها به وأي الملفات تم تعديلها مؤخرًا. يمكنك أيضًا تنقيح تقارير Design Note عن طريق تحديد معلمات الاسم/القيمة.

ملاحظة:

يجب تعريف اتصال موقع بعيد لتتمكن من تشغيل تقارير سير العمل.

تتيح لك تقارير HTML دمج التقارير وإنشائها لسمات HTML المتعددة. يمكنك التحقق من علامات الخطوط المتداخلة القابلة للدمج ونصوص Alt المفقودة والعلامات المتداخلة المتكررة والعلامات الفارغة القابلة للإزالة والمستندات غير المعنونة.

بعد الانتهاء من تشغيل تقرير معين، يمكنك حفظه كملف XML ثم استيراده في مثيل قالب أو قاعدة بيانات أو جدول بيانات وطباعته أو عرضه على موقع الويب.

ملاحظة:

يمكنك أيضًا إضافة أنواع تقارير مختلفة إلى Dreamweaver من خلال موقع Adobe Dreamweaver Exchange على الويب.

تشغيل التقارير لاختبار الموقع

  1. حدد Site > Reports.
  2. حدد ما تريد الإبلاغ عنه من القائمة Report On المنبثقة وقم بتعيين أي من أنواع التقارير لتشغيلها (سير العمل أو HTML).

    لا يمكنك تشغيل تقرير Selected Files In Site ما لم تقم بالفعل بتحديد الملفات في اللوحة Files.

  3. إذا قمت بتحديد تقرير سير عمل، فانقر فوق Report Settings. وإلا، فتجاوز هذه الخطوة.
    ملاحظة:

    إذا قمت بتحديد أكثر من تقرير سير عمل، فيجب النقر فوق الزر Report Settings لكل تقرير. حدد تقريرًا وانقر فوق Report Settings وأدخل الإعدادات، ثم كرر العملية لأي من تقارير سير العمل الأخرى.

    Checked Out By

    لإنشاء تقرير يعرض جميع المستندات التي تم سحبها بواسطة عضو معين بالفريق. أدخل اسم عضو الفريق ثم انقر فوق OK للرجوع إلى مربع الحوار Reports.

    Design Notes

    لإنشاء تقرير يعرض جميع ملاحظات Design Notes للمستندات المحددة أو للموقع. أدخل زوج اسم وقيمة واحدًا أو أكثر ثم حدد قيم المقارنة من القوائم المنبثقة المطابقة. انقر فوق OK للرجوع إلى مربع الحوار Reports.

    Recently Modified

    لإنشاء تقرير يسرد الملفات التي تم تغييرها منذ نطاق زمني محدد. أدخل نطاق تواريخ وموقعًا للملفات التي تريد عرضها.

  4. إذا قمت بتحديد تقرير HTML، فحدد من بين التقارير التالية:

    Combinable Nested Font Tags

    لإنشاء تقرير يسرد جميع علامات الخطوط المتداخلة التي يمكن دمجها لتنظيف التعليمات البرمجية.

    على سبيل المثال، <font color="#FF0000"><font size="4">STOP!</font></font> يتم إدراجه في التقرير.

    Missing Alt Text

    لإنشاء تقرير يسرد جميع علامات img التي لا تشتمل على نص بديل.

    يظهر النص البديل في موضع الصور مع مستعرضات النصوص فقط أو المستعرضات التي تم تعيينها لتنزيل الصور يدويًا. تعمل برامج قراءة الشاشة على قراءة النص البديل وتعرض بعض المستعرضات النص البديل عند وقوف المستخدم بالماوس فوق الصورة.

    Redundant Nested Tags

    لإنشاء تقرير يسرد بالتفصيل العلامات المتداخلة التي يجب تنظيفها.

    على سبيل المثال، <i> الأمطار <i> في</i> إسبانيا تظل بشكل أساسي في السهول</i> يتم وضعها في التقرير.

    Removable Empty Tags

    لإنشاء تقرير يسرد بالتفصيل جميع العلامات الفارغة التي يمكن إزالتها لتنظيف تعليمات HTML البرمجية.

    على سبيل المثال، ربما تقوم بحذف عنصر أو صورة في طريقة العرض Code، إلا أنك ربما تترك العلامات التي تم تطبيقها على ذلك العنصر.

    Untitled Documents

    لإنشاء تقرير يعرض جميع المستندات غير المعنونة التي يتم العثور عليها داخل المعلمات المحددة. يقوم Dreamweaver بالإبلاغ عن جميع المستندات ذات العناوين الافتراضية أو علامات العناوين المتعددة أو علامات العناوين المفقودة.

  5. انقر فوق Run لإنشاء التقرير.

    وفقًا لنوع التقرير الذي تقوم بتشغيله، فقد تتم مطالبتك بحفظ الملف أو تعريف الموقع أو تحديد مجلد (إذا لم تقم بذلك بالفعل).

    تظهر قائمة بالنتائج في اللوحة Site Reports (في مجموعة اللوحات Results).

استخدام تقرير وحفظه

  1. قم بتشغيل التقرير (راجع الإجراء السابق).
  2. في اللوحة Site Reports، قم بأحد الإجراءات التالية لعرض التقرير:
    • انقر فوق رأس العمود الذي تريد فرز النتائج حسبه.

      يمكنك الفرز حسب اسم الملف أو رقم السطر أو الوصف. يمكنك أيضًا تشغيل عدة تقارير مختلفة مع بقاء التقارير المختلفة مفتوحة.

    • حدد أي سطر في التقرير ثم انقر فوق الزر More Info على الجانب الأيسر من اللوحة Site Reports للحصول على وصف للمشكلة.

    • انقر نقرًا مزدوجًا فوق أي سطر في التقرير لعرض التعليمات البرمجية المطابقة في النافذة Document.

    ملاحظة:

    إذا كنت في طريقة العرض Design، فسيقوم Dreamweaver بتغيير العرض لتقسيم طريقة العرض لعرض المشكلة المبلغ عنها في التعليمات البرمجية.

  3. انقر فوق Save Report لحفظ التقرير.

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

    ملاحظة:

    بعد الانتهاء من تشغيل HTML، استخدم الأمر Clean Up HTML لتصحيح أية أخطاء HTML مسودة في التقارير.

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

مستخدم جديد؟