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

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

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

📝 ملخص الصفحة

ملخص المحتوى التعليمي للصفحة:

تتناول هذه الصفحة أساسيات إنشاء صفحة ويب باستخدام لغة HTML، مع التركيز على استخدام العناوين.

المفاهيم الرئيسية:

صفحة الويب: هي مستند مكتوب بلغة ترميز تسمى لغة ترميز النص التشعبي (HTML)، ويتم عرضه من خلال متصفح إنترنت.

العناوين في HTML: تُستخدم العناوين لتنظيم محتوى الصفحة وتحديد مستويات الأهمية. يتم تعريفها باستخدام الوسوم من `

` إلى `

`، حيث يمثل `

` أعلى مستوى (العنوان الرئيسي الأكثر أهمية) ويمثل `

` أدنى مستوى.

مثال عملي:

يتم تقديم مثال لكود HTML كامل لصفحة توضح استخدام جميع مستويات العناوين (من h1 إلى h6):

```html

Page title

! السلام عليكم

```

* ملاحظة: يظهر الكود النص "! السلام عليكم" مع كل وسم عنوان.

* التوجيه: يُستخدم وسم `

` عادةً للإشارة إلى العنوان الأكثر أهمية، والذي يكون في أعلى الصفحة.
الناتج المتوقع:
يوجد عنصر بصري (لقطة شاشة) لمتصفح ويب يعرض نتيجة تنفيذ الكود أعلاه، حيث تظهر عبارة "السلام عليكم !" بخطوط وأحجام مختلفة حسب مستوى العنوان المستخدم.
المهمة المطلوبة:
بناءً على الشرح السابق، يُطلب من الطالب إنشاء الصفحة الإلكترونية الموضحة في المحتوى.

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

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

أنشئ الصفحة الإلكترونية التالية:

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

أنشئ الصفحة الإلكترونية التالية:

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

صفحة الويب هي مستند مكتوب بلغة ترميز النص التشعبي (HTML) ويتم عرضه في مستعرض إنترنت.

العناوين

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

العناوين

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

يتم تعريف عناوين HTML بالوسم <h1> إلى <h6>. إن الوسم <h1> هو أعلى مستوى في القسم والوسم <h6> هو أدناها. شاهد المثال التالي:

المثال التالي:

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

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
  <meta charset="UTF-8" />
  <title>Page title</title>
</head>
<body>
  <h1>السلام عليكم</h1>
  <h2>السلام عليكم</h2>
  <h3>السلام عليكم</h3>
  <h4>السلام عليكم</h4>
  <h5>السلام عليكم</h5>
  <h6>السلام عليكم</h6>
</body>
</html>

نصيحة ذكية

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

استخدم وسم <h1> للإشارة إلى العنوان الذي يكون عادةً أعلى الصفحة.

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

--- SECTION: أنشئ الصفحة الإلكترونية التالية: ---
أنشئ الصفحة الإلكترونية التالية:

صفحة الويب هي مستند مكتوب بلغة ترميز النص التشعبي (HTML) ويتم عرضه في مستعرض إنترنت.

--- SECTION: العناوين ---
العناوين

يتم تعريف عناوين HTML بالوسم <h1> إلى <h6>. إن الوسم <h1> هو أعلى مستوى في القسم والوسم <h6> هو أدناها. شاهد المثال التالي:

--- SECTION: المثال التالي: ---
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
  <meta charset="UTF-8" />
  <title>Page title</title>
</head>
<body>
  <h1>السلام عليكم</h1>
  <h2>السلام عليكم</h2>
  <h3>السلام عليكم</h3>
  <h4>السلام عليكم</h4>
  <h5>السلام عليكم</h5>
  <h6>السلام عليكم</h6>
</body>
</html>

--- SECTION: نصيحة ذكية ---
استخدم وسم <h1> للإشارة إلى العنوان الذي يكون عادةً أعلى الصفحة.

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

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

ما هي لغة الترميز المستخدمة لإنشاء صفحات الويب والتي يتم عرضها في مستعرض الإنترنت؟

أ) لغة البرمجة جافا سكريبت (JavaScript)
ب) لغة ترميز النص التشعبي (HTML)
ج) لغة التصميم CSS
د) لغة الاستعلام SQL

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

الإجابة: لغة ترميز النص التشعبي (HTML)

الشرح: 1. صفحات الويب هي مستندات رقمية. 2. يتم كتابة هذه المستندات بلغة ترميز محددة. 3. هذه اللغة هي HTML (HyperText Markup Language). 4. وظيفتها الرئيسية هي هيكلة محتوى الصفحة لعرضه في المستعرض.

تلميح: هي لغة وصفية تستخدم لإنشاء هيكل صفحات الويب.

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

ما هو الوسم (Tag) المستخدم في HTML للإشارة إلى العنوان الرئيسي والأهم في الصفحة؟

أ) وسم <title>
ب) وسم <head>
ج) وسم <h1>
د) وسم <h6>

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

الإجابة: وسم <h1>

الشرح: 1. HTML تستخدم وسومًا محددة للعناوين. 2. هذه الوسوم تتراوح من <h1> إلى <h6>. 3. الوسم <h1> يمثل أعلى مستوى وأهم عنوان. 4. يُستخدم عادةً لعنوان الصفحة الرئيسي أو الموضوع الأساسي.

تلميح: هذا الوسم يمثل أعلى مستوى للعناوين في هيكل HTML.

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

في HTML، ما هو الوسم الذي يمثل أدنى مستوى للعناوين من بين الخيارات التالية؟

أ) وسم <h3>
ب) وسم <h4>
ج) وسم <h5>
د) وسم <h6>

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

الإجابة: وسم <h6>

الشرح: 1. وسوم العناوين في HTML هي <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. 2. الوسم <h1> هو الأعلى مستوى والأهم. 3. الوسم <h6> هو الأدنى مستوى والأقل أهمية. 4. يستخدم هذا التسلسل لتنظيم هرمي للمحتوى.

تلميح: كلما زاد الرقم بعد حرف h، قل مستوى وأهمية العنوان.

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

أي من الأكواد التالية يظهر الاستخدام الصحيح لوسم العنوان <h2> داخل هيكل صفحة HTML؟

أ) <h2>هذا فقرة نصية.</h2>
ب) <h2 عنوان='مهم'>نص</h2>
ج) </h2>عنوان فرعي<h2>
د) <h2>عنوان فرعي مهم</h2>

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

الإجابة: <h2>عنوان فرعي مهم</h2>

الشرح: 1. الوسم <h2> يستخدم للعناوين الفرعية المهمة بعد <h1>. 2. يجب أن يفتح الوسم بـ <h2> ويغلق بـ </h2>. 3. النص الموضوع بين الوسمين هو نص العنوان. 4. الخيار الصحيح يطبق هذه القواعد بدقة.

تلميح: تأكد من أن الوسم يفتح ويغلق بشكل صحيح، وأن النص الموضوع بينهما منطقي لعنوان من المستوى الثاني.

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