جدول المهارات

📚 معلومات الصفحة

الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

📝 ملخص الصفحة

📚 جدول المهارات (في الختام)

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

هذه الصفحة عبارة عن جدول تقييم ذاتي للمهارات التي تم تعلمها في الوحدة. لا تحتوي على تعريفات جديدة، بل تذكر قائمة بالمهارات العملية التي يجب على الطالب مراجعتها وتقييم مدى إتقانه لها.

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

```markmap

مهارات ختام الوحدة (التقنية الرقمية)

المهارات المطلوب تقييمها

1. استخدام وسوم HTML

لتنسيق النص
لعرض الصور
لعرض ملفات الفيديو

2. استخدام أنماط التنسيق (CSS)

النمط المضمن
صفحات الأنماط الداخلية
صفحات الأنماط الخارجية

3. إنشاء موقع إلكتروني

باستخدام ملف CSS
صفحة إلكترونية مستجيبة
موقع تفاعلي باستخدام جافا سكربت و HTML

4. إنشاء رسالة إخبارية رقمية

درجة الإتقان

أتقن
لم يتقن

```

نقاط مهمة

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

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

جدول المهارات

درجة الإتقان

نوع: محتوى تعليمي

درجة الإتقان

أتقن

نوع: محتوى تعليمي

أتقن

لم يتقن

نوع: محتوى تعليمي

لم يتقن

المهارة

نوع: محتوى تعليمي

المهارة

1

نوع: QUESTION_HOMEWORK

استخدام وسوم HTML لتنسيق النص والصورة وعرض ملفات الفيديو في صفحة إلكترونية.

2

نوع: QUESTION_HOMEWORK

استخدام النمط المضمن لتنسيق صفحة إلكترونية.

3

نوع: QUESTION_HOMEWORK

استخدام صفحات الأنماط الداخلية لتنسيق صفحة إلكترونية.

4

نوع: QUESTION_HOMEWORK

استخدام صفحات الأنماط الخارجية لتنسيق صفحة إلكترونية.

5

نوع: QUESTION_HOMEWORK

إنشاء موقع إلكتروني على شبكة الإنترنت باستخدام ملف CSS.

6

نوع: QUESTION_HOMEWORK

إنشاء صفحة إلكترونية مستجيبة.

7

نوع: QUESTION_HOMEWORK

إنشاء موقع إلكتروني تفاعلي باستخدام لغة برمجة جافا سكربت مع مقطع برمجي HTML.

8

نوع: QUESTION_HOMEWORK

إنشاء رسالة إخبارية رقمية.

📄 النص الكامل للصفحة

--- SECTION: جدول المهارات ---
جدول المهارات

--- SECTION: درجة الإتقان ---
درجة الإتقان

--- SECTION: أتقن ---
أتقن

--- SECTION: لم يتقن ---
لم يتقن

--- SECTION: المهارة ---
المهارة

--- SECTION: 1 ---
استخدام وسوم HTML لتنسيق النص والصورة وعرض ملفات الفيديو في صفحة إلكترونية.

--- SECTION: 2 ---
استخدام النمط المضمن لتنسيق صفحة إلكترونية.

--- SECTION: 3 ---
استخدام صفحات الأنماط الداخلية لتنسيق صفحة إلكترونية.

--- SECTION: 4 ---
استخدام صفحات الأنماط الخارجية لتنسيق صفحة إلكترونية.

--- SECTION: 5 ---
إنشاء موقع إلكتروني على شبكة الإنترنت باستخدام ملف CSS.

--- SECTION: 6 ---
إنشاء صفحة إلكترونية مستجيبة.

--- SECTION: 7 ---
إنشاء موقع إلكتروني تفاعلي باستخدام لغة برمجة جافا سكربت مع مقطع برمجي HTML.

--- SECTION: 8 ---
إنشاء رسالة إخبارية رقمية.

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

عدد البطاقات: 4 بطاقة لهذه الصفحة

أي من المهارات التالية تتعلق باستخدام ملف CSS خارجي لتنسيق موقع إلكتروني؟

