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

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

الإجابة: س2: العنوان: صفحتي الإلكترونية الأولى 1- كرة القدم: رياضة جماعية تنمي التعاون واللياقة. 2- السباحة: تقوي العضلات وتساعد على الاسترخاء.

خطوات الحل:

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

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

الإجابة: س3: العنوان: My page الاسم: محمد أحمد الوصف: طالب محب للتقنية والبرمجة، منظم وأحب العمل الجماعي. الحفظ: باسم mypage

خطوات الحل:

1. **الشرح:** الفكرة هنا هي إنشاء صفحة إلكترونية شخصية. نبدأ بإنشاء صفحة جديدة ووضع عنوان الصفحة الإلكترونية كـ "My page"، وهذا عادةً ما يظهر في شريط العنوان للمتصفح. ثم نضيف اسمك كعنوان رئيسي داخل الصفحة، مثلاً باستخدام علامة <h1> في HTML لكتابة "محمد أحمد". بعد ذلك، نكتب فقرة نصية تصف نفسك، مثل "طالب محب للتقنية والبرمجة، منظم وأحب العمل الجماعي"، ونضعها في فقرة عادية باستخدام علامة <p>. أخيراً، نحفظ الصفحة الإلكترونية باسم ملف، مثل "mypage.html"، لضمان عدم فقدان العمل. إذن الإجابة هي: **إنشاء صفحة بعنوان "My page" تحتوي على اسمك كعنوان ووصف شخصي، ثم حفظها باسم "mypage"**

سؤال تدريب 4: خطط لإنشاء موقع إلكتروني يتضمن معلومات سياحية للمسافرين إلى بلدك أو إلى بلد آخر من اختيارك. سيحتوي الموقع على ما يلي: - صور عالية الجودة. - وصف موجز للبلد مع تسليط الضوء على الأماكن المهمة. - دليل للمعالم الفنية والثقافية يشمل المتاحف والمعالم السياحية. - بعض المعلومات عن المناسبات والفعاليات. لتنفيذ الإجراءات السابقة: 1. أنشئ رسماً تخطيطياً يساعدك على إنشاء الموقع لاحقاً. 2. أنشئ مجلداً باسم "Adventure_website". 3. داخل هذا المجلد، أنشئ مجلدين فرعيين: الأول باسم "pages" والثاني باسم "images"، حيث سيتم إضافة جميع الصور التي ستستخدمها في الموقع. 4. افتح محرر فيجوال ستوديو كود وافتح المجلد الذي أنشأته للتو، ثم أنشئ ملف HTML داخل هذا المجلد لبدء إنشاء الموقع الإلكتروني الخاص بك. 5. امنح موقعك اسماً وأضف عنواناً وفقرات أخرى حسب الحاجة. 6. احفظ التغييرات.

الإجابة: س4: الموقع: Saudi Arabia Adventure (السعودية) المحتوى: صور، وصف، معالم، فعاليات. المخطط: الرئيسية، المدن، الثقافة، الفعاليات، الصور. التنفيذ: مجلد Adventure_website (بداخله مجلدات pages, images) + ملف HTML.

خطوات الحل:

1. **الخطوة 1 (المفهوم):** نتذكر أن إنشاء موقع إلكتروني يتطلب تخطيطاً وتنظيماً للملفات والمحتوى. هنا، المطلوب هو موقع سياحي، لذا نخطط للمحتوى مثل الصور والأوصاف والمعالم.
2. **الخطوة 2 (التنفيذ):** أولاً، نرسم مخططاً تخطيطياً للموقع يوضح الصفحات الرئيسية (مثل الرئيسية، المدن، الثقافة، الفعاليات، الصور). ثانياً، ننشئ مجلداً رئيسياً باسم "Adventure_website"، وداخله مجلدين فرعيين: "pages" لصفحات الموقع و"images" للصور. ثالثاً، نفتح محرراً مثل فيجوال ستوديو كود، ونفتح المجلد "Adventure_website"، ثم ننشئ ملف HTML داخله لبدء كتابة كود الموقع. رابعاً، نكتب كود HTML لإضافة اسم الموقع (مثل "Saudi Arabia Adventure")، وعناوين، وفقرات عن المحتوى السياحي. خامساً، نحفظ التغييرات في الملف لضمان حفظ العمل.
3. **الخطوة 3 (النتيجة):** إذن الإجابة هي: **تخطيط موقع سياحي، وإنشاء مجلد "Adventure_website" مع مجلدات فرعية، وكتابة ملف HTML للمحتوى، ثم حفظه**

