افتح اللوحة CSS Styles عبر القيام بأحد الإجراءات التالية:
تاريخ آخر تحديث
6 مايو 2021
قم بتطبيق أوراق أنماط نماذج Dreamweaver على صفحاتك أو استخدمها كنقاط بداية لتطوير الأنماط الخاصة بك.
ملاحظة:
في Dreamweaver CC والإصدارات اللاحقة، تم استبدال اللوحة CSS Styles بـ CSS Designer. لمزيد من المعلومات، راجع CSS Designer.
يوفر Dreamweaver نماذج أوراق أنماط يمكنك تطبيقها على الصفحات لديك أو استخدامها كنقاط بداية لتطوير الأنماط الخاصة بك.
-
حدد Window > CSS Styles.
اضغط على Shift+F11.
-
في اللوحة CSS Styles، انقر فوق الزر Attach External Style Sheet. (يوجد الزر بالركن السفلي الأيمن من اللوحة.)
-
في مربع الحوار Attach External Style Sheet، انقر فوق Sample Style Sheets.
-
في مربع الحوار Sample Style Sheets، حدد ورقة أنماط من مربع القائمة.
أثناء قيامك بتحديد أوراق أنماط من مربع القائمة، يعرض الجزء Preview تنسيق النصوص والألوان الخاص بورقة الأنماط المحددة.
-
انقر فوق الزر Preview لتطبيق ورقة الأنماط والتأكد من تطبيقها للأنماط التي تريدها على الصفحة الحالية.
إذا لم تكن الأنماط المطبّقة هي المتوقعة، حدد ورقة أنماط أخرى من القائمة، وانقر فوق Preview لمشاهدة هذه الأنماط.
-
افتراضيًا، يقوم Dreamweaver بحفظ ورقة الأنماط في مجلد يسمى CSS مباشرةً أسفل جذر الموقع الذي قمت بتعريفه للصفحة. في حالة عدم وجود هذا المجلد، يقوم Dreamweaver بإنشائه. يمكنك حفظ الملف إلى موقع آخر عبر النقر فوق Browse والاستعراض إلى مجلد آخر.
-
عند العثور على ورقة أنماط تلبي قواعد التنسيق بها معايير التصميم الخاص بك، انقر فوق OK.
