صفحة 254 - كتاب المهارات الرقمية - الصف 9 - الفصل 1 - المملكة العربية السعودية

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

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

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

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

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

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

📝 ملخص الصفحة

📚 إضافة الصور

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

مفهوم صفر نفايات: التخلص من المنتجات المهدرة أو غير الضرورية.

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

```markmap

إنشاء متجر إلكتروني باستخدام LocalWP

مرحلة التخطيط

تحديد الهدف من المتجر

اختيار اسم المجال

مرحلة التصميم

إنشاء نموذج أولي

تحرير صفحات المتجر الإلكتروني

#### حذف بعض الصفحات

#### تحرير صفحة "حول"

##### الوصول للوحة تحكم ووردبريس

##### تغيير اسم "صفحة النموذج" إلى "حول"

##### خطوات تحرير صفحة "حول"

###### 1. من لوحة التحكم (Dashboard)، اضغط على قسم صفحات (Pages)، وابحث عن صفحة حول (About)، ثم اضغط على زر تحرير (Edit).

###### 2. حدد النص واحذفه لإضافة النص الذي تريده.

###### 3. اكتب بعض المعلومات عن المتجر ثم غير خلفية (Background) الخاصة بالمكون.

###### 4. أضف معلومات "اتصل بنا" (Contact us) بنفس الطريقة.

#### تصميم الصفحة الرئيسية

##### تضمين قائمة التنقل

##### تضمين شعار واسم المتجر

##### تغيير صورة الصفحة الرئيسة

###### من قسم "صفحات"، انتقل إلى "الصفحة الرئيسة" ثم اضغط على "تحرير"

###### اضغط على مُكوّن الصورة، ثم اضغط على زر "استبدال"

###### اضغط على زر "رفع"، واختر الصورة، ثم اضغط على "فتح"

###### اضغط على زر "محاذاة"، ثم اضغط على "عرض واسع"

###### اضغط على زر "تبديل الارتفاع الكامل"، وغير "عامة الغشاء" من قسم "اللون"

##### إضافة رسالة ترحيبية إلى الصفحة الرئيسية

###### تحرير نص في موقع المتحرر الإلكتروني

####### 1. انتقل إلى المكون الذي تريد تحريره، واضغط على زر "محاولة استعادة مكون" الخاص بالرئيسية.

####### 2. اكتب النص الذي سيظهر في الصفحة الرئيسية (مثل: "مرحباً بك في متجرنا الإلكتروني").

####### 3. حدد النص، ثم اجعله عريضاً (Bold).

####### 4. حدد المكونات الأخرى من الصفحة إذا كنت لا تريد استخدامها، واضغط على زر "الخيارات".

####### 5. اضغط على "إزالة المكون (فقرة)".

####### 6. اضغط على "Remove Media & Text (فقرة)".

#### إدارة الصفحات في لوحة التحكم

##### تسجيل الدخول إلى لوحة التحكم

###### نموذج تسجيل الدخول

###### رسالة خطأ عند إدخال كلمة مرور خاطئة

##### عرض قائمة الصفحات

###### تصفية الصفحات حسب الحالة (الكل، المنشورة، المسودات)

###### البحث في الصفحات

###### عرض تفاصيل الصفحة (العنوان، الكاتب، التاريخ)

##### إضافة صفحة جديدة

##### تحرير صفحة موجودة

###### تعديل عنوان الصفحة ومحتواها

###### تحديد صفحة رئيسية وترتيبها

###### اختيار قالب الصفحة

###### التحكم في السماح بالتعليقات

###### تحديد حالة الصفحة (نشر، مسودة) ورؤيتها

###### معاينة الصفحة وحفظها

#### إدراج صورة جديدة في المحرر

##### اختيار الصورة من الجهاز

###### اختيار ملف الصورة (مثل Riyadh_Saudi_Arabia.jpg) من مجلد الصور

##### فتح الصورة

###### الضغط على زر 'Open' (فتح) لإدراج الصورة في المحرر

##### تغيير عرض الصورة

###### من قائمة خيارات المحاذاة والعرض، اختيار 'عرض واسع' (أقصى عرض 1200px)

##### استخدام أيقونة المحاذاة

###### النقر على أيقونة تغيير المحاذاة في شريط أدوات المكون العلوي

##### ضبط إعدادات المكون الجانبية

###### ضبط النص البديل وحجم الصورة من القائمة الجانبية اليسرى

###### الضغط على زر تحديث (Update) لحفظ التغييرات

#### تحويل صفحة إلى مسودة

##### خيارات إدارة المكونات

###### إلغاء المزيد من الإعدادات

###### تحديد المكون الأب (غلاف)

###### نسخ المكون

###### تكرار

###### إدراج قبل

###### إدراج بعد

###### نقل إلى

###### تحرير كـ HTML

###### تأمين

###### تجميع

###### إزالة المكون (فقرة)

##### إعدادات الصفحة العامة

###### التاريخ والوقت (مثال: 15 مارس 2023، 11:16، UTC+0)

###### النشر على نطاق محلي (مثال: my-giftshop.local)

###### إعدادات الرابط

###### إعدادات النموذج (مثال: Saad، كتاب)

###### إعدادات المراجعات

###### الصورة البارزة

###### مناقشة

###### خصائص السمة

#### إعدادات المكونات والصفحة

##### خيارات زر الإعداد (Setting)

###### المكونات

###### صفحة

###### ابدأ ببناء مكونات لكل الحكايا

###### فترة

###### اللون

###### نص

###### خلفية

###### رابط

###### الخطوط

###### حجم التراصي

####### XXL

####### XL

####### L

####### M

####### S

###### أبعاد

##### محتوى صفحة "متجرنا"

###### يبيع ملابس وإكسسوارات مصنوعة يدوياً في السعودية وصديقة للبيئة

###### تشجيع ودعم الحرفيين

###### مفهوم صفر نفايات: التخلص من المنتجات المهدرة أو غير الضرورية

###### جميع المنتجات مصممة ومصنعة 100% في السعودية

##### محتوى صفحة "اتصل بنا"

###### التواصل عبر وسائل التواصل الاجتماعي

#### إضافة صورة في صفحة "حول"

##### 1. اضغط على زر "إضافة مكون" (Add Block)، ثم اختر خيار "صورة" (Image).

##### 2. اضغط على زر "رفع" (Upload)، اختر الصورة، ثم اضغط على "فتح" (Open).

##### 3. اضغط على أداة "قص" (Crop)، اختر نسبة العرض إلى الارتفاع "مربع" (Square)، ثم اضغط على "تطبيق" (Apply).

##### 4. من زر "محاذاة" (Align)، اختر "عرض واسع" (Wide width).

```

