إتش.بي بالعربية - الوسوم الخاصة MSIE 2

الوسوم الخاصة 2
MS Internet Explorer

[الأساسيات] [الألوان] [الخطوط] [الفقرات والقوائم] [الصور والرسومات] [الوصلات التشعبية]
[الجداول1] [الجداول2] [الإطارات1] [الإطارات2] [الإطارات3] [وسوم من هنا وهناك]
[الخرائط الصورية] [النماذج1] [النماذج2] [الوسوم الخاصة] [الويب واللغة العربية] [وسوم Meta]

ملاحظة مهمة: تحتوي هذه الصفحة على وسوم خاصة بالمتصفح 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>

فإن النقر عليها يؤدي إلى تحميل الصفحة داخل هذا الإطار... حاول ذلك
مقدمة في إتش.تي.أم.أل

الصفحة الأولى
MS Explorer 1

عودة إلى
الدرس 16