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

بيئة كتابة التعليمات البرمجية في 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

 

تعرف على كيفية استخدام بيئة كتابة التعليمات البرمجية في Dreamweaver لتسريع عملية كتابة التعليمات البرمجية.

إذا أردت العمل مع التعليمات البرمجية في Dreamweaver، يمكنك اختيار استخدام مساحة عمل Developer. تعرض مساحة العمل هذه طريقة العرض Code بشكل افتراضي وتتضمن فقط لوحتي Files وSnippets مرتسيتين على يسار الشاشة.

إذا كنت بحاجة إلى وظائف أكثر، فانقر فوق Window ثم اختر اللوحة المناسبة التي تحتاجها.

ملاحظة:

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

العمل باستخدام التعليمات البرمجية في Dreamweaver

يمكنك العمل مع التعليمات البرمجية في Dreamweaver بطرق متعددة. يمكنك استخدام:

يمكنك التنقل بين طرق العرض المختلفة عن طريق النقر فوق أزرار التبديل بين طرق عرض Code وSplit وDesign/Live في أعلى مساحة العمل.

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

عرض التعليمة البرمجية في النافذة Document - طريقة العرض Code

حدد View > Code.

إنشاء تعليمة برمجية لصفحة وتحريرها في وقت واحد من النافذة Document - طريقة العرض Split

  1. حدد View ‏> Code and Design.

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

  2. لعرض الصفحة في الأعلى، حدد Design View On Top من القائمة View Options بشريط الأدوات Document.
  3. لتعديل حجم الأجزاء في النافذة Document، اسحب شريط التقسيم إلى الموضع المطلوب. ويوجد شريط التقسيم بين الجزأين.

    يتم تحديث طريقة العرض Code تلقائيًا عند إجراء تغييرات في طريقة العرض Design. بعد إجراء تغييرات في طريقة العرض Code، يجب تحديث المستند يدويًا في طريقة العرض Design بالنقر في طريقة العرض Design أو الضغط على F5.

عرض التعليمة البرمجية في نافذة منفصلة باستخدام Code Inspector

يتيح لك Code inspector العمل في نافذة تعليمات برمجية منفصلة، تمامًا كالعمل في طريقة العرض Code.

  1. حدد Window > Code Inspector. يشمل شريط الأدوات الخيارات التالية:

    إدارة الملفات

    لوضع الملف أو الحصول عليه.

    Preview/Debug In Browser

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

    Refresh Design View

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

    Code Navigation

    يتيح لك الانتقال السريع في التعليمة البرمجية. راجع الانتقال إلى وظيفة JavaScript أو VBScript.

    View Options

    يتيح لك تحديد طريقة عرض التعليمة البرمجية. راجع تعيين مظهر التعليمة البرمجية.

كتابة التعليمات البرمجية بشكل أسرع في Dreamweaver

تقدم طريقة العرض Code في Dreamweaver ميزات مفيدة لكتابة التعليمات البرمجية تساعد المصممين في الانتقال إلى التطوير في طريقة العرض code، وبإمكان مؤلفي التعليمات البرمجية الخبراء الاستفادة من المساعدات المرئية مثل المسافة البادئة التلقائية، وتلوين التعليمات البرمجية، والخطوط القابلة لتغيير الحجم، لتقليل الأخطاء وتحسين إمكانية القراءة.

ها هي بعض الميزات التي يوفرها Dreamweaver.

تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية

تتيح لك ميزة تلميحات التعليمات البرمجية (أو إكمال التعليمات البرمجية) في Dreamweaver تحديد العلامات والسمات وأنماط CSS من قائمة منبثقة أثناء الكتابة. يتيح لك هذا الإكمال التلقائي للتعليمات البرمجية كتابة التعليمات البرمجية بشكل أسرع وبأخطاء أقل.

فيما يلي مثال يوضح كيف يعمل ذلك في HTML. 

وعند كتابة "<"، يقوم Dreamweaver بفتح قائمة منبثقة تسرد جميع علامات HTML المتاحة. مع استمرارك في كتابة علامتك، يقوم Dreamweaver بالتحديث التلقائي لخيارات HTML المتاحة ويتيح لك تحديد علامة قابلة للتطبيق. عند الضغط على Enter، يقوم Dreamweaver بإدراج علامة تلقائيًا لك. ويعرض بعد ذلك قائمة منبثقة ثانية تسرد جميع الخصائص المتاحة لتلك العلامة.

يتوفر أيضًا دعم تلميحات التعليمات البرمجية لـ CSS وJavaScript وPHP (الإصداران رقم 5.6 و7.1 من PHP). 

لمزيد من المعلومات، راجع تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية.

الدعم لإصداري 5.6 و7.1 من PHP

يدعم Dreamweaver إصداري 5.6 و7.1 من PHP. 

