الإطارات
الدرس الثالث
مجموعة الإطارات frameset الثانية تحدد كيف سيتم تقسيم الإطار الثاني (الأيمن) بتحديد المساحة التي يجب أن يشغلها كل جزء أفقي من الجزئين الموجوين في الإطار الأيمن . يمكننا أن نحدد المساحة إما بالنسبة المئوية مثل مجموعة الإطارات الأولى أو بالبيكسل ، هل خمنت ؟ سنجرب البيكسل هذه المرة .
نحن لا نريد أبداً أن نحدد القيمة بالبيكسل لكل الإطارات في مجموعة الإطارات ، و هذا لأن الشاشات تختلف في العدد البيكسلات التي تستخدمها ، لذا فسوف نحدد حجم إطار واحد فقط و نترك الثاني غير محدد (عن طريق وضع * مكان رقم المساحة التي سيأخذها) ليأخذ المساحة المتبقية من الشاشة .
في حالتنا هذه سوف نعطي صفحة الأرز حوالي 100 بيكسل و الباقي لصفحة الخضار ، هكذا :
<frameset rows="100,*">
الإطار السفلي (المحدد بالنجمة) حجمه سيختلف طبقاً لعرض المرقاب المستخدم .
الآن فلنحدد هذه الإطارات :
<frame src="rice.htm" name="rice">
<frame src="vegitables.htm" name="vegetables">
و أخيراً يجب علينا أن نغلق مجموعتي الإطارات و نكون قد انتهينا من صفحة الإطارات الخاصة بنا ، و ستبدو الصفحة في النهاية هكذا :
<html>
<head><title>The first frames page</title></head>
<frameset cols="66%,34%">
<frame src="chicken.htm" name="chicken">
<frameset rows="100,*">
<frame src="rice.htm" name="rice">
<frame src="vegetables.htm" name="vegetables">
</frameset>
</frameset>
</html>
الآن أي شخص يشغل متصفحاً يدعم الإطارات (و كلها هذه الأيام تدعمها) يستطيع أن يزور الصفحة و يستمتع بوجبة رائعة من صنعك . و لكن إذا كان هناك زائر من زوارك من العصر الحجري ما زال يعتقد أن إنترنت إكسبلورر 3 هو قمة التكنولوجيا فمن الأرجح أنك لن تكترث لأمره و تدعه يخبط رأسه في الحيط عندما تظهر له صفحتك بيضاء خاوية على عروشها . و لكن من واجب و كرم الضيافة أن تكرم ضيفك حتى لو كان شحاذاً إنترنتياً و لذلك سنضع له رسالة تخبره بأن يحترم نفسه و يشتري مجلة كمبيوتر محترمة و يركب على الأقل المتصفح إنترنت إكسبلورر 5 من الاسطوانة المرفقة معها .
تستطيع هذا بالواصفة <noframes> التي تضع بعدها رسالة تشتم فيها الزائر صاحب المتصفح الذي لا يدعم الإطارات و تقول له "خلي عندك دم يا بارد ، اتق الله فينا و لا تحرق دمنا" أو أي شيء تريده بحيث تسمعه ما يكره لأنه يستخدم متصفح يخلو من هذه الميزة الهامة ، و إليك الطريقة :
<noframes>
<body>
please do yourself a favour and CHANGE your BROWSER with somthing NEW
</body>
</noframes>
قلنا من قبل أن الواصفة <frameset> تستبدل الواصفة <body> و تحل محلها في صفحة الإطارات ، و لكن الزائر الحجري صاحب المتصفح الذي لا يدعم الإطارات لن يستطيع أن يرى الصفحة لأن متصفحه لا يستطيع فهم الواصفة <frameset> و لكنه يستطيع فهم الواصفة <body> أما المتصفحات الأحدث فتتفهم الواصفة <noframes> و تعرف أنها موضوعة للمتصفحات الأقدم و بالتالي تتجاهل محتوياتها و تتخطاها . و لهذا وضعنا الواصفة <body> داخل الواصفة <noframes> لأن المتصفح القديم لن يفهم سواها من هذا الموضوع كله .
و هكذا أصبحت الصفحة كما ترى :
<html>
<head><title>The first frames page</title></head>
<frameset cols="66%,34%">
<frame src="chicken.htm" name="chicken">
<frameset rows="100,*">
<frame src="rice.htm" name="rice">
<frame src="vegetables.htm" name="vegetables">
</frameset>
</frameset>
<noframes>
<body>
please do yourself a favour and CHANGE your BROWSER with somthing NEW
</body>
</noframes>
</html>
في الدرس القادم سوف نشرح طرق تخصيص الإطارات .