الإطارات
الدرس الثاني
صفحة الإطارات تستخدم الواصفة <frameset> بدلاً من الواصفة <body> التي تجدها في ملفات هتمل العادية ، هذه الواصفة تحدد كيف سيتم تقسيم الصفحة إما على هيئة أعمدة أو صفوف و لكن ليس كلاهما . و هذه الأعمدة أو الصفوف يمكن أن تقسم بوضع واصفات <frameset> إضافية داخلها .
بالنسبة لصفحتنا فسوف نقسمها على هيئة أعمدة ، أو عمودين على الأصح ، العمود الأول على اليسار سوف يأخذ الصفحة chicken.htm و العمود الثاني على اليمين سيأخذ صفحتين هما rice.htm و vegetables.htm .
السؤال التالي هو ما هو الحجم الذي نريده لكل عمود ؟ يمكننا أن نحدد حجم الأعمدة إما بالنسبة المئوية لحجم الشاشة أو بالبيكسل . في حالتنا هذه فأنا أحب الدجاج للغاية و قررت أن تأخذ صفحة الدجاج chicken.htm ثلثي الصفحة و سأترك الثلث الباقي للأرز rice.htm و الخضار vegetables.htm .
سوف نحدد مجموعة الإطارات كالتالي :
<frameset cols="66%,34%">
هذه الواصفة تخبرنا إذن بأن لدينا عمودين ، الأول (الأيسر) يأخذ 66% من مساحة الشاشة ، و الثاني (الأيمن) يأخذ 34% من مساحة الشاشة و لاحظ الفاصلة السفلية التي تفصل بينهما .
فلنبدأ الآن في وصف كل إطار داخل الصفحة . كل إطار (أو منطقة) يتم تحديده بالواصفة <frame> التي لها عدة خصائص لن نذكر منها الآن سوى خاصتين فقط هما المصدر source و الاسم name . المصدر ضروري للغاية لأنه يخبر المتصفح أي صفحة يجب عليه وضعها في الإطار ، أما الاسم فهو يصبح مهماً عندما تبدأ في الربط بين الإطارات .
الإطارات توصف دائماً من اليسار إلى اليمين أو من الأعلى إلى الأسفل لذلك ، فأول إطار نوصفه في الصفحة picnicplate.htm سيكون هو إطار الدجاج الأيسر كالتالي :
<frame src="chicken.htm" name="chicken">
مرة أخرى ، الخاصية src تحدد الصفحة التي سوف توضع في الإطار ، بينما الخاصية name تحدد اسم الإطار (ليس بالضرورة أن يكون هو نفسه اسم الملف) .
حتى الآن تبدو صفحة الإطارات هكذا :
<frameset cols="66%,34%">
<frame src="chicken.htm" name="chicken">
الآن نصل إلى الإطار الثاني الذي سوف يقسم إلى قسمين أفقياً ، قسم للأرز و قسم للخضار . لفعل ذلك نحتاج لإنشاء مجموعة إطارات frameset أخرى في داخل الإطار .