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

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

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

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

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

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

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

📝 ملخص الصفحة

📚 المصطلحات (الوحدة: تطوير الويب)

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

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

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

```markmap

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

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

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

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

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

  • النمط المضمن
  • صفحات الأنماط الداخلية (Internal Style Sheets)
  • صفحات الأنماط الخارجية (External Style Sheets)

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

  • باستخدام ملف CSS
  • صفحة إلكترونية مستجيبة (Responsive Webpage)
  • موقع تفاعلي باستخدام جافا سكربت (JavaScript) و HTML

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

مصطلحات إضافية مرتبطة

  • استعلام الوسائط (Media Query)
  • تحسين محركات البحث (Search Engine Optimization)
  • جدول (Table)
  • إطار العرض (Viewport)
  • الخلفية (Background)
  • خلية (Cell)
  • أدوات المطور (Developer Tools)
  • محاكاة الجهاز (Device Emulator)

درجة الإتقان

  • أتقن
  • لم يتقن

```

نقاط مهمة

  • الصفحة عبارة عن مسرد مصطلحات (قاموس) يربط بين المصطلحات الإنجليزية والعربية.
  • المصطلحات مرتبطة بمهارات الوحدة السابقة: HTML، CSS، JavaScript، وإنشاء المواقع الإلكترونية والرسائل الإخبارية.
  • يجب التركيز على حفظ المصطلحات الجديدة مثل: استعلام الوسائط، صفحة إلكترونية مستجيبة، تحسين محركات البحث، وأدوات المطور.

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

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

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

Internal Style Sheets JavaScript Media Query Responsive Webpage Search Engine Optimization Table Viewport Website

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

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

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

Background Cell CSS Developer Tools Device Emulator Digital Newsletter External Style Sheets HTML Internal or Embedded Style

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

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

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

Internal Style Sheets JavaScript Media Query Responsive Webpage Search Engine Optimization Table Viewport Website صفحات الأنماط الداخلية جافا سكربت استعلام الوسائط صفحة إلكترونية مستجيبة تحسين محركات البحث جدول إطار العرض موقع إلكتروني Background Cell CSS Developer Tools Device Emulator Digital Newsletter External Style Sheets HTML Internal or Embedded Style الخلفية خلية صفحات التنسيق النمطية أدوات المطور محاكاة الجهاز رسالة إخبارية رقمية صفحات الأنماط الخارجية لغة ترميز النص التشعبي النمط الداخلي أو المضمن

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

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

ما هو تعريف (CSS) في تصميم الويب؟

  • أ) لغة ترميز النص التشعبي
  • ب) صفحات التنسيق النمطية
  • ج) جافا سكربت
  • د) أدوات المطور

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

الإجابة: صفحات التنسيق النمطية

الشرح: 1. CSS هي اختصار لـ Cascading Style Sheets. 2. وظيفتها الأساسية هي فصل المحتوى (HTML) عن التنسيق. 3. تتحكم في عناصر مثل الألوان، الخطوط، المسافات، والتخطيط. 4. تهدف إلى جعل المواقع أكثر جاذبية وسهولة في الصيانة.

تلميح: هي لغة تستخدم للتحكم في الشكل والمظهر المرئي لصفحات الويب.

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

ما الفرق الرئيسي بين صفحات الأنماط الداخلية (Internal Style Sheets) والخارجية (External Style Sheets) في CSS؟

  • أ) الداخلية أسرع في التحميل، والخارجية أبطأ.
  • ب) توجد الأنماط الداخلية داخل ملف HTML نفسه، بينما تكون الخارجية في ملف منفصل.
  • ج) الداخلية تستخدم للهواتف، والخارجية للحواسيب.
  • د) الداخلية مكتوبة بلغة JavaScript، والخارجية بلغة CSS.

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

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

الشرح: 1. الأنماط الداخلية: تُكتب داخل وسم <style> في قسم <head> من ملف HTML. تنطبق على الصفحة الحالية فقط. 2. الأنماط الخارجية: تُكتب في ملف منفصل بامتداد .css. يتم ربطه بملفات HTML متعددة عبر وسم <link>. 3. الميزة الرئيسية للخارجية: إعادة الاستخدام وسهولة الصيانة لمواقع متعددة الصفحات.

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

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

ما هو الغرض الأساسي من استعلام الوسائط (Media Query) في تصميم الويب المستجيب؟

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

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

الإجابة: تطبيق أنماط CSS مختلفة بناءً على خصائص جهاز المستخدم (مثل عرض الشاشة).

الشرح: 1. Media Query هي ميزة في CSS3. 2. تسمح بفحص خصائص جهاز المستخدم (مثل عرض viewport، الارتفاع، الدقة، الاتجاه). 3. بناءً على هذه الخصائص، يتم تطبيق مجموعة محددة من قواعد CSS. 4. هذا هو الأساس التقني لتحقيق التصميم المستجيب (Responsive Web Design) الذي يتكيف مع الجوال والتابلت والحاسوب.

تلميح: يرتبط هذا المفهوم بتكيف الموقع مع أحجام شاشات مختلفة.

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

أي مما يلي يمثل تقنية تُستخدم لجعل موقع الويب يظهر بشكل مناسب على أجهزة مختلفة الأحجام؟

  • أ) تحسين محركات البحث (SEO)
  • ب) التصميم المستجيب (Responsive Web Design)
  • ج) صفحات الأنماط الداخلية (Internal Style Sheets)
  • د) جافا سكربت (JavaScript)

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

الإجابة: التصميم المستجيب (Responsive Web Design)

الشرح: 1. التصميم المستجيب هو منهجية في تطوير الويب. 2. هدفه: ضمان تجربة مستخدم مثالية عبر جميع الأجهزة (هواتف، ألواح، حواسيب). 3. يعتمد على تقنيات أساسية مثل: - استعلامات الوسائط (Media Queries). - الشبكات المرنة (Flexible Grids). - الصور والوسائط المرنة. - إعداد Viewport المناسب.

تلميح: يرتبط هذا المفهوم بـ Media Query و Viewport.

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

ما هي الوظيفة الأساسية لجافا سكربت (JavaScript) في تطوير الويب؟

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

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

الإجابة: إضافة التفاعلية والديناميكية لصفحات الويب.

الشرح: 1. JavaScript هي لغة برمجة نصية من جانب العميل. 2. تعمل داخل متصفح المستخدم. 3. وظائفها تشمل: - الاستجابة لأحداث المستخدم (نقر، تمرير). - تعديل محتوى الصفحة ديناميكياً دون إعادة تحميل. - التحقق من صحة بيانات النماذج. - إنشاء رسوم متحركة وتأثيرات. 4. تكمل HTML وCSS لتكوين تجربة ويب كاملة.

تلميح: تختلف عن HTML (هيكل) وCSS (مظهر).

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