تعرف على كيفية طي التعليمات البرمجية وتوسيعها في Dreamweaver لعرض أقسام مستنداتك دون تمرير.

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

فمثلاً لرؤية جميع قواعد CSS في العلامة head المطبقة على العلامة div في أقصى أسفل الصفحة، يمكنك طي التعليمات البرمجية بين العلامتين head وdiv لرؤية مقطعي التعليمات البرمجية في وقت واحد.

يمكنك تحديد جزء من التعليمات البرمجية لطيه. يُمكنك أيضًا طي التعليمات البرمجية في ملفات HTML وPHP وXML وSVG استنادًا إلى مقاطع العلامات. في ملفات CSS وLess وSass وSCSS وJS، يمكنك طي التعليمات البرمجية استنادًا إلى الأقواس المتعرجة.

  • ملفات HTML: يقوم Dreamweaver بطي التعليمات البرمجية بين علامات الفتح والإغلاق لـ HTML ويتم عرض السمات الأولية (إذا كان ذلك مطبقًا)، في التعليمات البرمجية المطوية. يقوم Dreamweaver بالتوسيع التلقائي عندما تحصل التعليمات البرمجية الموجودة ضمن المقطع على التركيز من خلال Tag Selector أو Find and Replace أو Go To Line أو Element Quick View أو Live View أو Undo/Redo.

إذا تغير التحديد، يتم طي التعليمات البرمجية مرة أخرى بشكل تلقائي.

  • ملفات CSS وLess وSass وSCSS وJS: يتم طي التعليمات البرمجية ضمن الأقواس المتعرجة وتُعرض المعاينة بالشكل التالي {...}.
  • ملفات PHP: يتم طي عناصر HTML ومقاطع التعليمات البرمجية لـ CSS وJS بالإضافة إلى مقاطع تعليمات PHP البرمجية. 

ملاحظة:

تعرض الملفات التي يتم إنشاؤها من قوالب Dreamweaver جميع أجزاء التعليمة البرمجية موسعة بالكامل، حتى إذا تضمن ملف القالب (‎.dwt) أجزاء تعليمات برمجية مطوية.

تعيين تفضيلات حجم الطي

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

لتغيير الحد الأدنى لعدد أسطر طي التعليمات البرمجية:

  1. انقر فوق Edit > Preferences (في Windows) أو Dreamweaver > Preferences (في Mac).

  2. انقر فوق Code Format في القائمة Category وقم بتحديد الحد الأدنى لحجم طي التعليمات البرمجية.

طي أجزاء التعليمات البرمجية وتوسيعها

افتراضيًا، توجد كل التعليمات البرمجية في طريقة العرض Code في الوضع الموسّع.

ولكن يمكنك طي التعليمات البرمجية عن طريق تحديد أسطر متعددة وطيها. يمكنك أيضًا طي التعليمات البرمجية استنادًا إلى بناء الجملة - مقاطع العلامات أو الأقواس المتعرجة. 

ملاحظة:

يتم الاحتفاظ بحالات مقاطع التعليمة البرمجية المطوية أو الموسعة عبر جلسات عمل Dreamweaver.

طي التعليمات البرمجية استنادًا إلى مقاطع العلامات أو الأقواس المتعرجة

لطي التعليمات البرمجية استنادًا إلى مقاطع العلامات أو الأقواس المتعرجة:

  1. في طريقة العرض Code، قم بتمرير مؤشر الماوس فوق عمود رقم السطر الذي يتوافق مع مقطع التعليمات البرمجية الذي تريد طيه أو توسيعه. يظهر مثلث صغير بجوار أرقام الأسطر.

  2. انقر فوق المثلث لطي التعليمة البرمجية أو توسيعها.

    ملاحظة:

    لتوسيع كل التعليمات البرمجية التي تم طيها في المستند، يمكنك استخدام اختصار لوحة المفاتيح Control+Alt+E (في Win)؛ Command+Alt+E (في Mac).

    طي تعليمة برمجية باستخدام مقاطع علامة
    طي التعليمات البرمجية باستخدام مقاطع التعليمات البرمجية (يلزم تحديث اللقطة)

طي التعليمات البرمجية استنادًا إلى التحديد

لطي التعليمات البرمجية استنادًا إلى التحديد:

  1. في طريقة العرض Code، حدد جزء التعليمة البرمجية الذي تريد طيه.

    عند تحديد التعليمات البرمجية، يظهر رمز طي في عمود رقم السطر.

  2. انقر فوق الرمز لطي التحديد وتوسيعه.

    عند طي التعليمات البرمجية، يتغير رمز الطي إلى رمز توسيع (). 

    طي التعليمة البرمجية المحددة
    طي التعليمات البرمجية المحددة (يلزم تحديث اللقطة)

    توسيع التعليمات البرمجية (يلزم تحديث اللقطة)
    توسيع التعليمات البرمجية (يلزم تحديث اللقطة)

استخدام اختصارات لوحة المفاتيح لطي التعليمات البرمجية وتوسيعها

Command

Windows

Macintosh

Collapse Selection

Control+Shift+C

Command+Shift+C

Collapse Outside Selection

Control+Alt+C

Command+Alt+C

Expand Selection

Control + Shift + E

Command + Shift + E

Collapse Full Tag

Control + Shift + J

Command + Shift + J

Collapse Outside Full Tag

Control+Alt+J

Command+Alt+J

Expand All

Control+Alt+E

Command+Alt+E

نسخ جزء تعليمة برمجية مطوي ولصقه

  1. انقر فوق جزء التعليمة البرمجية المطوي لتحديده.

  2. حدد Edit > Copy.
  3. ضع المؤشر عند النقطة التي تريد لصق التعليمة البرمجية فيها.

  4. حدد Edit > ‏Paste.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت