وصف الموضوع

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

الأوسمة :
html| أوسمة| درس
في التصنيفات :تصميم و تطوير المواقع

إذا أردت أن تضع وصلة للموضوع في موقعك أو في منتدى يمكنك استخدام الوصلة التالية .

الشفرة :
<a href="http://qatardr.net/class/3" rel="bookmark" > كيف تضيف الإطارات إلى صفحتك</a>

اضغطCtrl-C أو Apple-C  للنسخ

الوصلة ستظهر كالتالي :
كيف تضيف الإطارات إلى صفحتك

هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]

الفكرة باختصار تتلخص في 3 خطوات ..

• انشأ صفحة الأطرات .. مثلا اسمها index.htm .
• في هذا الملف حدد شكل و حجم و لو ن الإطارات
• انشأ الصفحات التي تريد ان تضعها داخل هذه الإطارات.

لنفرض انك تريد ان تقسم الصفحة بهذه الطريقة:

• و تريد للقائمة ان تظهر في الجزء 2 .. انشأ ملفا جديدا و ضع فيه قائمتك واسمه مثلا Qaima.htm
• و في ملف واحد صفحة الترحيب انشأ ملف آخر و اسمه مثلا marhaba.htm
• اما الملف الثالث فسيكون الملف الذي يحتوي على كود الإطار..

لنتعرف على الكود لصناعة التقسيم ذي القسمين كما في الإعلى..

<FRAMESET cols="*,140">
<FRAME src="marhaba.htm" NAME="Frame1">
<FRAME src="Qaima.htm" NAME="Frame2">
</FRAMESET>

لاحظ السطر رقم 1..هنا نحدد تقسيم الأطار.. COLs يعني عمود ROWs تعني صف. بعد كلمة COLS سترى رقم 100 و من ثم فاصلة و نجمة .. هذا يعني 2 اي عمودان ..الأول حجمه 100 بيكسيل و الآخرحجمه متغيير يعتمد على الصفحة..

في السطر .. الثاني ..ضع كل البيانات بالإطار الأول اسم الصفحة الذي ستظهر فيه .و اسم الإطار قم انت بتسميته حسب الإسم الذي تريده.هنا اخترنا اسم Frame1 السطر الثالث نحدد الصفحة التي ستظهر في الإطار الثاني و من ثم نسمية هنا سميناه Frame2.. الإسم مهم حدا لأنك من خلال سترتب الوصلات

السطر الرابع نهاية الكود او اغلاقه.

الآن لديك فكرة مبسطة عن طريقة عمل الكود.. إليك الأمثلة التي يمكنك تعديلها هنا:

<FRAMESET cols="*,140">
<FRAME src="page1.htm" NAME="Frame1">
<FRAME src="page2.htm" NAME="Frame2">
</FRAMESET>

<FRAMESET cols="100,*">
<FRAME src="page1.htm" NAME="Frame1">

<FRAME src="page2.htm" NAME="Frame2">
</FRAMESET>

<FRAMESET rows="100,*">
<FRAME src="page1.htm" NAME="Frame1">
<FRAME src="page2.htm" NAME="Frame2">
</FRAMESET>

<FRAMESET rows="*,60">
<FRAME src="page1.htm" NAME="Frame1">
<FRAME src="page2.htm" NAME="Frame2">
</FRAMESET>

<FRAMESET rows="*,60">
<FRAME src="page1.htm" NAME="Frame1">

<FRAMESET cols="50%,50%">
<FRAME src="page2.htm" NAME="Frame2">
<FRAME src="page3.htm" NAME="Frame3">
</FRAMESET></FRAMESET>

<FRAMESET cols="*,50%">
<FRAME src="page1.htm" NAME="Frame1">
<FRAMESET rows="15%,15%,70%">
<FRAME src="page2.htm" NAME="Frame2">

<FRAME src="page3.htm" NAME="Frame3">
<FRAME src="page4.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

<FRAMESET cols="50%,50%">
<FRAMESET rows="50%,50%">
<FRAME src="page1.htm" NAME="Frame1">
<FRAME src="page2.htm" NAME="Frame2">
</FRAMESET>
<FRAMESET rows="50%,50%">
<FRAME src="page3.htm" NAME="Frame3">
<FRAME src="page4.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

<FRAMESET rows="15%,70%,15%">
<FRAME src="page1.htm" NAME="Frame1">
<FRAMESET cols="15%,70%,15%">
<FRAME src="page2.htm" NAME="Frame2">
<FRAME src="page3.htm" NAME="Frame3">
<FRAME src="page4.htm" NAME="Frame4">
</FRAMESET>
<FRAME src="page5.htm" NAME="BIG">>
</FRAMESET></FRAMESET>

إضافة الوصلات التشعيبية :

1-لو كنت تستخدم برنامج front page كما في جميع امثلتنا.

قلنا ان لدينا صفحة اسمها قائمةفي رقم 2و اسميناها qaima.htm …و بها قائمتنا و نريد للمستخدم ان يضغط على الوصلة في الصفحة 2 فتفتح الصفحة في 1..

في خصائص الوصلة ضع اسم الإطار الذي تريد للوصلة ان تظهر تفتح فيه.. مثلا هنا اسم الإطار frame2…في Target Frame ضع العلامة _ متبوعة باسم الإطار هنا مثلا frame2

2-لو كنت لا تستخدم فرونت بيج .. فضع في الوصلة التالية..

<a href="page.htm" target="framename" >اضغط هنا </a>

حيث framename هو اسم الإطار .

• اضيف  في 2 نوفمبر 2000
• الزوار : [ 15,178 قارئ ]
• هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]