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

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

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

وسم تقسيم الصفحةهو <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>

» الدرس الرابع """ الصور """
» الدرس التالت "" الروابط ""
» مقدمة عن لغات برمجة الإنترنت "" خاص بطلاب علم الحاسوب ""
» الطريقة الجوهرية في تسريع جهاز الحاسوب ""4""
» ما الذي حصل بالجامعة "" هل ؟؟ صحيح ""