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

استخدام معالجات CSS الأولية في Dreamweaver

بحث

تاريخ آخر تحديث 20‏/12‏/2021

تعرف على كيفية العمل باستخدام ملفات معالجات CSS الأولية وتحويلها برمجيًا في داخل Dreamweaver.

CSS هي لغة تصف نمط مستند HTML. تقوم معالجات CSS الأولية بالتحويل البرمجي للتعليمات البرمجية المكتوبة في لغة معالجة سابقة للغة CSS الأكثر شيوعًا. تقوم اللغة التي تم معالجتها مسبقًا برفع CSS إلى مستوى أقرب للغة البرمجة.

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

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

يستخدم Dreamweaver منشئ Ruby-Saas المضمن للتحويل البرمجي لملفات SCSS وLESS. يدعم Dreamweaver أيضًا أطر عمل Compass وBourbon لتحويل ملفات Sass برمجيًا.

يستند LESS إلى لغة JavaScript، بينما يستند Sass إلى Ruby. ومع ذلك، لا يلزم عليك معرفة أي شيء عن أيّ من هاتين اللغتين. ولا يلزم عليك استخدام سطر الأوامر لتحويل الملفات برمجيًا إلى CSS. يقوم Dreamweaver تلقائيًا بتحويل الملفات برمجيًا في CSS باستخدام مكتبة less.js JavaScript عندما تقوم بتحميل هذه الملفات أو تحريرها أو حفظها.

الإصدارات المدعومة:

Sass: 3.4.25
LESS: 2.7.2
Compass: 1.0.3
Bourbon: 4.2.6
Bourbon Neat: 1.7.3
Bourbon Bitters: 1.2.0

طريقة معالجة Dreamweaver لمعالجات CSS الأولية

تختلف طريقة معالجة Dreamweaver لمعالجات CSS الأولية سواءٌ ما إذا كنت قد قمت بتحديد موقع أم لا. إذا قمت بتحديد موقع، يمكنك إعداد تفضيلات معالجات CSS الأولية وأيضًا استخدام أطر عمل Compass وBourbon من داخل Dreamweaver.

وعند تحديد موقع، يمكنك تخصيصه بنفس طريقة عمل معالجات CSS الأولية داخل Dreamweaver من خلال إعداد تفضيلات معالجات CSS الأولية الخاصة بالمواقع. يتيح تعيين تفضيلات معالجات CSS الأولية الخاصة بالمواقع لك تحديد خيارات التحويل البرمجي على أساس الموقع. يمكنك أيضًا تخصيص موقع ملفات Sass وCSS، وخيارات المعالجات الأولية الخاصة بكل موقع.

تابع القراءة لمعرفة كيفية استخدام Dreamweaver مع معالجات CSS الأولية:

Dreamweaver 2017 ومعالجات CSS الأولية

في Dreamweaver 2017، تم تضمين دعم معالجات CSS الأولية في Dreamweaver. أي أنه يمكنك العمل على ملفات Sass/LESS/SCSS داخل Dreamweaver. يتيح لك النقر فوق Ctrl+S or Cmd+S فقط التحويل البرمجي التلقائي للغة CSS في Dreamweaver. يمكنك أيضًا تحويل ملفات CSS برمجيًا يدويًا باستخدام Tools > Compile (أو F9). تظهر التغييرات أيضًا في جميع ملفات HTML المفتوحة حيث يتم ربط CSS التي تم تحوليها برمجيًا هذه أو إرفاقها.

ها هو سير عمل على مستوى عالٍ للمهام المتضمنة عند استخدام معالجات CSS الأولية:

قم بتثبيت برنامج التحويل البرمجي المناسب إذا كنت تريد استخدام Compass أو Bourbon من داخل Dreamweaver. يتم هذا التثبيت من خلال عملية من نقرة واحدة. قم بتعيين إعدادات معالجات CSS الأولية.

قم بتثبيت برنامج التحويل البرمجي فقط إذا كنت تريد نسخة من ملفات إطار العمل (Bourbon)، أو إذا كنت تريد إنشاء ملفات scss الافتراضية وملفات التكوين المستندة إلى Ruby ‏(Compass). يوصى بالاحتفاظ بنسخة من ملفات إطار العمل. إذا تمت إزالة فئات Mixin أو دالات معينة من إطار عمل التأليف في المراجعات اللاحقة، فلا يزال بإمكانك الوصول إلى ملفات المعالج الأولي داخل موقعك.

