التخطي إلى المحتوى
561651-800x600 الوسم iframe و الروابط في انشاء المواقع
الوسم iframe و الروابط في انشاء المواقع

الوسم iframe و الروابط في انشاء المواقع

 ان مفهوم ربط صفحات الويب ببعضها شيء له نتائج كبيرة فمنه يصبح هنالك تعداد لصفحات الويب لنفس الموقع الواحد

مثلا عند تصفح موقع تواصل اجتماعي يوجد هنالك صفحة خاصة بالأعدادات و صفحة خاصة بالملف الشخصي للمستخدم و صفحة يعرض فيها الحائط الخاص بمنشورات من يتابعهم المستخدم و العديد من الصفحات و من اجل الدخول لهذه الصفحات توجد عبارات تحمل روابط تنقل الشخص للذي يريده

مثال على ذلك الدرس هذا ( الجداول في لغة html ) عند الضغط عليه يتوجه لك لصفحة الدرس و هذا ما اعني به عن الروابط

وسمي الرابط التاليين

<a href=”هنا يوضع ما هو سوف يعرض للمستخدم كنص او صورة<“هنا يوضع رابط الموقع او رابط صفحة </a>

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

في العادة عند الضغط على الرابط سيفتح الموقع او الرابط في نفس التبويبة بالمتصفح فمن اجل جعل الرابط يفتح في تبويبة او صفحة جديدة في المتصفح نضيف هذا الكود 52545-300x51 الوسم iframe و الروابط في انشاء المواقع   في نفس المكان الموضح في المثال التالي

5725732525 الوسم iframe و الروابط في انشاء المواقع

الآن لو افترضنا صفحة معينة يوجد فيها مقال طويل و توجد فقرة في اسفل الصفحة نريد ان نصنع زر ينتقل للمستخدم إلى هذه الفقرة

يمكن عمل هذا الآمر بمساعدة وسمين الروابط حيث في اسفل الصفحة يوجد على سبيل المثال وسمي 2-7 الوسم iframe و الروابط في انشاء المواقع  وداخلهما كلام معين نضع في وسم البداية <p> بعد حرف p الكود التالي

id=”هنا يوضع اسم باللغة الإنجليزية “

مع المراعاة اذا كنت تريد وضع اكثر من كلمة لا تفصل بينهم بفراغ بل بهذه الأشارة  –

نأتي الأن إلى وضع الزر او النص او الكلمة التي اذا ضغطتنا عليها تنتقل إلى الفقرة التي نريدها حيث سنستخدم وسمي الرابط

<a href=” هنا يوضع العبارة التي عند الضغط عليها تنتقل إلى مكان اخر <“هنا يوضع الأسم الخاص بالكود  </a>

في المكان المعلم بالون الأحمر نضع نفس الأسم الذي وضعناه بالكود الخاص بالفقرة التي في اسفل الصفحة مثلاً لكن يسبقه اشارة # كمثل المثال التالي

#go-to-paragraph

و يمكنكم تجريب ما سبق بوضع العديد من 2-7 الوسم iframe و الروابط في انشاء المواقع   و في الأسفل و احدة منهم مربوط مع رابط موضوع في بداية صفحة الويب كما شرحنا في السابق

حمل هذه المفكرة حيث يمكنك حفظها بصيغة html و تجربتها 🙁 اضغط هنا للتحميل ) المفكرة موضوعة داخل ملف مضغوط ينبغي فك الضغط عن الملف

  • الآن نأتي للفقرة الثانية في هذا الدرس التي هي iframe حيث اذا اردنا ان نضع معاينة للموقع داخل صفحة ويب معينة سنحتاج للوسمين التاليين الذين يمثلا ال iframe
<iframe src=”هنا يوضع رابط الموقع المراد عرضه”></iframe>

 

كما هو موضح في السابق نضع رابط الموقع لتكون النتيجة في المتصفح على الشكل التالي

4-3 الوسم iframe و الروابط في انشاء المواقع

ويمكن النزول للأسفل في هذا الصندوق الذي يعرض الموقع من خلال شريط التمرير الذي على الجانب ومن اجل تغيير طول و عرض الصندوق يمكن من خلال وضع الكودين التاليين بعد كلمة iframe في وسم البداية <iframe>

width=”700px”

height=”400px”

حيث width يمثل العرض و height يمثل الطول و الأرقام يمكن تغييرها بما تريد و px هي وحدة قياس و المثال التالي يوضح ما اشرحه

<iframe width=”700px” height=”400px” src=”https://portal.traidnt.net/”></iframe>

دروس سابقة :

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *