هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: استخدام وسم Iframe في HTML لإنشاء نوافذ لعرض مواقع ويب أخرى مثل خرائط Google أو فيديوهات YouTube
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
<iframe> لعرض محتويات من مواقع ويب خارجية، مثل خرائط Google، فيديوهات YouTube، أو ملفات HTML وصور مباشرة داخل صفحة الويب الخاصة بك. يُعد وسم <iframe> أداة قوية تتيح لك تضمين محتوى خارجي بدون الحاجة لمغادرة الصفحة، مما يعزز من تفاعلية وتجربة المستخدم لموقعك.1. فهم مفهوم Iframe: نافذة داخل نافذة
وسم
<iframe> يُستخدم لإنشاء "نافذة داخل نافذة" على صفحة الويب الخاصة بك. هذه النافذة يمكنها عرض محتويات متنوعة من مواقع ويب أخرى مثل Google Maps، YouTube، أو حتى ملفات HTML الخاصة بك. باستخدام <iframe>, يمكنك تضمين محتويات متنوعة وجذابة داخل موقعك دون الحاجة إلى إعادة توجيه المستخدمين إلى مواقع أخرى.أمثلة على استخدام Iframe:
عرض ملف HTML باستخدام Iframe
<iframe src="figuare and figcaption.html" width="100%" height="600px"></iframe>
- الوصف: هذا المثال يعرض ملف HTML داخل صفحة الويب الخاصة بك. يمكن استخدام هذا لإظهار صفحات HTML إضافية ضمن نفس الموقع.
عرض صورة باستخدام Iframe
<iframe src="test.webp" width="600px" height="400px"></iframe>
- الوصف: هنا يتم عرض صورة داخل نافذة iframe. قد يكون هذا مفيدًا لتضمين الصور الكبيرة ضمن إطار محدد.
عرض خريطة من Google Maps باستخدام Iframe
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8354345096247!2d144.95373531531648!3d-37.81627917975171!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f11fd81%3A0xf5775e64b8c1d2b0!2sGoogle!5e0!3m2!1sen!2sau!4v1484711428573" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
- الوصف: باستخدام iframe يمكنك تضمين خرائط Google مباشرة داخل موقعك، مما يتيح للمستخدمين التفاعل مع الخريطة دون مغادرة الصفحة.
عرض فيديو من YouTube باستخدام Iframe
<iframe width="560" height="315" src="https://www.youtube.com/embed/SpR8rijPJ08" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
- الوصف: يمكنك تضمين مقاطع الفيديو من YouTube مباشرة في موقعك باستخدام iframe، مما يتيح للمستخدمين مشاهدة الفيديوهات بدون الحاجة لمغادرة صفحتك.
لماذا يجب عليك الانضمام إلى هذه الدورة؟
تعلم كيفية استخدام وسم
<iframe> في HTML يعتبر خطوة هامة لأي مطور ويب يسعى لإنشاء صفحات ويب تفاعلية وغنية بالمحتوى. ستتمكن من تضمين محتويات خارجية مثل خرائط Google وفيديوهات YouTube بسهولة، مما يجعل موقعك أكثر جاذبية واحترافية. هذه الدورة ليست مجرد مجموعة من الدروس، بل هي رحلة تعليمية شاملة ستساعدك على بناء مهاراتك في تطوير الويب وتطبيق ما تعلمته في مشاريعك الخاصة.انضم الآن إلى دورة HTML CSS واستفد من مجموعة واسعة من الدروس العملية التي ستأخذك من مستوى المبتدئ إلى الاحتراف. مع كل درس، ستكتسب الثقة والمعرفة اللازمة لتحقيق النجاح في عالم تطوير الويب.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي استخدام وسم Iframe في HTML لإنشاء نوافذ لعرض مواقع ويب أخرى مثل خرائط Google أو فيديوهات YouTube
كيفية إضافة صفحة فيسبوك أو خريطة جوجل إلى موقعك باستخدام HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة لشرح تضمين مواقع وصفحات الويب
الأوامر البرمجية المستخدمة في إضافة صفحة فيسبوك أو خريطة جوجل إلى موقعك
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي لشرح تضمين مواقع وصفحات الويب
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
تعلم كيفية استخدام CSS لتصميم صفحات ويب مميزة ومرنة. ستكتسب مهارات التحكم بالألوان، الأحجام، الخطوط، والمسافات لإنشاء تصاميم متجاوبة وجذابة، مما يجعل مواقعك متوافقة مع مختلف الشاشات والأجهزة
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
مقالات ذات صلة
التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript
هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...
لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟
فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل
التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...