تأكد من تمكين التحويل البرمجي التلقائي. ثم اضغط Save لتحديث ملفات CSS.
(اختياري) قم بعرض التغييرات التي تظهر في طريقة العرض Live أو في Real-time Preview في جميع صفحات HTML التي يتم فيها استخدام css الذي تم إنشاؤه.

Dreamweaver 2015 ومعالجات CSS الأولية

في Dreamweaver 2015 والإصدارات السابقة من CC، يمكنك استخدام ملفات Sass وLESS و SCSS مع Dreamweaver. ومع ذلك، كان عليك التحويل البرمجي لهذه الملفات بنفسك خارج تطبيق Dreamweaver.
سوف يتمثل سير العمل لديك في الخطوات التالية:

تنزيل برنامج التحويل البرمجي وتثبيته.
إعداد مهمة تنظيم (Gruntfile.js) لبرنامج التحويل البرمجي لقراءة ملف Sass/LESS/SCSS.
قم بإعداد مهمة أخرى للتحويل البرمجي للملف في CSS، والتي ستعمل عليها بعد ذلك في Dreamweaver.

يجب عليك تنفيذ هذه الخطوات في كل مرة تقوم فيها بإجراء تغيير في ملف Sass/LESS/SCSS لديك.

ملاحظة:

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

وإذا لم يكن لديك موقع محدد، فيمكنك اختيار تحويل ملفات Sass وLESS برمجيًا يدويًا. لكن الدعم لإطاري عمل Compass وBourbon frameworks غير مدعوم.

كيف تُستخدم معالجات CSS الأولية في Dreamweaver؟

ها هو سير عمل على مستوى عالٍ للمهام المتضمنة عند استخدام معالجات CSS الأولية:

قم بتحديد موقع في Dreamweaver. تأكد أن ملف LESS الذي تحاول تحويله برمجيًا موجود في المجلد الجذر للموقع. وإذا كنت قد حددت بالفعل موقعًا وتم تضمين ملف Sass/LESS في الموقع الجذر، فواصل القيام بالخطوة التالية. لمزيد من المعلومات حول إعداد موقع، Dreamweaver راجع حول مواقع Dreamweaver.
تعيين التفضيلات لمعالجات CSS الأولية (مثل تحديد موقع ملفات CSS التي تم إنشاؤها). هذه التفضيلات خاصة بالموقع. لمزيد من المعلومات، راجع تعيين تفضيلات معالجات CSS الأولية الخاصة بالموقع.
إذا كنت تريد استخدام أطر عمل محددة، مثل Compass أو Bourbon، فيمكنك تحديد الإعدادات لأطر العمل هذه. لمزيد من المعلومات، راجع: استخدام إطار عمل Compass أو استخدام إطار عمل Bourbon.
إعداد إكمال تلقائي أو تحويل ملفات LESS برمجيًا يدويًا. لمزيد من المعلومات، راجع تحويل ملفات معالجات CSS الأولية برمجيًا.

ضبط التفضيلات لمعالجات CSS الأولية

يمكنك تعيين تفضيلات خاصة بالمواقع لمعالجات CSS الأولية باستخدام مربع حوار Sites > Manage Sites.

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

ملاحظة:

تنطبق الإعدادات الموجودة في أقسام General وSource & Output الفرعية على إطار عمل Ruby-Saas بشكل افتراضي.

لتعيين تفضيلات Compass، يجب عليك تحديد خانة اختيار Use Compass في قسم Compass.

تعيين إعدادات معالجات CSS الأولية العامة

يمكنك تعيين تفضيلات معالجات CSS الأولية العامة التالية في مربع حوار Sites > Manage Sites > CSS Preprocessors. تنطبق هذه الإعدادات بشكل افتراضي على إطار عمل Saas.

Enable Auto Compilation on File Save

حدد هذا الخيار لتمكين التحويل البرمجي لمعالجات CSS الأولية تلقائيًا. إذا قمت بتحديد هذا الخيار، سيقوم Dreamweaver تلقائيًا بإنشاء ملف CSS عندما تقوم بحفظ ملف Sass أو LESS أو SCSS لديك. في حالة إلغاء تحديد هذا الخيار، يتعين عليك تحويل الملفات يدويًا في كل مرة تقوم فيها بإجراء تغيير.

خيارات LESS

Enable Strict Math

قم بمعالجة هذه العمليات الحسابية في أقواس فقط. فعلى سبيل المثال، تتم معالجة (100 بكسل/25 بكسل) بنجاح بينما لم تتم معالجة 20% + 10% (دون أقواس). عند تعطيل هذا الخيار، تتم معالجة جميع العمليات الحسابية في الملف.

Enable Strict Units

وبدون هذا الخيار، يحاول LESS التخمين في وحدة الإخراج عندما تقوم بالحسابات الرياضية. على سبيل المثال:

.class {
  property: 1px * 2px;
}

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

ومع تشغيل الوحدات الصارمة، يفترض Dreamweaver أن هذا خطأ في الحساب ويعرض خطأ.

Rewrite URLs as Relative URLs

يتيح هذا الخيار لك إعادة كتابة عناوين URL في ملف CSS الذي تم إنشاؤه كي تكون عناوين URL مرتبطة بالملف الذي تم إنشاؤه دائمًا.

Generate Source map

لإنشاء المخطط المصدر. المخطط المصدر عبارة عن ملف يسد الفجوة بين اللغات عالية المستوى مثل Sass وLess، واللغات منخفضة المستوى، التي يتم التحويل برمجيًا إليها، مثل CSS.

خيارات Sass/SCSS

Output File Style

تحديد نمط ملف إخراج CSS:

Nested - يقوم بتنسيق CSS المحول برمجيًا في بنية نمطية معروفة.
Compact - يقوم بتنسيق CSS المحول برمجيًا في بنية محكمة تستغرق مساحة أقل من Nested أو Expanded.
Compressed - يقوم بإخراج CSS في بنية مستوية.
Expanded - يقوم بإخراج CSS بشكل موسع مع شغل كل خاصية وقاعدة لسطر واحد. الخصائص مقصودة داخل القواعد، لكن القواعد غير مقصودة بأي طريقة.

Create Source Comments

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

Generate Source map

يقوم بإنشاء مخطط مصدر (الملف الذي يسد الفجوة بين اللغات عالية المستوى مثل Sass وLESS، واللغات منخفضة المستوى، التي يتم التحويل برمجيًا إليها، مثل CSS).

تعيين تفصيلات مصدر وإخراج CSS

يمكنك تحديد ملفات CSS التي تم إنشاؤها التي يلزم وضعها، والمسار الذين ينبغي على Dreamweaver مشاهدته وتشغيل التحويل البرمجي التلقائي عندما يتم تعديل ملف Sass/LESS في مسار ما باستخدام محرر خارجي.

ملاحظة:

تنطبق الخيارات الموجودة في قسم Source & Output بشكل افتراضي على Saas. ولتمكين هذه الخيارات لـ Compass، يجب عليك تحديد خانة اختيار Use Compass في قسم Compass.

وبعد تعديل هذه الإعدادات وتثبيت Compass، يتم ترحيل جميع الإعدادات إلى config.rb. في وقت لاحق، إذا كنت تريد تعديل أي إعدادات، قم بتحرير الإعدادات مباشرة في ملف config.rb. كما لا تؤثر التغييرات التي تمت في مربع حوار Site Settings على التحويل البرمجي.

تعيين إعدادات Source & Output لـ Compass

يمكنك تعيين تفضيلات معالجات CSS الأولية للمصدر والإخراج في حوار Sites > Manage Sites.

إعدادات معالج CSS الأولي للمصدر والإخراج

إخراج CSS

تحديد مكان ملف إخراج CSS المنشأ.

In the same folder as source

حدد هذا الخيار إذا كنت تريد حفظ ملفات CSS التي تم إنشاؤها في نفس المجلد الخاص بملفات Sass وLESS.

Define output folder

حدد هذا الخيار لتحديد مجلد تريد حفظ ملفات CSS التي تم إنشاؤها فيه.

