منتديات طلاب جدارا
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا في منتديات طلاب جدارا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي


منتديات طلاب جدارا
 
الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
سيتم بعون الله الانتقال الى رابط شركة ماي جوو العالمية مؤقتا الى حين تجهيز دومين جديد للموقع الكامل الرابط الجديد http://jadara.ahlamontada.com
نتمنى من جميع الأعضاء الوقوف الى جانب ادارة المنتدى للوصول إلى موافقة رسمية من ادارة الجامعة تؤكد أهمية هذا المنتدى
3-10-2010 بداية السحب والاضافة للفصل الجديد
تثبيت الطعامنة في منصب رئيس الجامعة

شاطر | 
 

 الدرس الخامس "" تقسيم الصفحات ""

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mahmoud_Alzoubi
عضو فريق عمل جدارا
مشرف قسم التكنلوجيا
مصمم مواقع
عضو فريق عمل جدارا  مشرف قسم التكنلوجيا  مصمم مواقع
avatar

الاردن Jordan
ذكر
206
21/06/2009
28
الموقع : www.cs-jadara.weebly.com

مُساهمةموضوع: الدرس الخامس "" تقسيم الصفحات ""   الثلاثاء سبتمبر 15, 2009 11:06 pm

ربما لاحظت أن هناك مواقع تقسم الصفحة إلى إطارات تماماً كتقسيم هذه الصفحة. حيث يمكنك وضع الإعلانات في جهة وقائمة بالأبواب التي تتخللها الصفحة بجهة. وأطار العرض في جهة . إلخ.. ولكن ما فائدة هذه التقاسيم؟وكيف تقسم صفحتك بالطريقة التي تريدها؟
أهم فائدة لتلك التقاسيم أنك تستطيع التجول في الموقع بسرعة. ولست بحاجة للرجوع للخلف. كما أنك لست بحاجة لوضع الإعلانات مرة أخرة. وكما أن للتقسيم جوانبه الإيجابية فله جوانبه السلبية. وهي أن المستعرض سينزل أكثر من صفحة في بداية الأمر بدلاً من صفحة واحدة. مما يجعل المستعرض بطيئاً نسبياً في البداية. بالإضافة إلى أن صفحة العرض ستصبح أصغر.
وسم تقسيم الصفحةهو <FRAMESET>. ووسم التحكم في الإطار هو <FRAME>.ويمكنك تقسيم الصفحة تقسيم عمودي أو أفقي أو كلاهما.
لنفترض أنك تريد تقسيم الصفحة إلى ثلاثة أقسام، قسم الإعلان وقسم للقائمة الرئيسية وقسم للعرض،قسم الإعلان سيأخذ 50 بكسلاً وقسم القائمة الرئيسية سيأخذ 150 بكسلاً كالشكل التالي :-

عند النظر في الشكل أعلاه، ستلاحظ أن التقسيم الأفقي هو أول تقسيم. وبعد ذلك سيأتي التقسيم العمودي. حسناً.. لنفكر قليلاً.. تريد التقسيم الأفقي يقسم الصفحة إلى شطرين، وبما أن الإعلان سيأخذ 50 بكسل. إذاً ستكتب هذا السطر

<FRAMESETROWS="50,*">
ومعنى هذا أن التقسيم سيكون أفقي ROWS. القسم العلوي سيأخذ 50 بكسل الباقي "*" سيأخذه القسم السفلي.
- حسناً. هل أبدأ بالتقسيم العمودي؟

كلا... إذ أن التقسيم العمودي يأتي في القسم السفلي من التقسيم الأفقي. في هذه اللحظة يجب أن تعرف المستعرض ماذا سيكون في القسم العلوي من التقسيم الأفقي. وبعد ذلك تقسم الصفحة عمودي. وبما أن القسم العلوي سيأخذ الإعلان وهو الملف ad.html ستكتب السطر التالي:-

<FRAMESRC="ad.html">
نأتي الآن إلى تقسيم القسم السفلي من التقسيم الأفقي. وسيكون بالتأكيد عمودي، القسم الأيسر للعرض والقسم الأيمن للقائمة الرئيسية والتي ستأخذ 150 بكسل، وبدلاً من ROWS استخدم COLS اختصار Columns أي أعمدة أكتب التالي:-

<FRAMESETCOLS="*,150">
- حسناً هل هذا كل شيء؟
كلا .. بقي آخر خطوة من التقسيم. وهي أن القسم الأيسر سيكون للعرض main.html والقسم الأيمن سيكون للقائمة الرئيسية menu.html. وذلك بكتابة التالي.

<FRAMESRC="main.html">
<
FRAMESRC="menu.html">
- بعض المتصفحات لا تقبل تقسيم الصفحة. فما العمل؟
يمكنك استخدام الوسم <NOFRAME> وما بعد ذلك سيتعرف عليه المستعرض.
مثلاً. أكتب الآتي.

<NOFRAME>
المتصفح لديك لا يقبل تقسيم الصفحات.
NOFRAME>
ها قد انتهينا من التقسيم و"ألم الرأس" ويمكنك كتابة الصفحات ad.html و main.html و menu.html على مزاجك.



<HTML>
<
HEAD>
<
TITLE>تقسيم الصفحةTITLE>
HEAD>
<
FRAMESET ROWS="50,*">
<FRAME SRC="ad.html">
<FRAMESET COLS="*,150">
<FRAME SRC="main.html">
<
FRAME SRC="menu.html">
FRAMESET>
FRAMESET>
<
NOFRAME>
المتصفح لديك لا يقبل تقسيم الصفحات.
NOFRAME>
HTML>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.cs-jadara.weebly.com
 
الدرس الخامس "" تقسيم الصفحات ""
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» أسئلة مراجعة في درس "التعرف علي نظرة الإسلام إلي الإنسان والكون والحياة" التربية الإسلامية
» (التهاون)الاحمق يستهين بتاديب ابيه"(أمثال5:15)
» لاعبٌ جزائري: إسبانيا عرضت "ترتيب نتيجة" مباراتنا في مونديال 1986
» طلب امتحانات أصول تربية "خاصة الدور الأول هذا العام"
» الرئيس " الودني

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات طلاب جدارا :: المنديات التعليمية :: منتدى طلاب (( علم الحاسوب ))-
انتقل الى: