لو تريد تبنى موقعك ببرنامج الدريم ويفر بطريقة سهلة وموفرة للوقت والجهد... ادخل هنا

من طرف مصباح الإثنين 11 يناير - 11:11

تفضلوا معى لنتعرف سوياً

التعامل مع الإطارات Frames
حتى تستطيع انشاء صفحات الويب بسرعة وسهولة يمكنك استخدام الإطارات كطريقة لتقسيم نافذة المستعرض إلى عدة مناطق، وتستخدم كل منطقة منهم فى عرض صفحة ويب مختلفة ، بعض مصممى صفحات الويب يميلوا إلى استخدام الإطارات بينما يميل البعض الأخر إلى عدم استخدامها لأن الإصدارات القديمة من مستعرضى الويب لا تدعم ذلك ، لذلك كان على مطورى صفحات الويب إلحاق الجزء noframesبفئة الإطارات داخل صفحة الويب الخاصة بها أثناء التطوير وذلك من أجل الزائرين الذين يقوموا باستخدام الإصدارات القديمة من مستعرض الويب غير المدعمة لا ستخدام الإطارات.

Frameset : هى عبارة عن إناء حاوى تم تقسيمه إلى عدة اجزاء Frames ويتم ملأ كل جزء (إطار) بصفحة ويب مختلفة.

ما هو الإطار وما هى فئة الإطارات؟

- الإطارFrame: هو جزء من نافذة مستعرض الويب يمكن فيه استعراض صفحات الويب بشكل مستقل عن ما يتم عرضه فى الجزء الباقى من نافذة المستعرض.

- فئة الإطارات Frameset: هى ملف مكتوب بلغة الإتش تى إم إل نقوم فيه بتعريف الشكل التخطيطى لمجموعة الإطارات المستخدمة وكذلك خصائصا (مثل عددها وحجمها وموضعها ومحددى مواقع المعلومات URLs الخاصة بالصفحات التى سيتم بشكل مبدئى عرضها داخل كل إطار).

ملحوظة:

الـFrameset لا يحتوى على أى محتوى ليتم عرضه داخل المستعرض أى انك فى حالة انشاء صفحة ويب وقمت بحفظها على انها Frameset ثم قمت بفتح صفحة الاستعراض الخاصة بها لم تجد فيها أى شئ فيجب ان تفتح صفحات الاستعراض التى تم حفظها على انها frame.

فوائد استخدام الإطارات:

- اًصبح مستعرض الويب ليس فى حاجة لإعادة تحميل عناصر التنقل Navigation Elementsلكل صفحة ويب، مما يوفر فى الوقت والجهد.

- أصبح لكل إطار شريط التمرير الخاص به، فإذا زاد محتوى إطار عن حجم نافذة المستعرض تستطيع استخدام أشرطة التمرير الخاصة به فقط لا ستعراض الجزء المتبقى من المحتوى وبشكل مستقل عن باقى الإطارات.

عيوب استخدام الإطارات:

- اختبار صحة روابط الانتقال بين الإطارات يأخذ وقت طويل أثناء عملية التطوير.

- ليست كل الإصدارات من مستعرض الويب تدعم استخدام الإطارات.

- الصعوبة التى يواجهها المستخدم User فى تخزين صفحات الويب التى تم إنشائها باستخدام الإطارات.

كيفية انشاء إطارات :

1- عند فتح برنامج الدريم ويفر تظهر لك شاشة بها عدة اختيارات أو اختر Fileànew

اختار منها Frames كما هو موضح بالشكل التالى

2- اختر Frameset من الفئة Category ثم اختر شكل فئة الإطارات الذى تريده من مربع فئات الإطارات الجاهزة Frameset

كما هو موضح بالشكل التالى:

3- اضغط Create

يظهر الشكل التالى داخل نافذة المستند

4- اجعل حدود الاطارات مرئية Frame Borders داخل واجهة التصميم وذلك كما هو موضح فى الشكل التالى:

كيفية اختيار الإطارات وفئات الإطارات

وذلك باستخدام Frame Panel أو Document Window

فعندما تقوم باختيار إطار من واجهة التطبيق الخاصة بنافذة المستند Document Window يتم تحديد هذا الإطار بخط نقطى وتظهر خصائص داخل لوحة الخصائص .

- لاختيار إطار من داخل نافذة المستند من واجهة التصميم انقر بالماوس داخل الإطار مع الضغط على مفتاح Alt من لوحة المفاتيح.

- لاختيار فئة إطارات من اداخل نافذة المستند من واجهة التصميم اضغط أحد حدود الإطارات الداخلية الخاصة بفئة الإطارات.

ملحوظة:

لإجراء ذلك يلزم أن تظهر حدود الإطارات لتصبح مرئية وذلك باختيار الأمر Viewà Visual

AideàFrame Borders بحيث أن تظهر بجواره العلامة √ كدليل على اختياره.

كما هو موضح بالشكل التالى.

لتقسيم الإطار

- اختر من قائمة الأمر ModifyàFrameset تظهر قائمة أوامر فرعية .

- اختر منها الشكل الذى تريده على سبيل المثال اختر Split Frame Left يتم انشاطار نافذة المستند إلى شكل الإطارات الذى قمت باختياره

فتح صفحة ويب داخل إطار

1- من واجهة التصميم انقر بالماوس داخل الإطار.

2- اختر الأمر Fileà Open in Frame يظهر مربع الحوار Select HTML File

3- اختر صفحة الويب التى تريد ادراجها داخل الإطار

4- اضغط ok

5- احفظ ملف فئة الإطارات Frameset Page كى تظهر صفحة الويب التى قمت باختيارها كصفحة ويب افتراضية والتى سيتم عرضها فى الإطار عند استعراض صفحة فئة الإطارات بواسطة مستعرض الويب.

لحفظ ملف فئة الإطارات:

1- اختر فئة الإطار من لوحة الإطارات كما اوضحنا سابقاً

2- اختر الأمر Save Frameset من القائمة File

ملحوظة:

يمكنك حفظ ملف الإطارات وكل ملفات صفحات الإطارات فى خطوة واحدة باختيار Save all من File

الروابط التشعبية والإطارات Frames& Links

يمكنك استخدام الخاصية Target الخاصة برمز الرابطة لتصف الإطار أو نافذة المستعرض التى سيتم فتح صفحة الويب الجديدة داخلها

مثال

إذا كان شريط النقل Navigation bar الخاص بك موجود داخل الإطار اليسارى وتحتاج إظهار صفحات الويب داخل الإطار الرئيسى الموجود يميناً فإنه يلزم عليك إعطاء اسم الإطار الرئيسى الموجود يميناً كقيمة للخاصية Target فى كل رابطة تشعبية داخل شريط التنقل.

ولاستهداف إطار اتبع الخطوات التالية:

1- من واجهة التصميم اختر النص (او العنصر) المستخدم كرابطة تشعبية.

2- اختر صفحة الويب التى سيتم فتحها عند النقر على الرابطة التشعبية من الخانة Link الموجودة بلوحة الخصائص .

3- من القائمة المنبثقة Target اختر اسم الإطار أو النافذة التى سيتم فتح صفحة الويب بها كما فى الشكل:

ملحوظة عندما تقوم بتسمية الاطارات فسيتم ظهور أسمائهم فى قائمة الخانة Target اختر اسم الإطار المستهدف الذى تريد فتح صفحة الويب الجديدة داخله.