Replace segment of input path

يتيح لك هذا الخيار استبدال جزء من المسار باستخدام سلاسل From وTo. على سبيل المثال، عند تعيين From: scss وTo:css، يتم وضع ملف الإخراج داخل نفس البنية الشجرية بعد استبدال SCSS في المسار css.

Source Folder

حدد المجلد الفرعي داخل جذر الموقع الذي يحتاج إلى مشاهدته. يحتوي هذا المجلد الفرعي في المعتاد على ملفات SCSS أو LESS.

إذا قمت بتمكين Compilation في General settings، سيقوم Dreamweaver تلقائي بتشغيل معالج CSS الأولي. يقوم Dreamweaver بتشغيل التحويل التلقائي عند تعديل أي ملف داخل المجلد خارجيًا أو من داخل Dreamweaver.

استخدام إطار عمل Compass

Compass هو إطار عمل تأليف CSS مفتوح المصدر يتيح لك إنشاء أوراق أنماط CSS3 باستخدام Sass.

يوفر Dreamweaver الدعم إلى Compass. لذلك إذا قمت بإنشاء أوراق أنماط باستخدام Compass، يمكنك تحويل أوراق الأنماط هذه برمجيًا وإنشاء ملفات CSS من داخل Dreamweaver.

استخدم ملفات Compass.

إذا لم يكن لديك Compass مثبت بالفعل على نظامك، فيمكنك تثبيته من داخل Dreamweaver.

في مربع حوار Site Setup، حدد CSS Preprocessors > Compass. حدد Use Compass ثم انقر فوق Install Files.

تثبيت ملفات Compass

يتم تثبيت جميع ملفات Compass وملف تكوين *.rb داخل مجلد موقعك، ويمكنك مشاهدتها في لوحة Files.

ملفات Compass المثبتة
تحديد ملف تكوين حالي مستند إلى Ruby

إذا كان لديك Compass مثبتًا بالفعل على الكمبيوتر، وكان لديك إعداد ملف Compass *.rb، فمن داخل مربع حوار Dreamweaver Site Setup حدد المسار إلى ملف Compass *.rb داخل جذر الموقع الحالي.
1. في مربع حوار Site Setup، حدد CSS Preprocessors > Compass.
2. حدد خانة اختيار Use Compass.
3. انقر فوق Specifying Ruby-based configuration file، واستعرض للوصول إلى موقع الملف.
4. انقر فوق Save عند الانتهاء من ذلك.
تحديد ملف تكوين حالي مستند إلى Ruby

ملاحظة:

يجب أن يوجد هذا الملف في مجلد جذر الموقع.
تحديد خيارات التكوين يدويًا

إذا لم يكن لديك خيار تكوين حالي، فيمكنك تحديد التكوينات يدويًا.
1. في مربع حوار Site Setup، حدد CSS Preprocessors > Compass.
2. حدد خانة اختيار Use Compass.
3. انقر فوق Specifying Configuration Options manually. حدد خيارات التكوين التالية وانقر فوق Save.
يتم ملء الحقول التالية تلقائيًا، ولكن يمكنك تغييرها وفقًا لمتطلباتك:

ملاحظة:

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

HTTP Path

المسار إلى المشروع عند التشغيل داخل خادم الويب. يتم التعيين افتراضيًا إلى "/".

Images Directory

الدليل الذي يتم فيه الإبقاء على الصور. الدليل نسبي لـ project_path.

Generated Images Directory

الدليل الذي يتم فيه الإبقاء على الصور التي تم إنشاؤها. هذا الدليل نسبي لـ project_path، ويقوم بتعيين قيمته بشكل افتراضي إلى images_dir.

Fonts Directory

الدليل الذي يتم فيه الإبقاء على ملفات الخط.

Relative Assets

يوضح ما إذا كانت وظائف أداة Compass المساعدة ينبغي أن تنشئ عناوين URL نسبية من CSS إلى الأصول أو عناوين URL مطلقة باستخدام مسار http لنوع الأصل.
إذا قمت بتحديد Enable Auto Compilation on File Save، في مربع حوار Sites > Manage Sites > CSS Preprocessors، يقوم Dreamweaver بإنشاء ملف CSS في كل مرة تقوم فيها بحفظ التغييرات على ملفات Sass لديك.

