لعرض معلومات من مصادر متعددة على صفحة واحدة ، غالبًا ما يتم استخدام آلية تقسيم صفحات HTML. يوجد أدناه وصف لتركيبات اللغة لإدراج الإطارات.
ضروري
المعرفة الأساسية بـ HTML
تعليمات
الخطوة 1
توفر لغة ترميز النص التشعبي (HTML) نوعين من الإطارات. العائمة هي أكثر مرونة وأسهل لإدراجها في صفحة موجودة. بشكل عام ، يبدو البناء الذي يصف إطار نافذة باستخدام إطار عائم كالتالي: هنا ، يتم تحديد الصفحة الرئيسية لموقع موجود كمصدر بيانات لهذا الإطار (سمة src). سيتم فتحه في إطار 400 × 300 بكسل ، كما هو محدد في سمات العرض والارتفاع. يمكنك أيضًا تحديد صفحة موقعك في سمة src. في هذه الحالة ، يكفي تحديد عنوان نسبي (أي العنوان المرتبط بالصفحة التي تم إدراج الإطار فيها): في هذه العينة ، لم يتم تحديد عرض الإطار وارتفاعه ، ولكن يوجد معرف معرّف السمة. باستخدامه ، يمكنك استخدام CSS () لتعيين الأبعاد المطلوبة لهذا الإطار:
#frameOne {width: 700px؛ الارتفاع: 200 بكسل ؛}
الخطوة 2
نوع آخر من الإطارات - "كلاسيكي" - يتطلب صفحة منفصلة تحتوي على وصف لهيكل الإطار. ستكون الإطارات نفسها على صفحات منفصلة ، وربما حتى في مواقع منفصلة. قد تبدو شفرة HTML لصفحة حاوية الإطار على النحو التالي:
لا ينبغي أن يكون هناك أي كتل… و… للصفحات العادية. في هذا المثال ، تحتوي علامة فتح الحاوية على سمة صفوف ، مما يعني أنه يجب تقسيم مساحة الصفحة رأسياً وسيتم منح الجزء العلوي للإطار الأول. إذا استبدلت الصفوف بأعمدة ، فسيكون التقسيم أفقيًا. تشير قيمة هذه السمة "*، *" إلى أن نسب الانقسام متساوية - 50٪ لكل منهما. إذا حددت ، على سبيل المثال ، "20٪ ، *" ، فسيتم منح 20٪ فقط للإطار الأول ، وبقية المساحة إلى الإطار الثاني. يمكن للمستخدم تغيير هذه النسب عن طريق سحب حدود الإطارات باستخدام الماوس ، ولكن من الممكن تعطيل هذا الإجراء. للقيام بذلك ، قم بإضافة سمة noresize إلى علامة إطار معين. يمكنك أيضًا تحديد حجم المسافات البادئة الرأسية والأفقية من الإطار المجاور (سمات عرض الهامش وارتفاع الهامش): من الممكن تعيين قواعد السلوك لأشرطة التمرير لكل إطار على حدة. لهذا ، يتم استخدام سمة التمرير ، والتي يمكن أن تحتوي على واحدة من ثلاث قيم محددة مسبقًا. إذا تم تحديد ذلك ، فستظهر أشرطة التمرير عندما لا يتلاءم محتوى الإطار مع حدوده. إذا كانت الإجابة بنعم - فستكون الخطوط موجودة طوال الوقت ، بغض النظر عن الحاجة إليها. إذا كانت الإجابة "لا" - فهذا يعني عدم السماح بأشرطة التمرير لهذا الإطار.
الخطوه 3
بناءً على المعلومات المقدمة في الخطوتين السابقتين ، تحتاج إلى تصميم كود html الأكثر ملاءمة لحل مشكلتك. بعد ذلك ، كل ما تبقى هو إدراجه في الكود المصدري للصفحة. للقيام بذلك ، يمكنك استخدام محرر الصفحة الخاص بنظام إدارة موقعك - افتح الصفحة المطلوبة فيه ، وقم بالتبديل إلى وضع تحرير كود html والصق الرمز الخاص بك في المكان المطلوب على الصفحة. بدلاً من ذلك ، يمكنك تنزيل ملف شفرة مصدر الصفحة عن طريق مدير ملفات إدارة الاستضافة أو نظام إدارة المحتوى ، وفتحه في محرر نصي ولصق الرمز فيه. ثم بنفس الطريقة قم بتحميل الكود الذي تم تغييره مرة أخرى إلى الخادم.