تدريب 2 - كتاب المهارات الرقمية - الصف 10 - الفصل 1 - المملكة العربية السعودية

سؤال س2: تدريب 2 أنشئ النموذج التالي:

الإجابة: س2: نموذج يحتوي على عبارة "رياضتي المفضلة هي:" ثم 3 خيارات (Radio): كرة القدم، الفروسية، كرة اليد، وزر "إرسال".

خطوات الحل:

1. **الشرح:** لنفهم هذا السؤال: المطلوب هو إنشاء نموذج (Form) باستخدام لغة HTML. النموذج يحتوي على نص يكتب "رياضتي المفضلة هي:" ثم ثلاثة خيارات (Radio Buttons) يجب أن يختار المستخدم واحدًا منها فقط، وهي: كرة القدم، الفروسية، كرة اليد. وأخيرًا، يجب إضافة زر (Button) مكتوب عليه "إرسال" ليتمكن المستخدم من إرسال اختياره. إذن الإجابة هي: **نموذج يحتوي على عبارة "رياضتي المفضلة هي:" ثم 3 خيارات (Radio): كرة القدم، الفروسية، كرة اليد، وزر "إرسال"**

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

الإجابة: س3: نموذج يحتوي على: - حقل الصف - حقل الجنس (ذكر/أنثى) - حقل الرسالة (تأثير التقنية) - زر إرسال

خطوات الحل:

1. **الشرح:** الفكرة هنا هي بناء نموذج إلكتروني (Form) يتضمن عدة حقول إدخال مختلفة. أولاً، حقل نصي (Text Input) لكتابة الصف أو المرحلة الدراسية. ثانيًا، حقل اختيار (Radio Buttons أو Dropdown) للجنس، حيث يختار المستخدم بين "ذكر" أو "أنثى". ثالثًا، حقل نصي أكبر (Textarea) لكتابة رسالة عن تأثير التقنية على التعليم. وأخيرًا، زر إرسال (Submit Button) لإرسال البيانات. لذلك الإجابة هي: **نموذج يحتوي على: حقل الصف، حقل الجنس (ذكر/أنثى)، حقل الرسالة (تأثير التقنية)، وزر إرسال**

سؤال س4: تدريب 4 استمر بتحديث الموقع الإلكتروني الذي أنشأته سابقًا والخاص بالمعلومات السياحية للمسافرين. افتح مجلد "Adventure_website" في فيجوال ستوديو كود ونفذ ما يلي: > أنشئ ملف HTML جديد لبناء نموذج بحيث يمكن للمستخدمين ترك رسالة. يحتوي هذا النموذج على أربعة حقول إدخال: الاسم، واسم العائلة، والبريد الإلكتروني، والتعليق ثم أضف حقل إرسال. > أنشئ عنصرًا جديدًا في شريط التنقل باسم " اتصل بنا " واربطه بالصفحة التي تحتوي على النموذج. > احفظ عملك.

الإجابة: س4: - إنشاء ملف HTML جديد (4 حقول: الاسم، العائلة، البريد، التعليق) - إضافة عنصر "اتصل بنا" في شريط التنقل - حفظ العمل

خطوات الحل:

1. **الشرح:** هذا السؤال يتعلق بتطوير موقع ويب سياحي. المطلوب هو تحديث الموقع بإضافة صفحة جديدة للتواصل. أولاً، ننشئ ملف HTML جديد يحتوي على نموذج (Form) بأربعة حقول إدخال: الاسم (Name)، اسم العائلة (Last Name)، البريد الإلكتروني (Email)، والتعليق (Comment)، ثم نضيف زر إرسال. ثانيًا، نعدل شريط التنقل (Navigation Bar) في الموقع بإضافة رابط جديد باسم "اتصل بنا" ونربطه بصفحة النموذج التي أنشأناها. ثالثًا، نحفظ جميع التغييرات التي قمنا بها. إذن الإجابة هي: **إنشاء ملف HTML جديد (4 حقول: الاسم، العائلة، البريد، التعليق)، إضافة عنصر "اتصل بنا" في شريط التنقل، حفظ العمل**

ما نوع عناصر الإدخال (Input Elements) المناسب لإنشاء نموذج يسمح للمستخدم باختيار رياضة واحدة فقط من بين عدة خيارات؟

• أ) حقول النص (Text Input)
• ب) أزرار الاختيار (Radio Buttons)
• ج) صناديق الاختيار (Checkboxes)
• د) القوائم المنسدلة (Dropdown Lists)

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

الإجابة: أزرار الاختيار (Radio Buttons)

الشرح: 1. أزرار الاختيار (Radio Buttons) مصممة لاختيار خيار واحد فقط من مجموعة. 2. عند اختيار زر، يتم إلغاء اختيار الزر السابق تلقائياً. 3. هذا يختلف عن صناديق الاختيار (Checkboxes) التي تسمح بتحديد أكثر من خيار.

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

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

عند إنشاء نموذج HTML لاستقبال تعليقات المستخدمين، ما هو نوع حقل الإدخال الأنسب لاستقبال نص طويل مثل 'تأثير التقنية على التعليم'؟

• أ) حقل النص (input type='text')
• ب) حقل كلمة المرور (input type='password')
• ج) منطقة النص (Textarea)
• د) حقل البريد الإلكتروني (input type='email')

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

الإجابة: منطقة النص (Textarea)

الشرح: 1. منطقة النص (Textarea) تسمح للمستخدم بكتابة نصوص طويلة متعددة الأسطر. 2. حجمها قابل للتعديل عادةً. 3. هذا يجعلها مناسبة للتعليقات والرسائل الطويلة، بعكس حقل النص العادي (input type='text') المخصص لسطر واحد.

تلميح: هذا الحقل يسمح بإدخال فقرات نصية متعددة الأسطر، على عكس الحقل الذي يقبل سطراً واحداً فقط.

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

ما هي الخطوة الأساسية التي يجب القيام بها بعد إنشاء صفحة HTML جديدة تحتوي على نموذج اتصال في موقع ويب؟

• أ) تغيير ألوان النموذج فقط.
• ب) إضافة رابط للصفحة الجديدة في شريط التنقل (Navigation Bar) للموقع.
• ج) حذف الصفحات القديمة من الموقع.
• د) نشر الموقع على الإنترنت مباشرة دون اختبار.

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

الإجابة: إضافة رابط للصفحة الجديدة في شريط التنقل (Navigation Bar) للموقع.

الشرح: 1. إنشاء صفحة HTML جديدة لوحدها لا يكفي لجعلها جزءاً فعالاً من الموقع. 2. يجب ربط الصفحة الجديدة ببقية صفحات الموقع، عادةً عن طريق إضافة عنصر جديد (رابط) في شريط التنقل الرئيسي. 3. هذا يضمن سهولة وصول المستخدمين إلى نموذج الاتصال.

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

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

أي من حقول الإدخال التالية يعتبر إلزامياً تقريباً في أي نموذج اتصال على موقع ويب لتتمكن من الرد على المرسل؟

• أ) حقل اسم العائلة فقط.
• ب) حقل البريد الإلكتروني (Email)
• ج) حقل تاريخ الميلاد.
• د) حقل اللون المفضل.

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

الإجابة: حقل البريد الإلكتروني (Email)

الشرح: 1. حقل البريد الإلكتروني هو وسيلة الاتصال الأساسية للرد على استفسارات أو تعليقات المستخدم. 2. الاسم والتعليق مهمان للمحتوى، لكن البريد الإلكتروني هو القناة لإعادة الاتصال. 3. لذلك، يعتبر من الحقول الأساسية في نماذج الاتصال.

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

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