يمكنك أيضًا معاينة هذه التغييرات في الوقت الحقيقي في نافذة المستعرض لديك. لمزيد من المعلومات حول معاينة التغييرات التي قمت بها في الوقت الحقيقي في المستعرض، راجع المعاينة في الوقت الحقيقي.
في حالة عدم رغبتك في التحويل البرمجي التلقائي، يمكنك عندئذ تحويل ملف CSS يدويًا من خلال القيام بأي مما يلي:
- انقر بزر الماوس الأيمن فوق ملف Sass أو LESS أو SCSS في اللوحة Files ثم انقر فوق Compile.
- انقر فوق Tools > Compile لتحويل الملف الحالي برمجيًا.
يمكنك عندئذ إرفاق ملف CSS الذي تم تحويله برمجيًا بملفات HTML في موقعك. لمزيد من المعلومات، راجع الارتباط بورقة أنماط CSS خارجية.

استخدام إطار عمل Bourbon

يقوم Dreamweaver بدعم مجموعة منتجات Bourbon. إذا قمت بإنشاء أوراق أنماط باستخدام Bourbon، يمكنك تحويل أوراق الأنماط هذه برمجيًا وإنشاء ملفات CSS من داخل Dreamweaver.

يتم دعم صفات Bourbon التالية:

Bourbon - مكتبة خلط بسيطة وخفيفة لـ Sass
Bourbon Neat - إطار عمل شبكة دلالي خفيف لـ Sass وBourbon
Bourbon Bitters - أنماط سقالات وبنية لمشروعات Bourbon

يمكن استيراد إطار عمل Bourbon من خلال إضافة واحد مما يلي في التعليمات البرمجية:

@import "bourbon" - لاستيراد Bourbon
@import “neat” – لاستيراد Bourbon Neat
@import “base” – لاستيراد Bourbon Bitter

ثم يستخدم Dreamweaver بعد ذلك إصدارًا بحزمة مسبقة من Bourbon أثناء تحويل ملفات المعالج الأولي برمجيًا.

في المقابل يمكنك تثبيت ملفات إطار عمل Bourbon لموقعك كي لا تؤثر التحديثات الإضافية لـ Dreamweaver على عمليات سير عمل التحويل البرمجي الخاصة بك. يتم نسخ ملفات إطار عمل Bourbon إلى موقعك. Bourbon هو إطار العمل المستخدم عند تشغيل التحويل البرمجي لأي من الملفات التي تستورد إطار العمل.

تثبيت ملفات Bourbon أو Bourbon Neat أو Bourbon Bitters

لتثبيت Bourbon أو أيّ من صفاته:

في مربع حوار Site Setup، حدد CSS Preprocessors > Bourbon أو Bourbon Neat أو Bourbon Bitters.
انقر فوق Install Files لتثبيت الملفات في موقع مجلد جذر الموقع داخل موقعك.

تثبيت ملفات Bourbon

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

ملفات Bourbon المثبتة

في حالة الفشل، يتم عرض الأخطاء في لوحة Output (Window > Results > Output)، ويتغير رمز شريط الحالة للّون الأحمر.

تحويل ملفات معالج CSS الأولي برمجيًا

يمكنك تحويل ملفات معالج CSS الأولي برمجيًا بأحد الطرق التالية:

إعداد التحويل البرمجي التلقائي لملفات معالج CSS الأولي
التحويل البرمجي يدويًا لملف معالج CSS أولي

إعداد التحويل البرمجي التلقائي لملفات معالج CSS الأولي

يمكنك إعداد الخيارات داخل Dreamweaver لتحويل التغييرات التي تتم في ملف Sass أو LESS برمجيًا في CSS المكافئ له. يمكنك أيضًا تحديد المواقع (داخل جذر الموقع) التي تريد حفظ CSS المنشأ بها.

في مربع حوار Site Setup، حدد CSS Preprocessors > General > Enable Auto Compilation on File Save.

