10.4.1 الفرق بين الإطارات والإطار
أولاً ، دعنا نوضح الفرق بين الإطارات والإطار.
يتم استخدام <FrameSet> </framestet> لتقسيم الإطارات ، ويتم تمييز كل إطار بـ <ray> </rame>. يجب استخدام <frame> </fream> داخل <frameet> </framest> ، الرمز كما يلي:
<إطارات الحدود = 1 framespacing = 1 borderColor =#47478d صفوف =* cols = 180 ،*>
<frame src = "inc/admin_left.htm" name = left scrolling = no id = "left">
<frame src = "inc/admin_center.htm" name = main scrolling = "no">
</frameet>
في المثال أعلاه ، يقسم <frameet> </framestest> الصفحة إلى جزأين ، الصفحة الموجودة في الإطار الأيسر هي admin_left.htm ، والصفحة الموجودة في الإطار الأيمن هي admin_center.htm.
ملاحظة: ترتيب الإطار من <frey> </frame> يتم ترك العلامات على اليسار من اليمين أو من أعلى إلى أسفل.
الفرق بين الاثنين على النحو التالي:
● <FrameSet> هي علامة إطار ، تشير إلى أن مستند صفحة الويب يتكون من إطار ، ويقوم بتعيين تخطيط الإطارات التي تشكل الإطار المحدد في المستند.
● يتم استخدام <rame> لتعيين خصائص كل إطار يشكل الإطار.
10.4.2 إعدادات المعلمة الإطارات
يحتاج <FrameSet> إلى تعيين بعض المعلمات المحددة ، والتي تحدد مباشرة تخطيط الصفحة بأكملها. الرمز كما يلي:
<إطارات الحدود = 1 framespacing = 1 borderColor =#47478d صفوف =* cols = 180 ،*>
يتم عرض إعدادات المعلمة ومعانيها في الكود السابق في الجدول 10.3.
الجدول 10.3 معلمات تابع
المعلمة | يوضح |
حدود | اضبط سمك الإطار بالبكسل |
FrameBorder | تعيين ما إذا كنت تريد عرض حدود الإطار ، لا يتم عرض 0 ، يتم عرض 1 |
الإطارات | يشير إلى المسافة بين الإطار |
الحدود | اضبط لون الحدود الإطار |
صف | قسّم المستند إلى إطارات علوية وأسفل. يمكن أن تكون القيمة بعد الصف قيمة رقمية أو نسبة مئوية. * يعني أن المساحة المتبقية مشغولة. يمثل عدد القيم العددية عدد الإطارات المقسمة أفقياً. على سبيل المثال ، الصفوف = "210 ،*، 10 ٪" ، مما يعني أن الصفحة مقسمة إلى ثلاث صفحات إطار علوي ومتوسط وأسفل. يحتل الإطار العلوي 210 بكسل ، ويحتل الإطار السفلي 10 ٪ من المستند بأكمله ، ويشغل المساحة المتبقية من الإطار الأوسط. * هو مفهوم نسبي ، مثل الصف =* ، مما يعني أنه لا يوجد بنية أعلى وأسفل في الصفحة. |
كولز | اضبط نفس الصف |
فيما يتعلق بإعداد معلمات الإطار ، فإن الكود كما يلي:
كما هو موضح في الجدول 10.4.
الجدول 10.4 معلمات الإطار
المعلمة | يوضح |
اسم | يجب أن يكون اسم إطار الإعداد باللغة الإنجليزية |
SRC | اضبط مسار الصفحة والاسم المعروض في الإطار ، والذي يمكن أن يكون مسارات نسبية أو مطلقة. |
عرض الهامش | يشير إلى المسافة من الحواف اليسرى والأيمن من الإطار |
الهامش | يشير إلى المسافة من الحواف العلوية والسفلية للإطار |
التمرير | تعيين ما إذا كنت تريد عرض أشرطة التمرير في الإطار ، نعم يتم عرضها ، لا يتم عرض NO ، يعني تلقائي أن أشرطة التمرير يتم عرضها تلقائيًا عندما يتجاوز المحتوى في صفحة الإطار حجم الإطار. |
FrameBorder | قم بتعيين ما إذا كنت تريد عرض حدود الإطار ، ولا يتم عرض 0 ، ويتم عرض 1 |
noresize | اضبط ما إذا كان المستخدم يمكنه تغيير حجم هذا الإطار. بدون تعيين هذا العنصر ، يمكن للمشاهد سحب الإطار عند الإرادة وتغيير حجم الإطار. |
الإطارات | يشير إلى المسافة بين الإطار |
الحدود | اضبط لون الحدود الإطار |
يمكن لـ Frame and Iframe تحقيق نفس الوظائف بشكل أساسي ، لكن Iframe لديه مرونة أكثر من الإطار.
تسمى علامات iFrame أيضًا علامات الإطار العائمة. يمكن استخدامها لتضمين مستند HTML في شاشة HTML. الفرق الأكبر بينه وعلامة الإطار هو أن المحتوى الموجود في <frame> </frame> مضمن في صفحة الويب يكون ككلًا مع الصفحة بأكملها ، في حين أن المحتوى الموجود في <rame> </frame> هو فرد مستقل ويمكن عرضه بشكل مستقل. بالإضافة إلى ذلك ، يمكن للتطبيق IFRAME أيضًا عرض المحتوى نفسه عدة مرات على نفس الصفحة دون الحاجة إلى تكرار رمز هذا المحتوى.
تتمثل الصفحة الموضحة في الشكل 10.21 في استخدام IFRAME لإنشاء روابط ترحيل في أعلى وأسفل الصفحة. الرموز في الأعلى والسفلي هي نفسها. تحتاج فقط إلى تضمين نفس الملف في صفحة الويب ، وليس هناك حاجة لكتابة الرمز بشكل متكرر. للحصول على التأثير الفعلي لهذه الحالة ، يرجى الرجوع إلى CASE/FRAME/IFRAME/SEE_INFOMORE_IFRAME.htm في CD-ACCESSOSS CD-ROM.
يتمتع iFrame بميزة أخرى أكبر ، وهو أنه يمكن أن يكون إطارًا شفافًا بحيث تكون الخلفية داخل الإطار هي نفس خلفية الصفحة الرئيسية. في المثال أعلاه ، سيجد القراء الدقيقون هذه المشكلة. دعنا نوضح بالتفصيل كيفية ضبط شفافية IFRAME. خطوات التشغيل المحددة هي كما يلي:
(1) افتح العلبة/الإطار/iframe/see_infomore_iframe1.htm في القرص المضغوط للكتاب.
(2) تصفح الملف في هذه الصفحة في المتصفح وابحث عن أن خلفية الخلية الأصلية يتم الكتابة فوقها في المنطقة التي يتم فيها إدخال iFrame ، وهو ليس التأثير المطلوب.
(3) افتح صفحة page.htm ، قم بالتبديل إلى عرض الرمز ، وأدخل الكود في علامة <Body> على النحو التالي:
<style body = "background-color = شفاف">
الشكل 10.21 باستخدام iframe لإنشاء دورة الصفحة
(4) Switch SEE_INFOMORE_IFRAME1.HTM إلى عرض الكود وعرض الرمز لإدخال خلية iframe على الصفحة كما يلي:
<td colspan = "4">
<name iframe = "main" frameborder = "0" border = 0 scrolling = "no" marginWidth = "0" marginheight = "0" src = "page.htm"> </frame>
</td>
(5) في علامة <frame> ،
<frame name = "Left" src = "index_manager/admin_left.htm" marginWidth = "1" marginheight = "1" scrolling = "no" frameborder = "1
إعدادات المعلمة ومعانيها من الكود السابق
lettransparency = "صحيح"
(6) رمز الخلية لإدخال iframe في هذا الوقت هو كما يلي:
<td colspan = "4">
<iframe name = "main" frameborder = "0" border = 0 scrolling = "no" marginWidth = "0" MarginHeight = "0" Src = "page.htm" leghtransparency = "true"> </frame> </td>
(7) احفظ صفحتين. htm و see_infomore_iframe1.htm لتصفح التأثير في المتصفح.