مقدمة إلى صفحات التنسيق النمطية - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 مقدمة إلى صفحات التنسيق النمطية (CSS)

المفاهيم الأساسية

صفحات التنسيق النمطية (CSS): لغة تستخدم للتحكم في مظهر النص المكتوب بلغة HTML، مما يمنح القدرة على تعديل مظهر الصفحة الإلكترونية بشكل خاص والموقع بشكل عام.

خريطة المفاهيم

```markmap

الوحدة الخامسة: البرمجة المتقدمة باستخدام HTML

تصميم صفحات التنسيق النمطية

مكونات صفحة ويب كاملة الوظائف

• HTML

- الهيكل والمحتوى

- الترويسة

- الفقرات

- القوائم

- الصور

- مقاطع الفيديو

• CSS

- العرض

- الخط

- لون الخط

- لون الخلفية

- عرض الوسائط

- مزايا الاستخدام

- سهولة التعديل على الصفحات

- حجم أصغر للملف

- تحميل أسرع للصفحات

• JavaScript (JS)

- الآلية

- عرض تفاعلي

- الضغط لفتح قائمة مسدلة

العمل بطبقات البرمجة

• المبدأ

- كل لغة برمجة طبقة منفصلة

- كل طبقة تؤدي غرضًا مختلفًا

• طريقة العمل المفضلة

- العمل باللغات بشكل منفصل

- حفظ المقاطع البرمجية في ملفات مستقلة

- الدمج بين اللغات باستخدام:

- صفحات التنسيق النمطية (CSS)

- جافا سكريبت (JavaScript)

• الطبقات والملفات المرتبطة

- طبقة المحتوى (HTML)

- ملفات HTML

- طبقة العرض (CSS)

- ملفات صفحات التنسيق النمطية

- طبقة آلية العمل (JavaScript)

- ملفات جافا سكريبت

```

نقاط مهمة

* الغرض من CSS هو إظهار الصفحة بشكل أفضل من التنسيق المحدد الذي توفره وسوم HTML.

* من مزايا استخدام CSS:

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

* حجم أصغر للملف: يكتب التنسيق مرة واحدة فقط للصفحة بأكملها.

* تحميل أسرع: يحفظ المتصفح ملف CSS في ذاكرة التخزين المؤقت، فلا يحتاج لتحميله في كل زيارة جديدة.

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

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

مزايا استخدام صفحات التنسيق النمطية:

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

حجم أصغر للملف، حيث أن كل ما يتعلق بالتنسيق يكتب مرة واحدة فقط للصفحة بأكملها.

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

QR Code for digital link

Ministry of Education 2025 - 1447

--- SECTION: مقدمة إلى صفحات التنسيق النمطية --- استخدمت سابقاً لغة HTML لإضافة محتوى إلى الصفحة الإلكترونية، وتنسيقها باستخدام وسوم HTML التي توفر تنسيقاً محدوداً، ستتعلم الآن كيفية استخدام صفحات التنسيق النمطية لإظهار الصفحة بشكل أفضل. صفحات التنسيق النمطية (CSS) تستخدم للتحكم في مظهر النص المكتوب بلغة HTML، وهذا يمنحك القدرة على تعديل مظهر الصفحة الإلكترونية بشكل خاص والموقع بشكل عام. --- SECTION: مزايا استخدام صفحات التنسيق النمطية --- مزايا استخدام صفحات التنسيق النمطية: سهولة التعديل على الصفحات الإلكترونية، بحيث يمكن التحكم في مظهر بواسطة ملف CSS خارجي واحد، بل وإجراء التعديل على نمط الصفحات الإلكترونية في الموقع من خلال تغيير ملف واحد فقط بدلاً من تحرير عدة نقاط في كل صفحة من صفحات الموقع. حجم أصغر للملف، حيث أن كل ما يتعلق بالتنسيق يكتب مرة واحدة فقط للصفحة بأكملها. تحميل أسرع للصفحات، فعند استخدام ملف CSS خارجي، يحفظ المتصفح صفحة من الموقع في ذاكرة التخزين المؤقت، وبهذا لا يضطر إلى تحميلها كلما تصفح المستخدم الموقع مرة أخرى. QR Code for digital link Ministry of Education 2025 - 1447