يمكنك اختيار إنشاء ملفات PHP لموقعك من خلال إصدار PHP رقم 5.6 أو 7.1 باستخدام مربع حوار Site Setup (على أساس الموقع)، أو تفضيلات التطبيق (لجميع ملفات PHP المحفوظة خارج مواقع Dreamweaver). ثم يقوم Dreamweaver بإعداد هذه التلميحات وعمليات التحقق من الفحص لإصدار لغة PHP المحدد.

بالنسبة للمواقع الجديدة في Dreamweaver، يتم تعيين منشئ PHP الافتراضي للإصدار المحدد في Edit > Preferences > PHP.

لمزيد من المعلومات حول دعم PHP في Dreamweaver، راجع:

للحصول على معلومات عامة حول إصداري PHP رقم 5.6 و7.1، راجع الموارد التالية:

تلميحات التعليمات البرمجية لكائنات JavaScript

يدعم Dreamweaver تلميحات التعليمات البرمجية للكائنات في JavaScript. يوفر Dreamweaver تلميحات تعليمات برمجية لكائنات JavaScript الأساسية مثل الصفائف والتواريخ والأرقام والسلاسل. 

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

لمزيد من المعلومات، راجع تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية.

إعادة بناء تعليمات JavaScript البرمجية

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

لمزيد من المعلومات، راجع كتابة تعليمة برمجية وتحريرها.

تلوين التعليمات البرمجية للأنواع المختلفة من الملفات

يدعم Dreamweaver ألوان التعليمات البرمجية لـ HTML، وJS، وCSS، وPHP، وXML، وLESS، وSass، وSCSS، وSVG، وBash، وC، وC#، وC++، وclojure، وCoffeeScript، وDart، وDiff، وEJS، وEmbedded Ruby، وGroovy، وHandlebars، وHaskell، وHaxe، وJava، وJSON، وLua، وMarkdown، وMarkdown (GitHub)، وPerl، وProperties، وPython، وRDF Turtle، وRuby، وScala، وSQL، وStylus، وText، وVB، وVBScript، وXML، وYAML.

العديد من المؤشرات للمهام المتكررة

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

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

أثناء تحرير التعليمات البرمجية، يمكنك القيام بما يلي:

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

لمزيد من المعلومات، راجع إضافة العديد من المؤشرات أو العديد من التحديدات.

التحرير السريع لملفات التعليمات البرمجية ذات الصلة

لإجراء تغييرات سريعة على التعليمات البرمجية، ضع المؤشر على أجزاء معينة من التعليمات البرمجية واستخدم قائمة السياق أو اضغط على Ctrl-E (في Windows) أو Cmd-E (في Mac) للوصول إلى ميزة Quick Edit.

يقدم لك Dreamweaver خيارات وأدوات تعليمات برمجية خاصة بالسياق مضمنة.

سيناريو حالة استخدام

خذ المثال التالي بعين الاعتبار:

أنت تقوم بتحرير ملف HTML، وتلاحظ أن شيئًا ما يبدو غير صحيح في طريقة العرض live. تقوم حينئذ بالتبديل إلى طريق العرض code وتدرك أنه يتعين عليك تحرير ملف آخر ذي صلة (على سبيل المثال ملف CSS) لإصلاح المشكلة. 

بدلاً من تبديل علامات التبويب، انقر بزر الماوس الأيمن فوق التعليمات البرمجية المناسبة وانقر فوق Quick Edit، أو استخدم اختصار لوحة مفاتيح وسيفتح Dreamweaver القسم المناسب في التعليمات البرمجية في ملف CSS ذي الصلة ضمن ملف HTML نفسه.

يمكنك حينئذ تحرير التعليمات البرمجية لـ CSS دون الحاجة إلى التنقل بعيدًا أو تبديل علامات التبويب. يتم تحديث التغييرات في ملف CSS تلقائيًا.

لمزيد من المعلومات، راجع التحرير السريع.

وثائق CSS في السياق

توفر Quick Docs وثائق لخصائص CSS ضمن طريقة العرض code.

لن يتعين عليك التنقل خارج Dreamweaver إلى صفحة ويب للتعرف على خصائص CSS. لإحضار Quick Docs، اضغط Ctrl+K (في Windows) أو Cmd+K (في Mac).

لمزيد من المعلومات، راجع الحصول على تعليمات من خلال CSS داخل Dreamweaver باستخدام Quick Docs.

دعم فوري لـ Emmet

Emmet هو مكون إضافي يتيح لك كتابة التعليمات البرمجية بسرعة عالية وإنشاء التعليمات البرمجية لـ HTML وCSS.

يتم تضمين المكون الإضافي Emmet مع Dreamweaver مما يتيح لك استخدام اختصارات Emmet دون الحاجة إلى إجراء خطوة إضافية لتثبيت المكون الإضافي.

استخدم اختصارات Emmet في طريقة العرض Code أو في Code Inspector في Dreamweaver والضغط على المفتاح Tab لتوسيع هذه الاختصارات في علامات HTML أو CSS.

توسيع اختصارات HTML في صفحات HTML وPHP.

