الإطار هو منطقة على الموقع (نافذة) تظهر فيها صفحة ويب أخرى. يستغل مشرفو المواقع هذه الفرصة لعرض الصفحة الرئيسية لمواقع أصدقائهم أو شركائهم. يتم استخدام نفس التقنية لعرض نموذج البحث في المربعات مع النتيجة بجانبه ، إلخ.
لكن يتم استخدام الإطارات في الغالب في إنشاء بوابات ويب كبيرة ، حيث يلزم وجود عدد كبير من عناصر القائمة والقوائم الفرعية. يقولون عادة عن هؤلاء الناس: "موقع على الإنترنت على إطارات". مطلوب معرفة جيدة بـ HTML لإنشاء مثل هذا المورد.
إنشاء إطارات في منشئ الموقع
يوفر بعض منشئي مواقع الويب إنشاءًا تلقائيًا لمثل هذه التعليمات البرمجية. عادة ما يكون زر إضافة إطار موجودًا في القائمة الرئيسية للبرنامج. تحتاج أولاً إلى وضع المؤشر في المكان المناسب على الصفحة ، ثم النقر فوق الزر ، سيتم فتح نافذة (كما هو موضح في لقطة الشاشة). في ذلك يمكنك ضبط عنوان الصفحة التي ستفتح في الإطار ، وضبط الأبعاد: العرض والارتفاع.
لكن يتم استخدام الإطارات في الغالب في إنشاء بوابات ويب كبيرة ، حيث يلزم وجود عدد كبير من عناصر القائمة والقوائم الفرعية. يقولون عادة عن هؤلاء الناس: "موقع على الإنترنت على إطارات". يتطلب إنشاء مثل هذا المورد معرفة جيدةلغة HTML.
بمساعدة هذه "الخدمة" من الممكن إنشاء عدة إطارات على الصفحة ، لكنك لن تحصل على عناصر مترابطة بهذه الطريقة.
إطارات في CMS
في العديد من برامج إنشاء المواقع ، من الممكن تثبيت الوحدة المقابلة. على سبيل المثال ، بالنسبة لـ Joomla ، يعتبر الإطار وحدة نمطية "Wrapper".
يمكن العثور عليها وإنشاؤها في لوحة تحكم Joomla CMS: "الامتدادات" - "مدير الوحدة" - "إنشاء" (زر برتقالي دائري بداخله علامة زائد). في النافذة المنبثقة ، في القائمة ، سترى وحدة "التفاف".
إذا لم يكن موجودًا هنا ، فلن يتم تضمينه. لاستخدامه ، تحتاج أولاً إلى تنشيطه هنا: علامة التبويب "الامتدادات" ، ثم "مدير الامتداد" ، ثم علامة التبويب "الإدارة". ونحن نبحث في القائمة التي تفتح ، للبحث السريع في حقل "التصفية" ، أدخل الكلمة: التفاف. مقابل هذه الوحدة يجب أن يكون هناك رمز أخضر بداخله علامة اختيار. ستعني الدائرة الحمراء مع نقطة بداخلها أن هذا البرنامج المساعد معطل.
بعد هذا الإجراء ، يمكنك العودة إلى "مدير الوحدة" ، وإنشاء إطار وتعيين معلماته.
كما ترى في الصورة ، تسمح لك الوحدة بتعيين: العنوان أعلى الإطار ، موضع الوحدة ، حدد صفحات الموقع التي سيتم عرضها عليها. وأيضًا اضبط العرض والارتفاع ؛ أضف إطارًا وفي الواقعالارتباط بصفحة الويب. إذا كنت تريد عرض الصفحة الرئيسية لموقع ما بعرض كامل في أحد الإطارات ، فلن تكون نسبة 100٪ ، المحددة افتراضيًا ، كافية. يمكنك على الفور وضع 400٪ بأمان. عادةً ما يكون ارتفاع 200 كافيًا لعرض القائمة العلوية للصفحة. ستكون جميع المحتويات الأخرى مرئية إذا كان المستخدم (زائر الموقع) يستخدم شريط التمرير.
هنا مثال على ماهية الإطار في جملة.
وحدة Jumla لإنشاء إطار مريحة للغاية وسهلة الاستخدام. ومع ذلك ، فإن قدراته محدودة ، وكذلك قدرات المنشئ.
التاريخ والحقائق
في ممارسة إنشاء المواقع من الإطارات ، فإن هذه العلامة (تطبيقها) تتلاشى منذ فترة طويلة في الخلفية. كانوا قادرين على استبدالها بالوحدات النمطية ، والإعدادات في برامج المنشئ التي تنشئ رمزًا لصفحة ويب دون مشاركة منشئ الموقع. ومع ذلك ، في بعض الحالات هذا لا يكفي. على سبيل المثال ، عندما يكون الإطار عبارة عن بنية معقدة شاملة للمناطق المعروضة في المستعرض. هذه هي الطريقة التي يراها أصحاب المواقع الهيكلية المعقدة. يتم استخدام إنشائه فقط في الحالات القصوى ، حيث يتم إنشاء مواقع الإطارات حصريًا بمساعدة العلامات المتخصصة.
مواقع منظمة بشكل معقد
بالنسبة لهم ، يعد إنشاء العديد من الإطارات المترابطة أفضل حل لتنظيم المحتوى في صفحات الموارد. هذه ، كقاعدة عامة ، بوابات كبيرة ، تزداد قوة كل عام.
كيف تحقق نفس النتيجة؟ كيف يتم إنشاء هيكل الإطار؟
كيفأدخل الإطار في رمز الصفحة
تمت إضافة إطارات في HTML باستخدام العلامات:
- إطار (لنافذة منفصلة) ؛
- مجموعة إطارات (استخدامه لإنشاء هيكل كامل) ؛
- iframe (إطار "عائم") ؛
- noframes (في حالة عدم عرض الإطار في متصفح المستخدم).
العلامة الأولى المحددة تلائم دائمًا زوج من و. ويحل محل و. وبمساعدة السمات المناسبة ، يمكنك ضبط خصائص كل عنصر: الاسم (الاسم=) ، الحجم (العواميد=والصفوف=) ، وجود حد (حد) ، مظهر شريط التمرير و ، طبعا رابط صفحة الويب المراد عرضها
اختلافات التصميم
يمكن تقسيم صفحة الموقع بالكامل إلى مناطق. على سبيل المثال ، مثل هذا:
| اليسار | الإطار العلوي |
| حق |
يمكن الحصول على مثل هذه البنية (تسمى متداخلة) عن طريق كتابة سمة cols داخل العلامة ، مما يعني موقع الإطار أفقيًا ، والصفوف - عموديًا. بعد ذلك ، يتم وضع علامة=وتحديد الأبعاد. على سبيل المثال ، 60٪ ، 40٪ - النسبة المئوية (ستأخذ نافذة واحدة 60٪ من مساحة المتصفح ، والأخرى ، على التوالي ، 40٪). أو 100 ، 200 - نسبة العرض إلى الارتفاع بالبكسل. لا يمكن تعيين حجم أحد الإطارات على الإطلاق (سيتم تعيينه افتراضيًا). للقيام بذلك ، بعد الفاصلة أو قبلها ، تحتاج إلى تحديد الرمز.
التعشيشيتم الإشارة إلى كل منطقة جديدة بواسطة مجموعة إطارات جديدة.
مثال على الرمز:
لاحظ أنه في مثالنا ، للإطارين الثاني والثالث ، تم تحديد الأحجام مرة واحدة فقط.
العديد من الأفكار تسمح لك بإكمال الإطارات. يمكن إعطاء أمثلة عن موقعهم في نافذة المتصفح إلى ما لا نهاية (تغيير الكود وفقًا لذلك). ومع ذلك ، لم تجد هذه المعلومات تطبيقًا عمليًا لفترة طويلة. الإطارات ، إذا تم استخدامها اليوم عند إنشاء المواقع ، تكون فقط في شكل وحدات في نظام إدارة المحتوى المجاني أو في شكل إطار iframe.
إطار عائم
غريب لماذا حصلت على مثل هذا الاسم ، كلمة "مدمج" أكثر ملاءمة هنا. تم إنشاء هذا الإطار لعرض محتويات الملف. يمكنك تحميل أي مستند أو ملف إلى قاعدة البيانات ، وكتابة المسار إليه باستخدام علامات iframe - وسيرى الزوار نص الملف (فيديو أو صورة). لسوء الحظ ، لا تعرض المتصفحات المحتوى دائمًا. للقيام بذلك ، يقوم منشئو الويب بإدخال العبارة بين علامتي الفتح والختام: "متصفحك لا يعرض المحتوى."
على سبيل المثال ، Seopult.ru هي خدمة معروفة لأساتذة الترويج. ليس فقط موقعه الرئيسي ، بل هو نسخة مطابقة لـ I.seopult.pro ، تم إنشاؤها لعملاء البوابة. يتم كتابة كود iframe هنا على النحو التالي:
تعليمات
. اين الوسم
-
تم إنشاءلتحديد عنصر قائمة. مدعوم من جميع المتصفحات.
على الصفحة المتطابقة نفسها ، يمكنك رؤية كلمة "تعليمات" على شكل زر. بالضغط عليه في منتصف نافذة المتصفح يفتح العرض.
كلها كبيرةيتم إنشاء مواقع لمشاهدة الأفلام والمسلسلات باستخدام إطارات iframes (على سبيل المثال ، "Imhonet") ، بالإضافة إلى الشبكات الاجتماعية. حتى الصفحة الرئيسية لـ "Yandex" تحتوي على هذه العلامة ، وأكثر من زوج واحد.
كيفية كتابة إطار iframe
يمكنك تحميل مستند في شكل نافذة مع شريط تمرير إلى أي مكان على الموقع. عادة ما يتم وضع العلامات داخل الجسم. ما وراء معيار
و
، كما هو موضح في المثال أعلاه ، يمكن أيضًا استخدام علامة القائمة -
-
تمت إضافة السمات إلى iframe:
- العرض (العرض) والارتفاع (الارتفاع=) ؛
- محاذاة الحافة ؛
- مسافات بادئة قد يتم تحديدها أو لا: القيمة الافتراضية هي 6 - وهذا يكفي تمامًا ؛
- باستخدام allowtransparency ، يمكنك ضبط شفافية منطقة الإطار بحيث يمكن رؤية خلفية الصفحة ؛
- بالإضافة إلى scr ، والاسم ، والتمرير ، والحدود المألوفة.
التنقل باستخدام إطار iframe
مهارة التأطير الأكثر إثارة للاهتمام هي كتابة الكود الذي يسمح لك بفتح المحتوى في نافذة عن طريق رابط ، وهو ما فعله منشئو مرآة Seopult ، فقط مع عدة روابط في وقت واحد (متاحة للمستخدم في نفس الوقت على نفس الصفحة)
لهذا ، يتم أخذ إطار iframe ، بالإضافة إلى كتابة الاسم فيه من خلال name=. على سبيل المثال ، الرأس. علاوة على ذلك ، قبلها في العلامات والروابط تتم كتابتها من خلال HREF=مع الإشارة الإلزامية للسمة بعدهم.قبل استخدام علامة الإغلاق a ، تتم الإشارة إلى نقش سيكون بمثابة زر ارتباط. العلامات "أ" الافتتاح والختاممرفقة في العلامة ص
يمكنك كتابة عدة سطور من هذا القبيل في الكود من أجل الحصول في النهاية على عدة أزرار ارتباط في صف واحد على الموقع ، من خلال النقر فوق المحتوى المختلف الذي سيتم عرضه في النافذة أدناه.
سيبدو الرمز كما يلي:
انشر إعلان
عرض الإعلانات
Image كيف سيبدو على الموقع:
كيفية إدراج إطار iframe في موقع جملة
كمعيار ، تحتوي لوحة تحكم جملة على وحدة "كود HTML" ممكّنة (جاهزة للاستخدام). باستخدامه ، يمكنك إدخال أي رمز في أي مكان على الموقع. ومع ذلك ، فإنه يتجاهل بعناد الرمز مع علامة iFrem. لذلك ، سوف نستخدم وحدة Jumi خاصة.
بادئ ذي بدء ، تحتاج إلى تنزيله من الإنترنت وتثبيته من خلال لوحة Joomla الإدارية: "الامتدادات" - "مدير الامتداد" - "تحديد ملف". حدد المسار إلى الأرشيف الذي تم تنزيله وانقر فوق "تنزيل".
بعد التثبيت الناجح ، انتقل إلى "Module Manager" وأنشئ واحدًا جديدًا. حدد نوع Jumi. في النافذة التي تفتح ، في حقل "الرمز المخصص" ، أدخل iFrem المعد ، كما هو موضح في الفقرة السابقة من المقالة. امنح الوحدة عنوانًا ، وحدد موضع الموضع وصفحات الموقع. انقر فوق حفظ وتحقق من ذلك.
المتصفحات والإطارات
تعرض جميع المتصفحات الشائعة محتويات إطارات الإطارات جيدًا: Chrome و Safari و Firefox و Android و iOS. يتمتع Internet Explorer و Opera بمعدل مرتفع بشكل خاص في هذا الصدد. ومع ذلك لا يوجد ضمانأن يرى زائر موقعك محتويات جميع النوافذ. في هذه الحالة ، يجب أن تترك رسالة باستخدام علامة noframe (فتح وإغلاق). يمكنك إدخال ما يلي فيه: "متصفحك قديم. قم بتحديث الإصدار لعرض محتويات الموقع." إذا كان متصفح المستخدم يعرض الإطارات بشكل صحيح ، فلن يرى هذه الرسالة.
إذن الإطار هو منطقة أو نافذة موقع لها عنوان URL الخاص بها. تُستخدم لعرض العديد من صفحات الويب أو المستندات المستقلة في حقل مستعرض واحد في وقت واحد ، ولها أيضًا عنوان URL الخاص بها. على الرغم من حقيقة أن الإطارات تسمح لك بتنظيم موقع معقد جيدًا ، إلا أنها لم تُستخدم لفترة طويلة ، باستثناء إطار iframe. لا يزال استخدام هذه العلامة مناسبًا لتحميل العروض التقديمية ومشغل الفيديو والمستندات النصية في نافذة معينة. يتم استخدامه بنشاط بواسطة موارد الويب الكبيرة والمعروفة.
-