أ) استخدام وسوم HTML لتنسيق النص والصورة وعرض ملفات الفيديو في صفحة إلكترونية.
ب) استخدام النمط المضمن لتنسيق صفحة إلكترونية.
ج) استخدام صفحات الأنماط الخارجية لتنسيق صفحة إلكترونية.
د) إنشاء صفحة إلكترونية مستجيبة.

الإجابة الصحيحة: c

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

الشرح: صفحات الأنماط الخارجية (External CSS) هي ملفات CSS منفصلة يتم ربطها بصفحات HTML عبر وسم <link>. هذا يسمح بتطبيق نفس التنسيق على عدة صفحات ويحافظ على فصل المحتوى عن التصميم، مما يجعل الصيانة أسهل.

تلميح: فكر في طريقة فصل محتوى HTML عن التصميم باستخدام ملف منفصل.

التصنيف: مفهوم جوهري | المستوى: سهل

ما الفرق الرئيسي بين النمط المضمن وصفحات الأنماط الداخلية في CSS؟

أ) النمط المضمن يستخدم ملف .css منفصل، بينما الداخلية تكتب داخل HTML.
ب) النمط المضمن يُطبق على عنصر HTML محدد باستخدام خاصية style، بينما صفحات الأنماط الداخلية تُكتب داخل وسم <style> في رأس الصفحة وتُطبق على عدة عناصر.
ج) النمط المضمن لتنسيق النصوص فقط، والداخلية للصور والفيديو.
د) لا يوجد فرق، كلاهما يؤدي نفس الغرض.

الإجابة الصحيحة: b

الإجابة: النمط المضمن يُطبق على عنصر HTML محدد باستخدام خاصية style، بينما صفحات الأنماط الداخلية تُكتب داخل وسم <style> في رأس الصفحة وتُطبق على عدة عناصر.

الشرح: 1. النمط المضمن (Inline): يُكتب مباشرة داخل وسم HTML باستخدام خاصية style (مثلاً: <p style="color:red;">). 2. صفحات الأنماط الداخلية (Internal): تُكتب داخل وسم <style> في قسم <head> من صفحة HTML وتستهدف عناصر متعددة في نفس الصفحة. الفرق الرئيسي هو نطاق التطيبق ودرجة إعادة الاستخدام.

تلميح: فكر في نطاق التطبيق وأين يتم كتابة الكود.

التصنيف: فرق بين مفهومين | المستوى: متوسط

أي مما يلي يمثل خطوة أساسية في إنشاء موقع إلكتروني تفاعلي؟

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

الإجابة الصحيحة: b

الإجابة: دمج لغة برمجة جافا سكربت مع مقطع برمجي HTML.

الشرح: لجعل موقع إلكتروني تفاعلياً (Interactive)، يجب إضافة سلوك ديناميكي يتجاوز HTML وCSS الثابتة. يتم ذلك عادةً عن طريق دمج لغة برمجة نصية من جانب العميل مثل جافا سكربت (JavaScript) مع كود HTML، للاستجابة لأفعال المستخدم (مثل النقرات) وتحديث الصفحة دون إعادة تحميلها بالكامل.

تلميح: التفاعل يتطلب معالجة أحداث المستخدم وتغيير المحتوى ديناميكياً.

التصنيف: مفهوم جوهري | المستوى: متوسط

ما الهدف من إنشاء صفحة إلكترونية مستجيبة (Responsive)؟

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

الإجابة الصحيحة: c

الإجابة: ضمان عرض وتجربة استخدام مناسبة للموقع على أجهزة وشاشات مختلفة الأحجام (مثل الجوال والتابلت والكمبيوتر).

الشرح: التصميم المستجيب (Responsive Web Design) هو منهجية في تطوير الويب تهدف إلى جعل صفحات الويب تعرض بشكل مثالي على مجموعة متنوعة من الأجهزة ونوافذ المتصفح بمقاسات مختلفة. يتم تحقيق ذلك باستخدام تقنيات CSS مثل الاستعلامات الوسيطة (Media Queries) والوحدات المرنة (مثل %) لضبط التخطيط والصور والنصوص تلقائياً.

تلميح: فكر في كيفية ظهور الموقع على هاتفك الذكي مقارنة بجهاز الكمبيوتر.

التصنيف: تعريف | المستوى: سهل