الأطر المتقدمة

توقفنا في«
الفصل السابق عند كيفية إنشاء صفحة ويب باستخدام
مبدأ الإطارات. ونتابع معاً التعرف على باقي الخصائص والتحديدات المتعلقة بها.
عند الحديث عن الإطارات سوف نواجه تلك المشكلة العتيدة
التي تؤرق دائماً مصممي صفحات الويب، ألا وهي مسألة توافق الوسوم والخصائص
مع المتصفحات المختلفة، فمثلاً لدينا أربع خصائص للوسم
<FRAMESET>
، لكن واحدة منها فقط تعمل مع كلا المتصفحين الرئيسيين
Netscape Navigator,
MS Internet Explorer.
وكما إعتدنا لن أركز على هذه الخصائص ، لكن على الأقل سأكتفي بذكرها وذكر عملها
وأترك لك حرية تجربتها إن أردت.
FRAMEBORDER
أولى هذه الخصائص هي
FRAMEBORDER وهي
تقوم بتحديد ظهور أو عدم ظهور الحدود حول الإطارات وتأخذ القيم 1 للظهور، و0
لعدم الظهور. وهذا مثال عليها:
<FRAMESET ROWS="50,*" FRAMEBORDER="0">
<FRAME SRC="frame1.html">
<FRAME SRC="frame2.html">
</FRAMESET>
أما الخصائص الثلاث الأخرى فهي:
-
BORDER:
تحدد سمك الحدود الظاهرة حول
الإطارات وهي تأخذ قيماً بالبيكسل.
(BORDER="n") وتعمل
فقط مع
Netscape
-
BORDERCOLOR:
لإضافة لون للحدود
(BORDERCOLOR="rrggbb")
بالطبع تستطيع ان تختار أسماء الألوان
أو كود الHEX
وتعمل مع
Netscape أيضاً.
-
FRAMESPACING:
لتحديد مسافات فارغة إضافية حول الإطارات وتأخذ قيماً بالبيكسل
(FRAMESPACING="n")
وهي تعمل مع
MS Internet
أما الخصائص المستخدمة مع الوسم
<FRAME>
فهي كالتالي:
-
MARGINHEIGHT:
تحدد مقدار المسافة الفارغة المتروكة للهوامش العلوية والسفلية للإطار
(بالبيكسل).
MARGINHEIGHT="n"
-
MARGINWIDTH:
تحدد مقدار المسافة الفارغة المتروكة للهوامش اليمنى واليسرى للإطار
(بالبيكسل). MARGINWIDTH="n"
-
SCROLLING:
تحدد إمكانية ظهور أو عدم ظهور أشرطة
التصفح الأفقية والعمودية على جوانب أو أسفل الإطار. وتأخذ القيم yes
للظهور. no لعدم الظهور. و auto التي تحدد ظهور الأشرطة أو
عدمه تلقائياً بحسب الحاجة إليها. تماماً كما يحدث في معظم تطبيقات Windows
SCROLLING="yes"
SCROLLING="no"
SCROLLING="auto"
-
NORESIZE
عند إضافة هذه الخاصية يتم
منع عملية التحكم بحجم الإطار بالتصغير أو التكبير من خلال السحب والإفلات.
وهي لا تأخذ أي قيم.فقط تكتب كما هي
ولتوضيح مبدأ عمل هذه الخصائص إليك هذه المثال،
وقم بتفحص هذه الصفحة والتدقيق في
تفاصيله لكي تقارنها بما سينتج عن المثال التالي، كذلك حاول القيام بتكبير
الإطار أو تصغيره بوضع المؤشر على الحد ثم استخدام السحب والإفلات بالإتجاه
المطلوب. وذلك لكي تستطيع تمييز عمل الخاصية
NORESIZE
<FRAMESET COLS="50%,50%">
<FRAME SRC="frame1.htm" MARGINHEIGHT="40" MARGINWIDTH="30"
SCROLLING="yes" NORESIZE>
<FRAME SRC="frame2.htm">
</FRAMESET>
إلقي نظرة الآن علي هذه الصفحة تلاحظ
عدم القدرة علي التحكم في حجم الإطار من خلال مؤشر الموس .
كذلك هناك الخصائص
FRAMEBORDER, FRAMESPACING,
BORDER, BORDERCOLOR التي تستخدم مع هذا الوسم وبنفس التفاصيل التي ذكرت
مع <FRAMESET>. لكنها
بالطبع تحدد خصائص الإطار وحده وليس مجموعة الإطارات ككل في الصفحة. وهي تعمل
على متصفحات معينة دون غيرها.
in-line frames
و الآن نتحدث عن كيفية إدراج إطار داخل صفحة عاديه مثل هذا
و الآن أنا لدي صفحتين يظهرون في صفحة واحده في الحقيقة وسم الin-line
frames من أسهل الأوسمه كل ما عليك هو تحديد مكان الصفحة التي ستظهر
في الإطار بشكل صحيح كما تحدد الإرتفاعات و العرض بشكل مناسب
<IFRAME SRC="inlineframes1.html" WIDTH="70%" HEIGHT="90"></IFRAME>
بالطبع تستطيع ان تدرج أكثر من إطارفي صفحة واحده لكن يجب عليك أن تعطي كل
إطار اسم NAME ( سنقوم بشرح هذه الخاصيه في
الدرس القادم )
و إليك بالوسم الخاص بذلك
<IFRAME SRC="left.html" NAME="left"></IFRAME>
<IFRAME SRC="right.html" NAME="right"></IFRAME>
و بالطبع تستطيع ان تستخدم معها كل الخصائص مع هذا الوسم كما ذكرنا من قبل
، ولا تقلق سأقوم إنشاء الله بشرح الخاصيه NAME بالتفصيل في
الدرس القادم
الدرس التالي»»»

< الصفحة الرئيسيه |
المرجع الكامل |
فهرس الأطر >
|