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

تحسين التعليمة البرمجية

 

 

تعرف على كيفية التعليمة البرمجية في Dreamweaver والتحقق من توافق المستعرض والتحقق من مستندات XML وجعل الصفحات متوافقة مع XHTML.

تنظيف التعليمات البرمجية

يمكنك إزالة العلامات الفارغة، ودمج علامات font المتداخلة، واستخدام أية وسيلة أخرى لتحسين تعليمة HTML أو XHTML البرمجية غير المرتبة أو غير المقروءة.

للحصول على معلومات حول كيفية تنظيف تعليمة HTML البرمجية من مستند Microsoft Word، راجع فتح مستندات موجودة وتحريرها‬ .

  1. في مستند مفتوح، حدد Tools > Clean Up HTML.

  2. في مربع الحوار الذي يظهر، حدد أي من الخيارات، وانقر فوق OK.
    ملاحظة:

    وبناءً على حجم المستند وعدد الخيارات المحددة، قد يستغرق إكمال التنظيف بضع ثوانٍ.

    Remove Empty Container Tags

    لإزالة أية علامات لا تحتوي على محتوى بينها. على سبيل المثال، تعد علامات <b></b> و<font color="#FF0000"></font> علامات فارغة، بينما لا تعد علامة <b> في <b>some text</b> فارغة.

    Remove Redundant Nested Tags

    لإزالة جميع المثيلات المتكررة من علامة. على سبيل المثال، في التعليمة البرمجية <b>This is what I <b>really</b> wanted to say</b>، تعد علامات b التي تحيط بالكلمة really متكررة ويجب إزالتها.

    Remove Non-Dreamweaver HTML Comments

    لإزالة جميع التعليقات غير المُدرجة بواسطة Dreamweaver. على سبيل المثال، يجب إزالة <!‑‑begin body text-->، ولكن لا يجب إزالة <!‑‑TemplateBeginEditable name="doctitle”‑‑&#62; لأنها أحد تعليقات Dreamweaver التي تميز بداية منطقة قابلة للتحرير في قالب.

    Remove Dreamweaver Special Markup

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

    Remove Specific Tag(s)‎

    لإزالة العلامات المحددة في مربع نص قريب. استخدم هذا الخيار لإزالة علامات مخصصة مدرجة بواسطة برامج تحرير مرئية أخرى، ولإزالة علامات أخرى لا تريد ظهورها في موقعك (على سبيل المثال، blink). افصل بين العلامات المتعددة بفاصلات (مثل font,blink).

    Combine Nested <font> Tags When Possible

    لدمج علامتي font أو أكثر عندما تتحكم في نطاق النص نفسه. على سبيل المثال، يجب تغيير <font size="7"><font color="#FF0000">big red</font></font> would إلى <font size="7" color="#FF0000">big red</font>.

    Show Log On Completion

    لعرض مربع تنبيه يحتوي على تفاصيل حول التغييرات التي أُجريت على المستند بمجرد انتهاء التنظيف.

‏التحقق من توازن العلامات والأقواس

يمكنك فحص العلامات والأقواس (())، والأقواس المعكوفة ({ })، والأقواس المربعة ([ ]) للتأكد من توازنها في الصفحة. ويعني التوازن أن لكل علامة أو قوس أو قوس معكوف أو قوس مربع للفتح، ما يقابله للإغلاق، والعكس.

التحقق من توازن العلامات

  1. افتح المستند في طريقة العرض Code.
  2. ضع نقطة الإدخال في التعليمة البرمجية المتداخلة التي تريد التحقق منها.
  3. حدد Edit > Select Parent Tag.

    يتم تحديد العلامات المطابقة المحيطة (ومحتوياتها) في التعليمة البرمجية. في حالة الاستمرار في تحديد Edit &#62; Select Parent Tag، وكانت العلامات متوازنة، سيحدد Dreamweaver في النهاية علامات html و/html الأبعد.

التحقق من توازن الأقواس، أو الأقواس المعكوفة، أو الأقواس المربعة

  1. افتح المستند في طريقة العرض Code.
  2. ضع نقطة الإدخال في التعليمة البرمجية التي تريد التحقق منها.
  3. حدد Edit > Code > Balance Braces.

    يتم تحديد جميع أجزاء التعليمة البرمجية الموجودة بين الأقواس أو الأقواس المعكوفة، أو الأقواس المربعة المحيطة. يؤدي اختيار Edit > Code > Balance Braces مرة أخرى إلى تحديد جميع أجزاء التعليمة البرمجية الموجودة داخل الأقواس أو الأقواس المعكوفة، أو الأقواس المربعة المحيطة بالتحديد الجديد.

التحقق من التوافق مع المستعرض