تمكين التحويل البرمجي التلقائي
انقر فوق CSS Preprocessors > Source & Output.
حدد المواقع التي تريد حفظ ملفات CSS التي قمت بإنشائها بها. يمكنك اختيار أحد الخيارات التالية:

In the same folder as source

حدد هذا الخيار إذا كنت تريد حفظ ملفات CSS التي تم إنشاؤها في نفس المجلد الخاص بملفات Sass وLESS.

Define output folder

حدد هذا الخيار لتحديد المجلد الذي تريد حفظ ملفات CSS التي تم إنشاؤها فيه.

Replace segment of input path

يتيح لك هذا الخيار استبدال جزء من المسار باستخدام سلاسل From وTo.
حدد المجلد الذي يحتوي على ملفات Sass أو LESS التي يحتاج Dreamweaver إلى تعقبها.

وفي حالة عمل التغييرات لأي من الملفات داخل المجلد الذي تم تعقبه هذا، يقوم Dreamweaver تلقائيًا بتحويل الملفات بعد حفظها.

إعدادات معالج CSS الأولي للمصدر والإخراج

ملاحظة:

يشاهد Dreamweaver هذه الملفات ويقوم بتحويلها برمجيًا حتى في حالة عمل التغييرات خارج Dreamweaver (باستخدام محرر نصوص على سبيل المثال).

بعد النجاح في التحويل البرمجي، يتم عرض رسالة في لوحة Output (Window > Results > Output). يتم عرض رمز الحالة في شريط الحالة باللون الأخضر. لفتح CSS المحوّل برمجيًا، انقر بشكل مزدوج فوق رسالة النجاح في اللوحة.

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

ملاحظة:

يتم إرساء Output في أسفل مساحة العمل. إذا تم إغلاق اللوحة، انقر فوق Window > لوحة Output.

يمكنك أيضًا تبديل لوحة Output (إظهار / إخفاء) باستخدام رمز الحالة عندما يكون باللون الأحمر.

بعد الحصول على ملف CSS المجمع، يمكنك ربط صفحة الويب بورقة الأنماط. عند إجراء أي تغييرات على معالجات CSS، يتم تحديث ملفات CSS المجمعة المتوافقة تلقائيًا. يتم تحديث صفحة الويب أيضًا بصورة تلقائية في "العرض المباشر".

للمزيد من المعلومات حول ربط صفحة الويب الخاصة بك بورقة الأنماط، راجع الارتباط بورقة أنماط CSS خارجية‬.

التحويل البرمجي يدويًا لملف معالج CSS أولي

في بعض الحالات (مثلاً عند عدم تحديد موقع Dreamweaver)، قد تحتاج إلى جميع ملف معالج CSS أولي يدويًا.

وفي تلك السيناريوهات، قم بتعطيل Enable Auto Compilation on File Save في CSS Preprocessors > لوحة General في حوار Site Setup.

لتحويل معالج CSS برمجيًا يدويًا، انقر بزر الماوس الأيمن فوق الملف في لوحة Files ثم انقر فوق Compile.

تحويل ملفات معالجات CSS الأولية برمجيًا من خلال لوحة Files

كما يمكنك النقر فوق Tools > Compile لتحويل الملف الحالي برمجيًا.

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

مستخدم جديد؟

استخدام معالجات CSS الأولية في Dreamweaver

طريقة معالجة Dreamweaver لمعالجات CSS الأولية

Dreamweaver 2017 ومعالجات CSS الأولية

Dreamweaver 2015 ومعالجات CSS الأولية

كيف تُستخدم معالجات CSS الأولية في Dreamweaver؟

ضبط التفضيلات لمعالجات CSS الأولية

تعيين إعدادات معالجات CSS الأولية العامة

خيارات LESS

خيارات Sass/SCSS

تعيين تفصيلات مصدر وإخراج CSS

إخراج CSS

استخدام إطار عمل Compass

استخدام إطار عمل Bourbon

تثبيت ملفات Bourbon أو Bourbon Neat أو Bourbon Bitters

تحويل ملفات معالج CSS الأولي برمجيًا

إعداد التحويل البرمجي التلقائي لملفات معالج CSS الأولي

التحويل البرمجي يدويًا لملف معالج CSS أولي

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

طرح سؤال على المجتمع

اتصل بنا