ما الخطوة الأولى المنطقية عند البدء في إنشاء موقع إلكتروني متعدد الصفحات يحتوي على صور ومحتوى منظم؟

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

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

الإجابة: إنشاء رسم تخطيطي (مخطط) للموقع يوضح الصفحات الرئيسية وعلاقتها ببعضها.

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

تلميح: هذه الخطوة تساعد في تنظيم الأفكار وتصور هيكل الموقع قبل البدء في البرمجة.

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

ما الهيكل التنظيمي الصحيح للمجلدات عند إنشاء موقع ويب جديد باستخدام محرر مثل فيجوال ستوديو كود، وفقاً لأفضل الممارسات؟

• أ) مجلد واحد فقط يحتوي على جميع ملفات HTML والصور معاً.
• ب) مجلد رئيسي باسم الموقع، وداخله مجلدان فرعيان: أحدهما للصور (images) والآخر للصفحات (pages).
• ج) مجلد للصور فقط، وملفات HTML توضع مباشرة على سطح المكتب.
• د) إنشاء مجلد منفصل لكل صفحة من صفحات الموقع.

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

الإجابة: مجلد رئيسي باسم الموقع، وداخله مجلدان فرعيان: أحدهما للصور (images) والآخر للصفحات (pages).

الشرح: 1. المجلد الرئيسي (مثل Adventure_website) يمثل جذر المشروع. 2. المجلد الفرعي 'images' مخصص لتخزين جميع ملفات الصور المستخدمة في الموقع. 3. المجلد الفرعي 'pages' مخصص لتخزين ملفات HTML للصفحات المختلفة (مثل index.html, about.html). 4. هذا الهيكل يحافظ على النظام، ويسهل الوصول إلى الملفات، ويجعل المشروع قابلاً للصيانة.

تلميح: التنظيم الجيد للملفات يسهل إدارة الموقع وتحديثه، ويفصل بين أنواع الملفات المختلفة.

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

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

• أ) صور شخصية فقط، مع رابط لوسائل التواصل الاجتماعي.
• ب) قائمة منسدلة للاختيارات، وجدول للبيانات.
• ج) عنوان للصفحة (Title)، وعنوان رئيسي داخل الصفحة (مثل الاسم)، ووصف نصي (فقرة)، ثم حفظ الملف.
• د) مقاطع فيديو مضمنة، وخلفية متحركة.

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

الإجابة: عنوان للصفحة (Title)، وعنوان رئيسي داخل الصفحة (مثل الاسم)، ووصف نصي (فقرة)، ثم حفظ الملف.

الشرح: 1. عنوان الصفحة (Title): يظهر في شريط عنوان المتصفح (مثل 'My page'). 2. عنوان رئيسي داخل الصفحة: يستخدم للتعريف (مثل اسم الشخص)، غالباً باستخدام وسم <h1>. 3. فقرة نصية: تحتوي على وصف أو معلومات عن المحتوى، باستخدام وسم <p>. 4. حفظ الملف: خطوة حاسمة للحفاظ على العمل، ويُفضل استخدام اسم ملف وصفي (مثل mypage.html).

تلميح: تتكون الصفحة البسيطة من عناصر تعريفية وعناصر محتوى، ويجب حفظ العمل دائمًا.

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