تساعدك الميزة Browser Compatibility Check (BCC) على تحديد مواقع توليفات HTML وCSS التي تتعامل مع أخطاء العرض في المستعرض. تبحث هذه الميزة أيضًا في التعليمات البرمجية بالمستندات عن أي خصائص أو قيم CSS لا تدعمها المستعرضات المستهدفة.

التحقق من مستندات XML

يمكنك تعيين تفضيلات Validator، والمشكلات المحددة التي يجب أن يتحقق منها Validator، وأنواع الأخطاء التي يجب أن يبلغ عنها Validator.

  1. قم بأحد الإجراءات التالية:
    • بالنسبة لملف XML أو XHTML، حدد File > Validate > As XML.

    • تعرض علامة التبويب Validation الموجودة باللوحة Results الرسالة "No errors or warnings"، أو تسرد أخطاء بناء الجملة، إن وجدت.

  2. انقر نقرًا مزدوجًا فوق إحدى رسائل الخطأ لتمييز الخطأ في المستند.
  3. لحفظ التقرير كملف XML، انقر فوق الزر Save Report.
  4. ولعرض التقرير في المستعرض الرئيسي (الذي يتيح لك طباعة التقرير)، انقر فوق الزر Browse Report.

التحقق من المستندات باستخدام أداة تحقق W3C

يساعدك برنامج Dreamweaver على إنشاء صفحات ويب سلسة من حيث المعايير إلى جانب دعمها المدمج لأداة التحقق W3C. تتحقق أداة التحقق W3C من مستندات HTML وXML الخاصة بك لتتماشى مع معايير HTML أو XHTML أو XML. يمكنك التحقق من مستندين مفتوحين، ومن الملفات المنشورة على خادم مباشر.

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

ملاحظة:

في تفضيلات Dreamweaver، يُمكنك تحديد المحلل الذي يجب التحقق من صحة مستنداتك استنادًا إليه. يُستخدم هذا التفضيل كإعداد ارتداد في الحالات التي يتعذر فيها اكتشاف DOCTYPE تلقائيًا.

التحقق من مستند مفتوح

  1. حدد Window > Results > Validation لفتح اللوحة Validation. تعرض هذه اللوحة نتائج التحقق من الصحة.

  2. حدد File > Validate > Current Document (W3C).

التحقق من مستند مباشر

بالنسبة إلى المستندات المباشرة، يتحقق Dreamweaver من التعليمة البرمجية التي تلقاها من المستعرض. يتم عرض هذه التعليمة البرمجية عند النقر بزر الماوس الأيمن داخل المستعرض، وتحديد خيار عرض التعليمة البرمجية المصدر. يتسم التحقق من المستندات المباشرة بفائدة مخصوصة عند التحقق من صفحات ديناميكية باستخدام PHP، وJSP، وهكذا.

لا يتم تمكين الخيار Validate Live Document إلا عندما يبدأ عنوان URL للصفحة التي يجري التحقق منها بالحروف http.

  1. حدد Window &#62; Results &#62; Validation لفتح اللوحة Validation. تعرض هذه اللوحة نتائج التحقق من الصحة.

  2. انقر فوق Live View.

  3. حدد File > Validate > Live Document (W3C).

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

تخصيص إعدادات التحقق

  1. حدد Window &#62; Results &#62; Validation لفتح اللوحة Validation.

  2. في اللوحة W3C Validation، انقر فوق الرمز W3C Validation (Play). حدد Settings.

  3. حدد DOCTYPE للتحقق، في حالة عدم تحديد DOCTYPE صراحةً للمستند.

  4. إذا كنت لا تريد عرض الأخطاء والتحذيرات، فقم بإلغاء تحديد هذه الخيارات.

  5. انقر فوق Manage إذا كنت تريد مسح أي تحذيرات أو أخطاء أخفيتها باستخدام اللوحة W3C Validation. عند إزالة التحذيرات والأخطاء، لن يتم عرضها عند تحديد Show All في لوحة التحقق W3C.

  6. حدد Don't Show W3C Validator Notification Dialog، إذا كنت لا تريد عرض مربع الحوار W3C Validator Notification عند بدء التحقق.

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

