أهلاً وسهلاً بك إلى الدرس العاشر من دروس HTML. والذي لا زلنا نناقش موضوع الإطارات
فيه. لقد تعرفت في الدرس السابق على الأساسيات في هذا الموضوع، وتعلمت كيفية
إنشاء صفحة ويب باستخدام مبدأ الإطارات. ونتابع معاً التعرف على باقي الخصائص
والتحديدات المتعلقة بها.
بداية، أجد من الضروري أن أذكرك بالتاجين الأساسيين
للإطارات واللذين ندرجهما في الملف الأساسي، وهما <FRAMESET> والذي يوضع بدلاً من <BODY> ويشكّل التاج الأساسي لتحديد
مجموعة الإطارات في الصفحة وخصائص هذه المجموعة ككل. و <FRAME> الذي يوضع داخل نطاق التاج
السابق ويعرّف الملف المصدر لكل إطار ويحدد خصائصه. ومن المهم جداُ أن نميز بين
الخصائص المتعلقة بكل تاج وأن لا نخلط بينهما.
أولى هذه الخصائص هي FRAMEBORDER وهي تقوم بتحديد ظهور أو عدم ظهور الحدود حول الإطارات
وتأخذ القيم 1 للظهور، و0 لعدم الظهور. وهذا مثال عليها:
<FRAMESET
ROWS="50,*,15%,20%" FRAMEBORDER="0">
<FRAME
SRC="frame1.html">
<FRAME
SRC="frame2.html">
<FRAME
SRC="frame3.html">
<FRAME
SRC="frame4.html">
</FRAMESET>
أما الخصائص الثلاث الأخرى فهي:
-
BORDER:
تحدد سمك الحدود الظاهرة حول الإطارات وهي تأخذ قيماً بالبيكسل.
-
BORDERCOLOR:
لإضافة لون للحدود (BORDERCOLOR="rrggbb").
-
FRAMESPACING:
لتحديد مسافات فارغة إضافية حول الإطارات وتأخذ قيماً بالبيكسل.
أما الخصائص المستخدمة مع التاج <FRAME> فهي كالتالي:
-
MARGINHEIGHT:
تحدد مقدار المسافة الفارغة المتروكة للهوامش العلوية والسفلية للإطار
(بالبيكسل). المقصود بـ n رقم بالبكسل
MARGINHEIGHT="n"
-
MARGINWIDTH:
تحدد مقدار المسافة الفارغة المتروكة للهوامش اليمنى واليسرى للإطار
(بالبيكسل). المقصود بـ n رقم بالبكسل
MARGINHEIGHT="n"
-
SCROLLING:
تحدد إمكانية ظهور أو عدم ظهور الاسكرول بار الأفقي والعمودي على
جوانب أو أسفل الإطار. وتأخذ القيم yes للظهور. no لعدم
الظهور. و auto التي تحدد ظهور
الاسكرول أو عدمه تلقائياً بحسب الحاجة إليها.
SCROLLING="yes"
SCROLLING="no"
SCROLLING="auto"
-
NORESIZE
عند إضافة هذه الخاصية يتم منع عملية التحكم بحجم الإطار بالتصغير أو التكبير
من خلال السحب والإفلات. وهي لا تأخذ أي قيم.
ولتوضيح مبدأ عمل هذه الخصائص إليك هذه الأمثلة، قم بتجربتها لترى النتيجة .
<FRAMESET
COLS="50%,50%">
<FRAME SRC="thedome.jpg"
MARGINHEIGHT="40">
<FRAME
SRC="frame2.html">
</FRAMESET>
<FRAMESET
COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40"
MARGINWIDTH="30">
<FRAME
SRC="frame2.html">
</FRAMESET>
<FRAMESET
COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40"
MARGINWIDTH="30" SCROLLING="yes">
<FRAME
SRC="frame2.html">
</FRAMESET>
<FRAMESET
COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40"
MARGINWIDTH="30" SCROLLING="yes" NORESIZE>
<FRAME
SRC="frame2.html">
</FRAMESET>
|
|
كذلك هناك الخصائص FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR التي تستخدم مع
هذا التاج وبنفس التفاصيل التي ذكرت مع <FRAMESET>. لكنها بالطبع تحدد خصائص الإطار وحده وليس
مجموعة الإطارات ككل في الصفحة.
بقي لدينا الخاصية NAME والتي تعتبر أهم خاصية لهذا التاج، فهي التي تحدد طريقة تنسيق
العمل بين الإطارات والصفحات وأسلوب عرضها لذلك فقد فضلت أن أفرد لها موضوعاً
خاصاً وبصورة مستقلة عن باقي الخصائص، وذلك في الدرس التالي إن شاء الله.
|
هناك تاج ثالث يتعلق بالإطارات، ويتم إدراجه داخل الملف
الرئيسي وعادة في النهاية وهو:
<NOFRAMES>
... </NOFRAMES>
يستخدم هذا التاج لتوفير بديل معين عن صفحة الإطارات في
حالة قيام أحد الزوار بدخول الموقع مستخدماً متصفحاً لا يدعم الإطارات.
(بالمناسبة فإن هناك متصفحات لا يمكن لها أن تعرض الإطارات مثل الإصدارات القديمة
لـِ MS Explorer) لكنك
حتماً تستطيع مشاهدتها وذلك لأن الإصدارات المعربة من هذه المتصفحات هي إصدارات
حديثة نسبياً وتدعم الإطارات.
فإذا أردت أن تمنح زوار موقعك الذين لا يستخدمون متصفحاً
حديثاً فرصة مشاهدة موقعك، فكل ما عليك فعله هو إدراج هذا التاج في نهاية الملف
الرئيسي للإطارات والبدء بكتابة صفحتك كما لو كانت صفحة ويب عادية.
<HTML>
<HEAD>
<TITLE>Main
File</TITLE>
</HEAD>
<FRAMESET ROWS="50,*,15%,20%"
FRAMEBORDER="0">
<FRAME
SRC="frame1.html">
<FRAME
SRC="frame2.html">
<FRAME
SRC="frame3.html">
<FRAME
SRC="frame4.html">
</FRAMESET>
<NOFRAMES>
<BODY>
أكتب صفحتك
بالصورة
الإعتيادية هنا
</BODY>
</NOFRAMES>
</HTML>
أما إذا كنت مصراً على إطاراتك ولا تريد إنشاء نسخة أخرى
للموقع بدونها، فلم لا تكتب ملاحظة بسيطة ضمن هذا التاج تخبر فيها زائرك بأن
الموقع يحتوي على هذه الإطارات وأنه يحتاج إلى متصفح مناسب (على الأقل لكي تخفف
عنه الصدمة)!!
وماذا بعد...؟ لم يبق أي شيء ليذكر في هذا الدرس فقد قمنا
بمناقشة جميع خصائص الإطارات عدا الخاصية NAME.واللتي سوف نقوم بشرحها في الدرس القادم بإذن الله .
أخي الكريم أرجوك لا تتردد في التواصل معي إذا كان هناك أي أسئلة
سواء عن طريق البريد الإلكتروني
mohamed@rushdy.net
أو بزيارة صفحتي علي الفيس بوك .. ولا تنساني من الليك
rushdy.net on facebook 
الأساسيات -
الألوان -
الخطوط -
الفقرات والقوائم -
الصور والرسومات -
اللينكات -
الجداول1 -
الجداول2 -
الإطارات1 -
الإطارات2 -
الإطارات3 -
الإطارات4 -
تاجات متنوعة -
الخرائط الصورية -
النماذج1 -
النماذج2 -
التاجات الخاصة -
الويب واللغة العربية -
الميتا تاج -
المراجع