نقاط مهمة

  • الغرض من إضافة الصورة هو جعل صفحة "حول" أكثر جاذبية.
  • يمكن إضافة صورة عن طريق رفع ملف من الجهاز، أو اختيارها من مكتبة الوسائط، أو إدراجها من رابط URL.
  • من المهم قص الصورة وتعديل محاذاتها لتناسب تصميم الصفحة.

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

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

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

إضافة الصور

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

بعد أن أضفت المعلومات المناسبة في صفحة حول (About) ، ستضيف الآن صورة لتكون الصفحة أكثر جاذبية.

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

الإضافة صورة في صفحة حول (About):

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

> اضغط على زر إضافة مكوّن Add Block) ، ثم اضغط على خيار صورة (Image).

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

> اضغط على زر رفع (Upload) ، ثم اختر الصورة التي تريدها واضغط على زر Open ..)فتح(

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

> اضغط على أداة قص (Crop) ، ومن نسبة العرض إلى الارتفاع (Aspect Ratio) اختر مربع (Square)، ثم اضغط على زرّ تطبيق (Apply).

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

< من زر محاذاة (Align) ، اضغط على زر عرض واسع (Wide width).

نوع: NON_EDUCATIONAL

تحويل إلى مسودة معاينة تحديث

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

صفحة المكون

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

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

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

اللون

نوع: NON_EDUCATIONAL

RX PX

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

الخطوط حجم افتراضي

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

إطار نصف القطر

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

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

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

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

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

صورة رفع ملف صورة، أو اختيار صورة من مكتبة الوسائط الخاصة بك، أو إضافة صورة من رابط URL.

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

مكتبة الوسائط أدرج من رابط (URL) رفع

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

م 2

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

T البحث

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

فقرة صورة مجموعة

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

ي المملكة العربية

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

مر فقط بتوفير المال ن هذه الحرفة. مفهوم

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

نص خلفية رابط

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

معرض جدول عنوان

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

تصفح الكل

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

الخطوط حجم افتراضي

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

إطار نصف القطر

نوع: NON_EDUCATIONAL

وزارة التعليم Ministry of Education 2025-1447

🔍 عناصر مرئية

Screenshot of a user interface with various options and text in Arabic.

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

إضافة الصور بعد أن أضفت المعلومات المناسبة في صفحة حول (About) ، ستضيف الآن صورة لتكون الصفحة أكثر جاذبية. الإضافة صورة في صفحة حول (About): > اضغط على زر إضافة مكوّن Add Block) ، ثم اضغط على خيار صورة (Image). > اضغط على زر رفع (Upload) ، ثم اختر الصورة التي تريدها واضغط على زر Open ..)فتح( > اضغط على أداة قص (Crop) ، ومن نسبة العرض إلى الارتفاع (Aspect Ratio) اختر مربع (Square)، ثم اضغط على زرّ تطبيق (Apply). < من زر محاذاة (Align) ، اضغط على زر عرض واسع (Wide width). تحويل إلى مسودة معاينة تحديث صفحة المكون الفقرة ابدأ بناء مكونات لكل الحكايا. اللون RX PX الخطوط حجم افتراضي إطار نصف القطر متجرنا يحتوي هذا المتجر الإلك السعودية وصديقة للب كثيرون اليوم متحمسو ومفهوم صفر نفايات صفر نفايات، تدعو إلى جميع منتجاتنا مصممة السعودية وصديقة للبيئة. كثيرون اليوم متحمسون لفكرة ارتداء الملابس المصنوعة يدويا. لا يتعلق الأمر فقط بتوفير المال ومفهوم صفر نفايات، بل يتعلق أيضا بتشجيع ودعم الأشخاص الذين يجيدون هذه الحرفة. مفهوم صفر نفايات، تدعو إلى التخلص من المنتجات المهدرة أو غير الضرورية. سبة %100 في المملكة العربية السعودية. صورة رفع ملف صورة، أو اختيار صورة من مكتبة الوسائط الخاصة بك، أو إضافة صورة من رابط URL. مكتبة الوسائط أدرج من رابط (URL) رفع م 2 T البحث فقرة صورة مجموعة ي المملكة العربية مر فقط بتوفير المال ن هذه الحرفة. مفهوم نص خلفية رابط معرض جدول عنوان تصفح الكل الخطوط حجم افتراضي إطار نصف القطر وزارة التعليم Ministry of Education 2025-1447 --- VISUAL CONTEXT --- **IMAGE**: Untitled Description: Screenshot of a user interface with various options and text in Arabic.

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

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

ما هي الخطوة الأولى لإضافة صورة في صفحة 'حول' (About) باستخدام أداة بناء المواقع؟

  • أ) الضغط على زر تحديث (Update) في أعلى الصفحة.
  • ب) الضغط على زر رفع (Upload) مباشرة.
  • ج) الضغط على زر إضافة مكوّن (Add Block)، ثم اختيار خيار صورة (Image).
  • د) اختيار الصورة من مكتبة الوسائط دون خطوات مسبقة.

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

