الوسوم الخاصة 2
MS
Internet
Explorer
ملاحظة مهمة: تحتوي هذه الصفحة على وسوم خاصة
بالمتصفح MS Internet
Explorer فإذا كان متصفحك خلاف ذلك فلن تستطيع
مشاهدة الصفحة بالصورة المناسبة
··
خلفية ثابتة
وهوامش علوية وجانبية
<BODY...>
·
إطارات عائمة
<IFRAME>
<BODY>
... </BODY
هل تعتقد أن هذه وسوماً جديدة أو
خاصة تختلف عن تلك التي نعرفها؟! من الواضح أنها ليست بالوسوم الجديدة، بل هي
نفسها التي تحدثنا عنها سابقاً ومنذ الدرس الأول. وكل ما هنالك هو أننا سنتعرف
على خصائص جديدة لها تختص فقط بـِ
MS Explorer..
والواقع أنني قد بدأت فعلاً في تطبيق الخاصية الأولى لها وهي تدعى
BGPROPERTIES...
قم بالنقر على شريط التمرير الجانبي للمتصفح، وأثناء ذلك دقق النظر في خلفية
الصفحة! هل تلاحظ شيئاً مختلفاً؟؟ أنا شخصياً لاحظت أن الخلفية ثابتة بينما
النص فقط ومحتويات الصفحة هي التي تتحرك فقط. (وأرجو أن تكون هذه هي ملاحظتك
أيضاً وإلا بدأت أشك في قدرة نظري!)
توضع هذه الخاصية مع الوسم <BODY>
وتقوم بتثبيت خلفية الصفحة كما رأينا، وهي تأخذ دائما القيمة
FIXED
أي أن الشيفرة عموماً تكون
<BODY
BGPROPERTIES="fixed"> ... </BODY>
في أغلب الأحوال، وعندما نريد
التحكم بهوامش الصفحة نقوم باستخدام طرق وحيل معينة لأداء هذه المهمة. مثلاً قد
نستخدم <BR>
و <P>
لإضافة أسطر كما لو كانت هوامش علوية وسفلية للصفحة. كما قد نستخدم <BLOCKQUOTE>
... </BLOCKQUOTE>
وهي وسوم الفقرات المقتبسة لإضافة هوامش جانبية للصفحة (كما أفعل في هذا
الموقع) أو نستخدم الجداول ... إلخ. لكن يوفر
MS Explorer
هذا اللف والدوران من خلال دعمه للخصائص التالية في وسم <BODY>
LEFTMARGIN:
التي تحدد الهامش الأيسر لكل الصفحة
TOPMARGIN:
التي تحدد الهامش العلوي
<BODY LEFTMARGIN="50"
TOPMARGIN="50"> ... </BODY>
وسأترك لك مهمة تجربتها في إحدى
صفحاتك
<IFRAME> ... </IFRAME>
من الإمكانيات الرائعة المتوفرة
في HTML
ويدعمها MS Explorer
الإطارات العائمة Floating
Frames. كما تعلم لقد
تعرفنا على الإطارات بشكل عام في الدروس
9،
10،
11
وتعرفنا على الإمكانيات التي يوفرها هذه النوع من طرق عرض صفحات الويب. وقلنا
إن إدراج صفحات الإطارات يتطلب وجود ملف رئيسي جنباً إلى جنب مع الملفات
العادية ... إلخ. أما في الإطارات العائمة فالحكاية أبسط بكثير فهي مجرد عناصر
تدرج داخل الصفحات مثلها مثل أي عناصر أخرى كالصور، ومن ثم نقوم بتحديد الملف
الذي نريد عرضه داخل الإطار بالإضافة إلى بعض الخصائص التي قد نحتاجها. هذا كل
ما هنالك!
ولنبدأ بالوسوم الأساسية للإطارات العائمة
<IFRAME> Here, there is a
floating frame </IFRAME>
Here, there is a floating frame
وهي بحالتها هذه عديمة الفاعلية
ولن ينتج عنها أي شيء سوى حجز مساحة فارغة ضمن الصفحة ستخصص لهذا الإطار. هل
تلاحظ شيئاً آخر؟! نعم يوجد هناك عبارة مكتوبة داخل الوسوم فماذا بشأنها؟
الحقيقة أن هذه العبارة وضعت بحيث تظهر كبديل عن الإطار في حالة تم عرضه من
خلال متصفح لا يدعم الإطارات العائمة. إذن تستطيع رؤية هذه العبارة إذا كنت
تستخدم Netscape
في مقابل عدم رؤيتك للإطار (حظاً أوفر).
ننتقل مباشرة إلى الخصائص فهي
بيت القصيد.
SRC:
تحدد الملف الذي نريد إدراجه في الإطار
<IFRAME
SRC="thissite.html">
Here, there is a floating frame
</IFRAME>
Here, there is a floating frame
WIDTH, HEIGHT:
تحددان مساحة الإطار عرضاً وارتفاعاً وكالعادة يتم ذلك باستخدام القيم المطلقة
أو النسبية
<IFRAME
SRC="thissite.html" WIDTH="70%" HEIGHT="200">
Here, there is a floating frame
</IFRAME>
Here, there is a floating frame
SCROLLING:
تحدد إذا أردنا إضافة أشرطة التمرير الموجوده على جانب أو أسفل الإطار أم لا،
وتأخذ القيم yes
(الإفتراضية) أو no
<IFRAME
SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no">
Here, there is a floating frame
</IFRAME>
Here, there is a floating frame
FRAMEBORDER:
تحدد ظهور أو عدم ظهور الحدود ثلاثية الأبعاد حول الإطار وتأخذ القيم 1
(الإفتراضية) و 0 التي تعني لا حدود.
<IFRAME
SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no" FRAMEBORDER="0">
Here, there is a floating frame
</IFRAME>
Here, there is a floating frame
NAME:
من خلال هذه الخاصية نقوم بإسناد اسم للإطار لكي نقوم باستخدامه من قبل الوصلات
التشعبية التي نريد استهداف الإطار بها.(راجع
الدرس الحادي عشر حول هذا الموضوع)
<IFRAME
SRC="thissite.html" WIDTH="70%" HEIGHT="200" NAME="myframe">
Here, there is a floating frame
</IFRAME>
Here, there is a floating frame
لقد قمت بتسميته
myframe.
والآن إذا أدرجت وصلة تشعبية للصفحة الرئيسية -مقدمة في إتش.تي.أم.أل- بالشكل
التالي:
<A HREF="htmintro.html"
TARGET="myframe">
مقدمة في إتش.تي.أم.أل </A>
فإن النقر عليها يؤدي إلى تحميل
الصفحة داخل هذا الإطار... حاول ذلك
مقدمة في إتش.تي.أم.أل
مواضيع مشابهة
الوسوم الخاصة 2 :- MS Internet Explorer