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

توقفنا في« الفصل السابق عند كيفية إنشاء صفحة ويب باستخدام مبدأ الإطارات. ونتابع معاً التعرف على باقي الخصائص والتحديدات المتعلقة بها.

عند الحديث عن الإطارات سوف نواجه تلك المشكلة العتيدة التي تؤرق دائماً مصممي صفحات الويب، ألا وهي مسألة توافق الوسوم والخصائص مع المتصفحات المختلفة،  فمثلاً لدينا أربع خصائص للوسم <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 بالتفصيل في الدرس القادم

الدرس التالي»»»

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