📚 معلومات الصفحة
الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1
الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم
نوع المحتوى: درس تعليمي
📝 ملخص الصفحة
📚 صفحة مشجعي كرة القدم (المحتوى)
المفاهيم الأساسية
هدف جمهور كرة القدم: تشجيع اللاعبين أثناء المباراة.
خريطة المفاهيم
```markmap
تصميم الموقع الإلكتروني
مراحل الإنشاء
3. التنفيذ
#### تقسيم الصفحة إلى أقسام
##### استخدام HTML و CSS
###### وسم التقسيم `
`
- حاوية لعناصر HTML
- لتطبيق أنماط CSS على المجموعة
- لتطبيق نفس التنسيق على عناصر متعددة
##### مثال تطبيقي: صفحة مشجعي كرة القدم
###### Menu
- يحتوي على قائمة روابط التنقل (الصفحة الرئيسية، التاريخ، المعرض، نبذة، اتصل بنا)
- لون الخلفية: `#426C35`
- يحتوي على المحتوى الرئيسي
- لون الخلفية: `#f5f5f5`
- مكان لتبادل الأفكار والآراء
- يمكن إضافة صور أو مقالات عبر نموذج
- صور مرتبطة بكرة القدم (كأس العالم، الملعب، الاستاد، شعار السعودية)
- طرق التواصل: البريد الإلكتروني (info@example.com)
- مواقع زيارة: Fifa.com، UEFA.com
- قسم لعرض مجموعة واسعة من الصور
- صور المباريات واللاعبين والفرق والبطولات
- يهدف لتوفير تجربة بصرية غنية
- لون الخلفية: `#F0EDE4`
- قسم يحتوي على معلومات مفيدة
- يلخص أهداف الصفحة
- لون الخلفية: `#777777`
##### إنشاء ملف CSS
- يُنشأ ملف باسم `style.css` في مجلد الصفحات (مثال: في محرر Visual Studio Code)
- استخدام وسم `` داخل قسم `` في ملف HTML
- مثال: ``
- الخطوة الأساسية: تعيين خط عام للنصوص غير المصممة
- مثال: `font-family: 'Tahoma', 'Open Sans', sans-serif;`
###### background-color
- لتعيين لون خلفية العناصر
- لتعيين صورة خلفية للعناصر
- لتحديد كيفية تكرار صورة الخلفية
- لتحديد موضع صورة الخلفية
###### محدد class
- الصيغة العامة: `.اسم_class`
- مثال: `.menu { background-color: #426C35; }`
- تحديد عنصر معين داخل class: `اسم_العنصر.اسم_class`
- مثال: `.footer p { color: #f5f5f5; }`
###### خاصية تجاوز السعة (Overflow)
- للتحكم في المحتوى الأكبر من مساحة الصفحة
- قيمها: visible, hidden, scroll, auto
- القيمة `auto`: يتم قص المحتوى الزائد وإضافة شريط تمرير عند الحاجة
##### نموذج الصندوق (Box Model)
###### المفهوم
- تتعامل CSS مع كل عنصر HTML كما لو كان له صندوق خاص
- يسمح بالتحكم في الأبعاد والحدود والفراغ حول كل صندوق
####### الإطار (Border)
- حدود تفصل حافة كل صندوق عن الآخر
- قد تكون مرئية أو غير مرئية
- المساحة خارج حدود الإطار
- المساحة بين الإطار والمحتوى الداخلي
- يمكن تحديد قيم لكل جانب من جوانب الفراغ:
- `padding-top`: الفراغ العلوي
- `padding-right`: الفراغ في الجهة اليمنى
- `padding-bottom`: الفراغ السفلي
- `padding-left`: الفراغ في الجهة اليسرى
- يمكن استخدام نفس الطريقة المختصرة لتحديد الهامش (Margin)
####### محاذاة النص (text-align)
- تُستخدم لتوسيط النص داخل العنصر.
- `.main`
- `text-align: center;`
- `background-color: #f5f5f5;`
- `padding-top: 20px;`
- `padding-bottom: 20px;`
- `.photos`
- `padding-top: 20px;`
- `padding-bottom: 40px;`
- `text-align: center;`
- `background-color: #F0EDE4;`
- `.footer`
- `padding-top: 20px;`
- `padding-bottom: 20px;`
- `text-align: center;`
- `background-color: #777777;`
###### ملاحظة مهمة
- يجب الابتعاد عن استخدام الأرقام الكبيرة عند تغيير خصائص نموذج الصندوق، حيث إنها من الممكن أن تتسبب في تشويه مظهر الصفحات الإلكترونية.
##### الهدف
- تشجيع اللاعبين أثناء المباراة.
- بدأت في إنجلترا منتصف القرن التاسع عشر.
- الرياضة الأكثر شعبية في العالم.
- يتابعها أكثر من 250 مليون شخص في أكثر من 200 دولة.
- ظاهرة عالمية تجمع الناس من مختلف الثقافات.
- مكان لاكتشاف كل ما يتعلق بكرة القدم.
- التواصل مع محبي كرة القدم الآخرين عبر الصور أو التعليقات.
- البريد الإلكتروني: info@resample.com
- مواقع زيارة: Fifa.com، UEFA.com
###### Figure 1: Saudi National Team
- تمثل جانب المنتخب الوطني في كرة القدم.
- تمثل الجائزة الكبرى في كرة القدم الدولية.
- توضح مكان إقامة المباريات.
نقاط مهمة
- كرة القدم هي ظاهرة عالمية تجمع الناس من مختلف الثقافات والخلفيات.
- بدأت كرة القدم الحديثة في إنجلترا في منتصف القرن التاسع عشر.
- تهدف صفحة المشجعين إلى تشجيع اللاعبين وتوفير مكان للتواصل بين المشجعين.
- تحتوي الصفحة على صور توضيحية للمنتخب الوطني، كأس العالم، والملعب.
📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: METADATA
Football Fan Page
تعمل كرة القدم على جمع الناس معًا
نوع: محتوى تعليمي
الهدف من جمهور كرة القدم هو تشجيع اللاعبين أثناء المباراة.
التاريخ
نوع: محتوى تعليمي
كرة القدم رياضة ذات تاريخ طويل، بدأت تشكيلة الحالي في إنجلترا في منتصف القرن التاسع عشر. وحديثاً، أصبحت كرة القدم الرياضة الأكثر شعبية في العالم، حيث يتابعها أكثر من ٢٥٠ مليون شخص في أكثر من ٢٠٠ دولة، مما يجعلها الرياضة الأكثر انتشاراً في العالم. إنها رياضة عالمية تلعب في جميع أنحاء العالم، وتجمع الناس من مختلف الثقافات والخلفيات معًا. كرة القدم هي أكثر من مجرد لعبة؛ إنها ظاهرة عالمية تجمع الناس معًا في حب مشترك لهذه الرياضة. إنها رياضة عالمية تلعب في جميع أنحاء العالم، وتجمع الناس من مختلف الثقافات والخلفيات معًا. كرة القدم هي أكثر من مجرد لعبة؛ إنها ظاهرة عالمية تجمع الناس معًا في حب مشترك لهذه الرياضة.
المعرض
نوع: محتوى تعليمي
نبذة
نوع: محتوى تعليمي
عن خلال هذه الصفحة، يمكنك اكتشاف كل ما يتعلق بكرة القدم والأدوار.
حول فريق كرة القدم الذي ستحبه، ستبدأ بكرة القدم بشكل صحيح، وكرة القدم بشكل صحيح، وكرة القدم بشكل صحيح. يمكنك أيضًا التواصل مع محبي كرة القدم الآخرين من خلال الصور أو التعليقات.
معلومات مفيدة
نوع: NON_EDUCATIONAL
info@resample.com
Fifa.com
UEFA.com
🔍 عناصر مرئية
SAUDI ARABIA NATIONAL TEAM
A photograph of the Saudi Arabian national football team posing for a picture.
FIFA WORLD CUP TROPHY
A photograph of the FIFA World Cup trophy on display.
Football Stadium
A photograph of a football stadium at night, with lights illuminating the pitch and spectators in the stands.
📄 النص الكامل للصفحة
Football Fan Page
--- SECTION: تعمل كرة القدم على جمع الناس معًا ---
الهدف من جمهور كرة القدم هو تشجيع اللاعبين أثناء المباراة.
--- SECTION: التاريخ ---
كرة القدم رياضة ذات تاريخ طويل، بدأت تشكيلة الحالي في إنجلترا في منتصف القرن التاسع عشر. وحديثاً، أصبحت كرة القدم الرياضة الأكثر شعبية في العالم، حيث يتابعها أكثر من ٢٥٠ مليون شخص في أكثر من ٢٠٠ دولة، مما يجعلها الرياضة الأكثر انتشاراً في العالم. إنها رياضة عالمية تلعب في جميع أنحاء العالم، وتجمع الناس من مختلف الثقافات والخلفيات معًا. كرة القدم هي أكثر من مجرد لعبة؛ إنها ظاهرة عالمية تجمع الناس معًا في حب مشترك لهذه الرياضة. إنها رياضة عالمية تلعب في جميع أنحاء العالم، وتجمع الناس من مختلف الثقافات والخلفيات معًا. كرة القدم هي أكثر من مجرد لعبة؛ إنها ظاهرة عالمية تجمع الناس معًا في حب مشترك لهذه الرياضة.
--- SECTION: المعرض ---
--- SECTION: نبذة ---
عن خلال هذه الصفحة، يمكنك اكتشاف كل ما يتعلق بكرة القدم والأدوار.
حول فريق كرة القدم الذي ستحبه، ستبدأ بكرة القدم بشكل صحيح، وكرة القدم بشكل صحيح، وكرة القدم بشكل صحيح. يمكنك أيضًا التواصل مع محبي كرة القدم الآخرين من خلال الصور أو التعليقات.
--- SECTION: معلومات مفيدة ---
info@resample.com
Fifa.com
UEFA.com
--- VISUAL CONTEXT ---
**FIGURE**: SAUDI ARABIA NATIONAL TEAM
Description: A photograph of the Saudi Arabian national football team posing for a picture.
Context: Represents the national team aspect of football.
**FIGURE**: FIFA WORLD CUP TROPHY
Description: A photograph of the FIFA World Cup trophy on display.
Context: Represents the ultimate prize in international football.
**FIGURE**: Football Stadium
Description: A photograph of a football stadium at night, with lights illuminating the pitch and spectators in the stands.
Context: Illustrates the venue where football matches are played.