بعد اكتمال التحقق، يتم عرض تقارير التحقق في اللوحة W3C Validation.

  • لمزيد من المعلومات عن الخطأ أو التحذير، حدد الخطأ/التحذير في اللوحة W3C Validation. انقر فوق More Info.

  • لحفظ التقرير كملف XML، انقر فوق Save Report.

  • لعرض التقرير بالكامل في HTML، انقر فوق Browse Report. يوفر تقرير HTML، قائمة كاملة بالأخطاء والتحذيرات إلى جانب ملخص لها.

  • للانتقال بسرعة إلى موقع الخطأ في التعليمة البرمجية، حدد الخطأ في اللوحة W3C Validation. انقر فوق الزر Options، وحدد Go to Line.

  • لإخفاء الأخطاء/التحذيرات، حدد الخطأ/التحذير. انقر فوق الزر Options، وحدد Hide Error.

  • لعرض كل الأخطاء والتحذيرات، بما في ذلك الأخطاء المخفية، انقر فوق الزر Options. حدد Show All. لن يتم سرد أي أخطاء أو تحذيرات مخفية قد قمت بحذفها في مربع الحوار Preferences.

  • لمسح كل النتائج في لوحة تحقق W3C، انقر فوق الزر Options. حدد Clear Results.

تعيين تفضيلات Validator

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

  1. حدد Edit > Preferences (في نظام التشغيل Windows) أو Dreamweaver > Preferences (في نظام التشغيل Macintosh).
  2. حدد W3C Validator من القائمة Category الموجودة على اليسار.

  3. حدد مكتبات العلامات المطلوب التحقق بالمقارنة بها.

    لا يمكنك تحديد العديد من الإصدارات لمكتبة العلامة أو اللغة نفسها؛ على سبيل المثال، إذا قمت بتحديد HTML 4.01، فلا يمكنك أيضًا تحديد HTML 5. حدد الإصدار الأقدم الذي تريد التحقق من صحته. على سبيل المثال، إذا كان هناك مستند يحتوي على تعليمة برمجية صالحة HTML 4.01، فستكون أيضًا تعليمة برمجية صالحة HTML 5.

  4. حدد خيارات Display لأنواع الأخطاء والتحذيرات التي تريد أن يتضمنها تقرير Validator.
  5. انقر فوق Apply لتطبيق التغييرات، ثم انقر فوق Close لإغلاق مربع الحوار Preferences.

تمكين توافق الصفحات مع XHTML

عند إنشاء صفحة، يمكنك تمكين توافقها مع XHTML. كما يمكنك أيضًا تمكين توافق مستند HTML موجود مع XHTML.

إنشاء مستندات متوافقة مع XHTML

  1. حدد File > New.
  2. حدد فئة ونوع للصفحة التي تريد إنشاءها.
  3. حدد أحد تعريفات أنواع مستندات (DTD) لـ XHTML من القائمة المنبثقة DocType الموجودة أقصى يمين مربع الحوار، وانقر فوق Create.

    على سبيل المثال، يمكنك جعل مستند HTML مستندًا متوافقًا مع XHTML عن طريق تحديد XHTML 1.0 Transitional أو XHTML 1.0 Strict من القائمة المنبثقة.

    ملاحظة:

    لا يمكن تمكين توافق جميع أنواع المستندات مع XHTML.

إنشاء مستندات متوافقة مع XHTML افتراضيًا

  1. حدد Edit > Preferences أو Dreamweaver > Preferences (في نظام التشغيل Mac OS X)، ثم حدد الفئة New Document.
  2. حدد مستندًا افتراضيًا وأحد تعريفات أنواع مستندات XHTML من القائمة المنبثقة Default Document Type (DTD)‎، وانقر فوق OK.

    على سبيل المثال، يمكنك جعل مستند HTML مستندًا متوافقًا مع XHTML عن طريق تحديد XHTML 1.0 Transitional أو XHTML 1.0 Strict من القائمة المنبثقة.

تمكين توافق مستند HTML موجود مع XHTML

  1. افتح مستندًا، وقم بأحد الإجراءات التالية:

    • إذا كان لديك مستند بدون إطارات، فحدد File > Convert، ثم حدد أحد تعريفات أنواع مستندات XHTML.

      على سبيل المثال، يمكنك جعل مستند HTML مستندًا متوافقًا مع XHTML عن طريق تحديد XHTML 1.0 Transitional أو XHTML 1.0 Strict من القائمة المنبثقة.

    • وإذا كان لديك مستند به إطارات، فحدد إطارًا وحدد File > Convert، ثم حدد أحد تعريفات أنواع مستندات XHTML.

  2. لتحويل المستند بالكامل، كرر هذه الخطوة لكل إطار ومستند مجموعة الإطارات.

ملاحظة:

لا يمكنك تحويل مثيل لقالب ما، حيث يجب أن يكون بلغة القالب الذي يعتمد عليه نفسها. على سبيل المثال، يكون المستند المعتمد على قالب XHTML دائمًا بلغة XHTML، بينما يكون المستند المعتمد على قالب HTML غير متوافق مع XHTML دائمًا بلغة HTML، ولا يمكن تحويله إلى XHTML أو أية لغة أخرى.

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

مستخدم جديد؟