الإجابة: الضغط على زر إضافة مكوّن (Add Block)، ثم اختيار خيار صورة (Image).

الشرح: 1. ابحث عن زر 'إضافة مكوّن' (Add Block) في واجهة المحرر. 2. اضغط عليه لفتح مكتبة المكونات. 3. اختر مكون 'صورة' (Image) من القائمة.

تلميح: تبدأ العملية بالبحث عن زر لإضافة عناصر جديدة إلى الصفحة.

التصنيف: صيغة/خطوات | المستوى: سهل

بعد اختيار الصورة المراد رفعها، ما الإجراء التالي المطلوب لقصها وتعديل نسبتها؟

  • أ) تغيير حجم الخط (Font Size) للنص المحيط بالصورة.
  • ب) الضغط على أداة قص (Crop)، واختيار نسبة العرض إلى الارتفاع (مثل Square)، ثم تطبيق (Apply).
  • ج) حفظ الصفحة كمسودة (Save Draft) مباشرة.
  • د) نسخ رابط الصورة (URL) ومشاركته.

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

الإجابة: الضغط على أداة قص (Crop)، واختيار نسبة العرض إلى الارتفاع (مثل Square)، ثم تطبيق (Apply).

الشرح: 1. بعد رفع الصورة، ابحث عن أيقونة أو زر 'قص' (Crop). 2. اضغط عليه لفتح خيارات القص. 3. اختر نسبة العرض إلى الارتفاع المطلوبة (مثل مربع - Square). 4. اضغط على زر 'تطبيق' (Apply) لحفظ التعديلات.

تلميح: يوجد إجراء يسمح لك بتعديل حجم وشكل الصورة قبل إدراجها النهائي.

التصنيف: صيغة/خطوات | المستوى: متوسط

ما الهدف من استخدام خيار 'عرض واسع' (Wide width) ضمن إعدادات محاذاة الصورة؟

  • أ) تقليل حجم ملف الصورة لتسريع تحميل الصفحة.
  • ب) إضافة إطار (Border) ملون حول الصورة.
  • ج) جعل الصورة تتمدد عبر عرض أوسع من منطقة المحتوى العادي، لتحسين الشكل البصري.
  • د) تحويل الصورة إلى رابط نقر (Clickable Link).

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

الإجابة: جعل الصورة تتمدد عبر عرض أوسع من منطقة المحتوى العادي، لتحسين الشكل البصري.

الشرح: خيار 'عرض واسع' (Wide width) هو أحد خيارات المحاذاة (Align) الذي يوسع عرض الصورة لتمتد عبر مساحة أوسع من عمود النص المعتاد، مما يجعلها أكثر بروزاً وجاذبية بصرياً ضمن تخطيط الصفحة.

تلميح: هذا الخيار يتعلق بكيفية ظهور الصورة من حيث الحجم والموقع بالنسبة للنص والمحتوى الآخر.

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