تتوسع اختصارات CSS في صفحات CSS وLESS وSass وSCSS أو داخل علامة النمط في صفحة HTML.

لمزيد من المعلومات حول استخدام Emmet، راجع استخدام مجموعة أدوات Emmet مع Dreamweaver.

طي تعليمة برمجية

يتيح Dreamweaver لك طي أقسام التعليمات البرمجية كي يمكنك التركيز بسهولة على الأقسام التي تقوم بتحريرها بشكل نشط. 

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

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

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

يقدم Dreamweaver وظائف فحص قوية للمساعدة في تصحيح الأخطاء في التعليمات البرمجية الخاصة بك. 

وهي تعمل على تحليل التعليمات البرمجية لتعليم الأخطاء المحتملة أو الاستخدام المريب للتعليمات البرمجية. تعتبر أخطاء بناء الجملة في HTML، أو تحليل الأخطاء في CSS أو التحذيرات في ملفات JavaScript هي بعض الأشياء التي يتم تمييزها خلال عملية الفحص في Dreamweaver.

لمزيد من المعلومات حول فحص التعليمات البرمجية في Dreamweaver، راجع فحص التعليمات البرمجية.

إذا كنت تعمل مع PHP وكان المستند يحتوي على تعليمات برمجية غير صالحة، يعرض Dreamweaver هذه التعليمات البرمجية في طريقة العرض Design (إذا كانت مفتوحة) ويميزها في طريقة العرض Code (تبعًا للتفضيلات التي تقوم بتعيينها).

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

ملاحظة:

يتم إيقاف تشغيل خيار تمييز التعليمة البرمجية غير الصالحة في العرض Code افتراضيًا. ولتشغيله، انتقل إلى طريقة العرض Code ‏(View > Code)، ثم حدد View > Code View Options > Highlight Invalid Code.

يمكنك أيضًا تعيين تفضيلات لإعادة كتابة أنواع مختلفة من التعليمات البرمجية غير الصالحة تلقائيًا عند فتح مستند.

لمزيد من المعلومات حول تعيين تفضيلات التعليمات البرمجية، راجع تعيين تفضيلات التعليمات البرمجية.

الدعم للمعالجات المسبقة لـ CSS

يدعم Dreamweaver الآن معالجات CSS المسبقة الشائعة مثل SASS وLess وSCSS والتلوين الكامل للتعليمات البرمجية، وتلميحات التعليمات البرمجية، والتجميع. 

مع دعم المعالج المسبق لـ CSS، يمكنك توفير الوقت عند العمل مع المواقع الكبيرة التي تتضمن أوراق أنماط معقدة.

لمزيد من المعلومات حول دعم Dreamweaver لمعالجات CSS الأولية، راجع استخدام معالجات CSS الأولية في Dreamweaver.

حفظ أجزاء التعليمات البرمجية وإعادة استخدامها

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

الأجزاء التي يتم حفظها باستخدام اللوحة Snippets غير خاصة بموقع محدد، وبالتالي يمكن إعادة استخدامها عبر المواقع.

يمكنك أيضًا استخدام الأجزاء عبر أجهزة مختلفة، وأيضًا عبر إصدارات مختلفة من Dreamweaver باستخدام إعدادات المزامنة.

لمزيد من المعلومات، راجع إعادة استخدام التعليمات البرمجية مع الأجزاء‬.

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

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

لمزيد من المعلومات، راجع المعاينة في المستعرض في الوقت الحقيقي.

تخصيص اختصارات لوحة المفاتيح

يمكنك استخدام اختصارات لوحة المفاتيح المفضلة في Dreamweaver. إذا كنت معتادًا على استخدام اختصارات لوحات مفاتيح معينة - مثل Shift+Enter لإضافة فاصل أسطر، أو Control+G للانتقال إلى موضع معين في التعليمة البرمجية، فيمكنك إضافتها إلى Dreamweaver باستخدام Keyboard Shortcut Editor.

للحصول على الإرشادات، راجع ‏‫تخصيص اختصارات لوحة المفاتيح‬.

فتح الملفات في طريقة العرض Code افتراضيًا

عند فتح نوع ملف لا يحتوي عادةً على أي HTML (ملف JavaScript مثلاً)، يُفتح الملف في طريقة العرض Code (أو Code inspector) وليس في طريقة العرض Design. ويمكنك تعيين أنواع الملفات التي تفتح في طريقة العرض Code.

  1. حدد Edit > Preferences ‏(في نظام التشغيل Windows) أو Dreamweaver > Preferences ‏(في نظام التشغيل Macintosh).
  2. حدد File Types/Editors من القائمة Category الموجودة على اليسار.
  3. في المربع Open In Code View، أضف امتداد اسم الملف لنوع الملف الذي تريد فتحه تلقائيًا في طريقة العرض Code.

    أدخل مسافة بين امتدادات أسماء الملفات. يمكنك إضافة أي عدد تريده من الامتدادات.

شعار Adobe

تسجيل الدخول إلى حسابك