📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: محتوى تعليمي
الدّرس الأوّل:
نوع: محتوى تعليمي
إنشاء موقع إلكتروني بلغة HTML
نوع: محتوى تعليمي
عرفت سابقاً البرمجة وأنواعها، ووظيفتها على عدد من لغات البرمجة بالكلمات مثل سكراتش. هناك لغات برمجة أخرى لاتتم برمجتها فيها من خلال السحب والإفلات لللبنات البرمجية، بل من خلال كتابة التعليمات البرمجية. وستتعرف على أحدها في هذه الوحدة. في هذه الوحدة ستكتب التعليمات البرمجية بلغة ترميز النص التشعبي (HTML)، والمخصصة لتصميم صفحات والمواقع الإلكترونية.
نوع: محتوى تعليمي
تعرض النصوص والصور ووسائط متعددة أخرى، وكذلك الارتباطات التشعبية، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
الصفحة الإلكترونية
نوع: محتوى تعليمي
الصفحة الإلكترونية
نوع: محتوى تعليمي
الملف المنظم الذي يحتوي على نصوص وصور ووسائط متعددة أخرى، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
الأهداف الاستراتيجية
نوع: محتوى تعليمي
الأهداف الاستراتيجية
نوع: محتوى تعليمي
1. تعزيز القيم والانتماء الوطني.
2. تجويد نواتج التعلم وتحسين موقع النظام التعليمي عالمياً.
3. تطوير نظام التعليم لتلبية متطلبات التنمية، واحتياجات سوق العمل.
4. تنمية وتطوير قدرات الكوادر التعليمية.
5. تعزيز مشاركة المجتمع في التعليم والتعلم.
6. ضمان التعليم للجميع وتعزيز فرص التعلم مدى الحياة.
7. تمكين القطاع الخاص وغير الربحي ورفع مشاركتهم لتحسين الكفاءة المالية لقطاع التعليم.
8. رفع جودة وفاعلية البحث العلمي والابتكار.
9. تطوير منظومة الجامعات والمؤسسات التعليمية والتدريبية.
الموقع الإلكتروني
نوع: محتوى تعليمي
الموقع الإلكتروني
نوع: محتوى تعليمي
يتكون الموقع الإلكتروني من مجموعة من الصفحات المترابطة التي يمكن للزائر من خلالها الانتقال إلى جميع الصفحات الأخرى. يمكن أن تحتوي الصفحة الإلكترونية على روابط أو صفحات أخرى في نفس المجال (domain).
نوع: METADATA
159
2025 - 1447
🔍 عناصر مرئية
Browser window showing a website with annotations pointing to different elements.
A diagram illustrating the components of a web page and website structure. It shows a browser window with a website open, featuring a header with the title 'الرؤية والرسالة والأهداف', a navigation bar, and content related to strategic goals. Annotations point to 'عنوان الموقع الإلكتروني' (Website Address) and 'روابط تشعبية' (Hyperlinks). Another annotation points to a section titled 'الأهداف الاستراتيجية' (Strategic Goals) with a numbered list. Below the browser window, there are two call-out boxes labeled 'صورة' (Image) and 'نص' (Text), with lines connecting them to elements within the browser window.
QR Code for Digital Lesson Link
A QR code with the text 'رابط الدرس الرقمي' above it and 'www.ien.edu.sa' below it.
📄 النص الكامل للصفحة
الدّرس الأوّل:
إنشاء موقع إلكتروني بلغة HTML
عرفت سابقاً البرمجة وأنواعها، ووظيفتها على عدد من لغات البرمجة بالكلمات مثل سكراتش. هناك لغات برمجة أخرى لاتتم برمجتها فيها من خلال السحب والإفلات لللبنات البرمجية، بل من خلال كتابة التعليمات البرمجية. وستتعرف على أحدها في هذه الوحدة. في هذه الوحدة ستكتب التعليمات البرمجية بلغة ترميز النص التشعبي (HTML)، والمخصصة لتصميم صفحات والمواقع الإلكترونية.
تعرض النصوص والصور ووسائط متعددة أخرى، وكذلك الارتباطات التشعبية، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
--- SECTION: الصفحة الإلكترونية ---
الصفحة الإلكترونية
الملف المنظم الذي يحتوي على نصوص وصور ووسائط متعددة أخرى، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
--- SECTION: الأهداف الاستراتيجية ---
الأهداف الاستراتيجية
1. تعزيز القيم والانتماء الوطني.
2. تجويد نواتج التعلم وتحسين موقع النظام التعليمي عالمياً.
3. تطوير نظام التعليم لتلبية متطلبات التنمية، واحتياجات سوق العمل.
4. تنمية وتطوير قدرات الكوادر التعليمية.
5. تعزيز مشاركة المجتمع في التعليم والتعلم.
6. ضمان التعليم للجميع وتعزيز فرص التعلم مدى الحياة.
7. تمكين القطاع الخاص وغير الربحي ورفع مشاركتهم لتحسين الكفاءة المالية لقطاع التعليم.
8. رفع جودة وفاعلية البحث العلمي والابتكار.
9. تطوير منظومة الجامعات والمؤسسات التعليمية والتدريبية.
--- SECTION: الموقع الإلكتروني ---
الموقع الإلكتروني
يتكون الموقع الإلكتروني من مجموعة من الصفحات المترابطة التي يمكن للزائر من خلالها الانتقال إلى جميع الصفحات الأخرى. يمكن أن تحتوي الصفحة الإلكترونية على روابط أو صفحات أخرى في نفس المجال (domain).
159
2025 - 1447
--- VISUAL CONTEXT ---
**DIAGRAM**: Browser window showing a website with annotations pointing to different elements.
Description: A diagram illustrating the components of a web page and website structure. It shows a browser window with a website open, featuring a header with the title 'الرؤية والرسالة والأهداف', a navigation bar, and content related to strategic goals. Annotations point to 'عنوان الموقع الإلكتروني' (Website Address) and 'روابط تشعبية' (Hyperlinks). Another annotation points to a section titled 'الأهداف الاستراتيجية' (Strategic Goals) with a numbered list. Below the browser window, there are two call-out boxes labeled 'صورة' (Image) and 'نص' (Text), with lines connecting them to elements within the browser window.
Data: Illustrative diagram showing website structure and elements.
Context: Explains the concept of a website and its components, including the website address, hyperlinks, and the structure of strategic goals.
**QR_CODE**: QR Code for Digital Lesson Link
Description: A QR code with the text 'رابط الدرس الرقمي' above it and 'www.ien.edu.sa' below it.
Context: Provides a link to digital educational resources.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 4 بطاقة لهذه الصفحة
ما هي لغة HTML المستخدمة في تصميم المواقع الإلكترونية؟
- أ) لغة برمجة نصية تستخدم لإنشاء تطبيقات سطح المكتب.
- ب) لغة ترميز النص التشعبي (HTML) هي لغة برمجة مخصصة لتصميم صفحات والمواقع الإلكترونية.
- ج) لغة برمجة مرئية تعتمد على السحب والإفلات مثل سكراتش.
- د) لغة برمجة خلفية (Back-end) لإدارة قواعد البيانات.
الإجابة الصحيحة: b
الإجابة: لغة ترميز النص التشعبي (HTML) هي لغة برمجة مخصصة لتصميم صفحات والمواقع الإلكترونية.
الشرح: 1. HTML تعني HyperText Markup Language.
2. هي لغة ترميز وليست لغة برمجة تقليدية.
3. وظيفتها الرئيسية هي هيكلة وعرض محتوى صفحات الويب (نصوص، صور، روابط).
4. تُفسر وتُنفذ من قبل متصفحات الويب.
تلميح: فكر في اللغة التي تكتب بها التعليمات البرمجية لعرض المحتوى في المتصفح.
التصنيف: تعريف | المستوى: سهل
ما تعريف الصفحة الإلكترونية؟
- أ) برنامج تطبيقي يمكن تنزيله وتثبيته على الحاسوب الشخصي.
- ب) مجموعة من الملفات المخزنة على خادم بعيد لا يمكن الوصول إليها عبر الإنترنت.
- ج) الملف المنظم الذي يحتوي على نصوص وصور ووسائط متعددة أخرى، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
- د) قاعدة بيانات تخزن معلومات المستخدمين وتسجيل الدخول.
الإجابة الصحيحة: c
الإجابة: الملف المنظم الذي يحتوي على نصوص وصور ووسائط متعددة أخرى، تُعرض جميعها باستخدام متصفح المواقع الإلكترونية.
الشرح: 1. الصفحة الإلكترونية هي وحدة بناء أساسية للموقع.
2. هي ملف منظم (عادة بامتداد .html).
3. تحتوي على محتوى مرئي (نصوص، صور، فيديو).
4. يتم عرض محتواها عبر برنامج متصفح الويب (مثل Chrome, Firefox).
تلميح: تتكون من ملف واحد يمكن فتحه في المتصفح.
التصنيف: تعريف | المستوى: سهل
كيف يختلف الموقع الإلكتروني عن الصفحة الإلكترونية؟
- أ) الموقع الإلكتروني هو برنامج، والصفحة الإلكترونية هي واجهة المستخدم.
- ب) يتكون الموقع الإلكتروني من مجموعة من الصفحات المترابطة، بينما الصفحة الإلكترونية هي ملف منفرد.
- ج) الصفحة الإلكترونية تحتاج إلى خادم، بينما الموقع الإلكتروني يعمل دون اتصال إنترنت.
- د) الموقع الإلكتروني مخصص للهواتف فقط، والصفحة الإلكترونية للحواسيب فقط.
الإجابة الصحيحة: b
الإجابة: يتكون الموقع الإلكتروني من مجموعة من الصفحات المترابطة، بينما الصفحة الإلكترونية هي ملف منفرد.
الشرح: 1. الصفحة الإلكترونية: هي ملف HTML واحد يعرض محتوى معين.
2. الموقع الإلكتروني: هو مجموعة من الصفحات المتعددة المرتبطة معاً.
3. يمكن الانتقال بين صفحات الموقع عبر الروابط التشعبية.
4. غالباً ما تشترك صفحات الموقع في تصميم وتنسيق موحد.
تلميح: فكر في العلاقة بين الكتاب (الموقع) والصفحة الفردية (الصفحة).
التصنيف: فرق بين مفهومين | المستوى: متوسط
ما العنصر الأساسي الذي يسمح للزائر بالانتقال بين صفحات الموقع الإلكتروني؟
- أ) الجداول (Tables).
- ب) النماذج (Forms).
- ج) الروابط التشعبية (Hyperlinks).
- د) القوائم (Lists).
الإجابة الصحيحة: c
الإجابة: الروابط التشعبية (Hyperlinks).
الشرح: 1. الروابط التشعبية هي عناصر تفاعلية في صفحات HTML.
2. تُنشأ باستخدام الوسم <a> في لغة HTML.
3. تربط بين صفحات داخل نفس الموقع أو بمواقع خارجية.
4. هي الأساس في فكرة 'التشعب' (Hypertext) في HTML.
تلميح: هي عناصر قابلة للنقر في الصفحة تنقلك إلى صفحة أو موقع آخر.
التصنيف: مفهوم جوهري | المستوى: متوسط