|
الدرس السادس
"
FRAMES
الإطارات
"
الإطار :
هو منطقة مستطيلة أو مربعة الشكل داخل نافذة المستعرض والتي تعرض صفحة ويب ,
بجانب صفحات أخرى في أطر أخرى .
ولكن كيف يتم تجميع الإطارات مع بعضها البعض ؟
دائماً يوجد ملف أساسي يتم انشاؤه خصيصاً لتعريف صفحة
الإطارات وتجميعها وتحديد خصائصها أي :www.tartoos.com
( مكونات صفحة الإطارات = عدد ملفات الصفحة نفسها + صفحة
الملف الأساسي الذي يجمعها ) .
لننشء ثلاث ملفات كل ملف له الصيغة التالية :
Frame 1.htm - frame 2 .htm - frame 3.htm .
< HTML >
< HEAD >
< TITLE >frame 1 < /TITLE >
< /HEAD >
< BODY >
farme 1
< /BODY >
< /HTML >
ونبدأ الآن يتعريف الملف الرئيسي الذي سيضم كافة
الإطارات والملفات . وهو بالمناسبة ملف ذو حالة خاصة حيث يقوم باستخدام
المؤثر :
<FRAMEST > …..< /FRAMEST >
بدلا من المؤثر :
<
BODY >…..</BODY >
( BODY
(اٍذن الملف الرئيسي للإطارات لا يتضمن تعريفاً باستخدام
وشكله كما يلي :
< HTML >
< HEAD >
< TITLE > master file < /TITLE >
< /HEAD >
< FRAMESET >
< /FRAMESET >
< /HTML >
<
FRAMESET >
البارامترات المستخدمة مع المؤثر
:COLS
وهذا البارامتر يعرّف عدد
وأحجام الإطارات العمودية للصفحة ويحدد الأحجام بطريقتين ( المباشرة والنسبية
) .
وهذه بعض الأمثلة التي توضح مفهوم الأعمدة :
< FRAMESET COLS = " 50%.50% " > < /FRAMESET
> -
يحدد اٍطارين عموديين حجم كل منهما
50%
من حجم الشاشة .
- <
FRAMESET COLS = " 20% , 50% , 30% " > < /FRAMESET >
يحدد ثلاث اٍطارات أحجامها
30% , 50% , 20%
من حجم الشاشة .
- <
FRAMESET COLS = " 200 , 300 , * " > < /FRAMESET >
يحدد ثلاث اٍطارات عمودية , الأول حجمه
200
بيكسل والثاني
300
بيكسل أما الثالث
*
أي أنه غير محدد بحجم معين ولكنه سيكون بالحجم المتبقي من الشاشة التي
يستخدمها الزائر .
- <
FRAMESET COLS = " 200,*,15%,20% " > < /FRAMESET >
يحدد أربع اٍطارات حجم الأول
200
بيكسل والثالث
15% من حجم الشاشة والرابع
20%
من حجم الشاشة , أما الثاني فحجمه ماتبقى من الشاشة .
- <
FRAMESET COLS = " 150,*,2* " > < /FRAMESET
>
يحدد ثلاثة اٍطارات , الأول حجمه
150
بيكسل . أما المساحة المتبقية فتقسم على أساس أن الإطار الثالث حجمه ضعف (
2*
) حجم الإطار الثاني (*
) .
ROWS
: وهذا البارامتر يحدد
عدد وحجم الإطارات الأفقية ( الصفوف ) داخل الصفحة . وذلك بنفس الأسلوب
المتبع مع الأعمدة أي اٍما باستخدام الطريقة النسبية أو المطلقة .
- <
FRAMESET ROWS = " 50%, 50%, " > < /FRAMESET >
يحدد اٍطارين أفقيين كل منهما
50% من
ارتفاع الشاشة .
< FRAMESET ROWS = “ 20%, 50%, 30%, “ > < /FRAMESET
> -
يحدد ثلاثة اٍطارات أفقية , الأول ارتفاعه
50
بيكسل والثاني
120
بيكسل والثالث سيكون من الارتفاع المتبقي من الشاشة .
< FRAMESET ROWS = “ 50, 120, * “ > < /FRAMESET
> -
يحدد اٍطارين , الثاني ارتفاعه ضعفي ارتفاع الأول .
FRAME
: فيما سبق قمنا فقط
بتعريف الإطارات ولكن لم تحدد ماهية هذه الإطارات ولامحتوياتها ولامصادرها .
والبارامتر
>
FRAME
<
ليس له نهاية أي مفرد . وفيه نقوم بتحديد مصدر وخصائص كل ملف نريد اٍظهاره
داخل أحد الإطارات .
ويتم استخدام
>
FRAME
<
مرات بنفس عدد الإطارات المذكورة داخل
>
FRAMESET
<
. وسوف نقوم مباشرة باستخدام الخاصية
SRC لتحديد
مصدر الملف .
> " اسم
الملف "= < FRAME SRC
وكذلك نستطيع اٍدراج صورة داخل الإطار مباشرة باستخدام :
> "jpg
. اسم الصورة " =
FRAME SRC
<
www.tartoos.com
خلاصة :
-
لإدراج صفحة اٍطارات نحتاج الى ملف رئيسي يعتبر بمثابة الوعاء الذي سيضم هذه
الإطارات .
-
الملف الرئيسي هو الملف
HTML
اٍعتيادي غير أننا نستخدم المؤثر
:
< FRAMESET > …..< /FRAMESET >
بدلاً من المؤثر
< BODY > …..<
/BODY >
-
نستخدم البارمترات
ROWS و
COLS
لتحديد عدد الإطارات ( صفوفاً كانت أم أعمدة ) وحجومها .
-
الملفات الفرعية التي تظهر ضمن الإطار هي ملفات عادية أو صور ولا تحتوي على
أي تنسيق أو بارامتر خاص .
-
نستخدم المؤثر
< FRAME >
داخل الملف الرئيسي لمناداة الملفات الفرعية داخل الإطارات وذلك مع البارامتر
SRC
بالإضافة الى استخدامه لتحديد باقي البارامترات .
-
حتى الآن قمنا بتقسيم الصفحة اٍما لإطارات أفقية أو اٍطارات عمودية كما يلي :
< FRAMESET COLS + 200, 400, * " >
>
"
اسم الملف " =
< FRAME SRC
قسمنا الشاشة الى أعمدة
>
" اسم الملف " =
< FRAME SRC
ووضعنا في كل عمود ملف معين
>
" اسم الملف " =
< FRAME SRC
< /FRAMESET
>
< FRAMESET ROWS = " 50, *, 15%, 20% "
>
قسمنا الشاشة الى أربعة صفوف
>
" اسم الملف " =
FRAME SRC
<
ووضعنا في كل صف ملف معين
>
" اسم الملف " =FRAME SRC
<
>
" اسم الملف " = < FRAME SRC
< /FRAMESET >
-
ولكن عندما نحتاج لمعرفة كيفية اٍدراج الإطارات في الصفحة حسب الأمثلة
التالية :
مثال أول :
صفحة مكونة من صفين , الثاني منها مقسم الى عمودين .
1.
نعرّف الصفين حسب الإرتفاعات المرغوب بها :
< FRAMESET ROWS = " 100, * " >
>
" ملف ما " =FRAME
SRC <
>
"
ملف ما "
= FRAME SRC
<
< /FRAMESET > .
2.
لكن الصف الثاني مقسم الى عمودين وهنا يعتبر في مفهوم
HTML
وكانه صفحة اٍطارات جديدة لذلك لا نحتاج لتعريفه كصف وبدلاُ من ذلك نعاود
استخدام تعريف الصفحات أي :
< FRAMESET >
مرة أخرى .
< FRAMESET ROWS = " 100, * "
>
>
"
اسم الملف " =
< FRAME SRC
< FRAMESET >
< /FRAMESET >
< /FRAMESET >
وبما أن الصف الثاني ( أو لنقل الإطار الثاني ) مقسم الى
عمودين , اٍذاً بقي علينا اٍضافة تعريف لهذه الأعمدة . وبذلك تكون الشيفرة
النهائية :
< FRAMESET ROWS = " 100, * " >
>
"
اسم الملف " =
< FRAME SRC
< FRAME COLS = " 200, *, " >
>
"
اسم الملف " =
FRAME SRC
<
>
"
اسم الملف " =
FRAME SRC
<
< /FRAMESET >
</FRAMESET >
مثال ثاني
: صفحة مكونة من عمودين
والثاني منها مقسم بدوره الى صفين :
<FARMESET COLS = " 50%, 50% "
>
>
"
اسم الملف " =
FRAME SRC
<
< FRAMESET ROWS = " 200, 100 " >
>
"
اسم الملف " =
FRAME
SRC
<
>
"
اسم الملف " =
FRAME SRC
<
</FRAMESET >
< /FRAMESET >
www.tartoos.com
مثال ثالث
: صفحة مكونة من ثلاثة أعمدة , العمود الأوسط منها
مقسم بدوره الى صفين :
الحل : نعرّف اٍطارات ذات ثلاثة أعمدة , نختار الحجوم لا
على التعيين
< FRAMESET COLS = " 100, *, 100 " >
< FRAME SRC = " "
>
< FRAME SRC = " "
>
< FRAME SRC = " "
>
< /FRAMESET >
العمود الأوسط من هذه الصفحة مقسم الى صفين , اٍذاً
نستبدل تعريفه بتعريف آخر لصفحة اٍطارات مكونة من صفين :
< FRAMESET COLS = " 100, *, 100 " >
< FRAME SRC = " "
>
< FRAMESET ROWS = " 80, *, "
>
< FRAME SRC = " " >
< FRAME SRC = " "
>
</FRAMESET
>
< /FRAMESET >
عند الحديث عن الإطارات تواجهنا مشكلة تقلق مصممي صفحات
الويب في أي مكان . وهي مسألة توافق المؤثرات والبارامترات مع المتصفحات
المختلفة .
فمثلاً لدينا أربع خصائص ( بارامترات ) للمؤثر<
FRAMESET > ولكن واحدة منها
فقط تعمل مع المتصفحين
MS
Explorer و
Netscape
.
FRAMEBORDER
:
وهذا البارامتر يعمل مع المتصفحين المذكورين ويقوم بتحديد ظهور أو عدم ظهور
الحدود حول الإطارات وتأخذ القيم
1 للظهور و
0
لعدم الظهور :
< FRAMESET ROWS = " 50%, 50%, FRAME BORDER = " 0 " >
>
"
اسم الملف " =
< FRAME SRC
>
" اسم الملف " =
FRAME SRC
<
< /FRAMESET > .
أما الخصائص الثلاث الأخرى والتي لا تعمل :
BORDER
:
تحدد سمك الحدود الظاهرة حول الإطارات وهي تأخذ قيماً بالبيكسل
( BORDER = "n">
وهي تعمل فقط مع
Netscape .
BORDER COLOR
: وهذا البارامتر يستخدم
لإضافة لون الحدود , وتعمل مع
Netscape أيضاً .
( BORDER = " RRGGBB " )
FRAMESPACING
:
يستخدم لتحديد مسافات فارغة اٍضافية حول الإطارات وتأخذ قيماً بالبيكسل
( FRAME SPACING = " n " )
وهي تعمل مع
MS Explorer .
www.tartoos.com
|
