|
|
 |
| الصفحة الرئيسيه | المرجع الكامل | كتب وبرامج مجانية | المنتدي | مواقع هامه |
|
أساسيات الأطر
في هذا الدرس سوف نقوم بالتعرف على الإطارات Frames وطريقة عرض صفحات الويب باستخدامها فهل تعرف ما هي الإطارات؟ حسنا، سأوضحها لك…
هل سبق لك وأن زرت إحدى الصفحات لتشاهد أنها مقسمة إلى عدة أقسام بحيث يظهر
في كل منها صفحة مستقلة، وتبدو بصورة منفصلة عن الأقسام الأخرى. وربما تكون
قد قمت بالنقر على إحدى الوصلات التشعبية الموجودة في أحد الأقسام لتظهر الصفحة
المتعلقة بها في القسم الآخر. كما شاهدت، فإن الصفحة مكونة من ثلاثة أقسام:
علوي وأيسر وأيمن… والحقيقة أن كل قسم منها هو عبارة عن ملف
Html كامل ومستقل بحد ذاته.
وهي مجرد صفحات عادية لا تختلف أبداً عن تلك التي تعلمت إنشاءها في
الدروس السابقة، ولا علاقة لكل
منها بالصفحات الأخرى من حيث التركيب والتعريف. أي أنني في المثال السابق إحتجت فعلياً إلى أربعة ملفات لتكوين الصفحة. وقبل أن نبدأ… لنقم بالتحضير للأمثلة التي سترد في هذا الدرس. لذلك قم بإنشاء ثلاثة أو أربعة ملفات بسيطة لكي تستخدمها في تطبيق الأمثلة أو استخدم ملفاتك القديمة التي قمت بالتدرب عليها في الدروس السابقة. أنا قمت بإنشاء ملفات على النمط التالي (وهي التي استخدمتها في المثال) وأسميتها Contents.htm , Banner.htm, MasterFrame.htm ونبدأ الآن بتعريف الملف الرئيسي الذي سيضم كافة الإطارات والملفات. وهو بالمناسبة ملف ذو حالة خاصة حيث نقوم باستخدام الوسوم <FRAMESET> ... </FRAMESET> بدلاً من الوسوم <BODY> ... </BODY> إذن الملف الرئيسي للإطارات لا يتضمن تعريفا باستخدام BODY <HTML> نأتي الآن إلى الخصائص: والخاصية الأولى التي تستخدم مع هذه الوسوم هي COLS وهي تعرّف عدد وأحجام الإطارات العمودية للصفحة. وتُحدد الأحجام بطريقتين (هل عرفتهما؟) نعم… إنهما الطريقة المباشرة (بالبيكسل) والطريقة النسبية...أو كلاهما معا. لكن إنتبه! فهذه الشيفرة غير مكتملة وكتابتها بهذا الشكل فقط لن يؤدي إلى أي نتيجة ولا إلى ظهور أي إطارات حيث ينقصها وسوم أخرى خاصة بمصدر الملفات الظاهرة داخل الإطارات والآن إليك هذه الأمثلة التي توضح مفهوم الأعمدة
و إليك هذا المثال علي الإفتراض الأخير أما الخاصية الثانية فهي ROWS وأعتقد أنك استنجت طبيعة عملها. نعم هي تحدد عدد وحجم الإطارات الأفقية (الصفوف) داخل الصفحة. وذلك بنفس الأسلوب المتبع مع الأعمدة، أي إما باستخدام الطريقة النسبية أو المطلقة. (وأذكرك ثانية أن هذه الأوسمه غير مكتملة)
و إليك هذا المثال علي الإفتراض الأخير لم ننته بعد من ذكر كل الخصائص المتعلقة بالوسوم <FRAMESET> فلا زال هناك الكثير. ولكن من الضروري أن نقوم الآن بالإنتقال إلى وسم آخر للإطارات لأنه مرتبط إرتباطاً وثيقاً بالوسوم السابقة وخصائصها المذكورة أعلاه، وهي <FRAME> فما هو عمل هذا الوسم؟ حسنا، كل ما قمنا به حتى الآن هو تعريف مجموعة من الإطارات وخصائصها (فقط تعريف الإطارات) لكن لم نحدد ماهية هذه الإطارات ولا محتوياتها ولا مصادرها. تماما كما نقوم بتعريف صفحات الويب الإعتيادية وخصائصها في الوسم <BODY> دون أن يعني ذلك تحديد محتويات هذه الصفحات. فإذا أردنا فيما بعد إدراج صورة مثلاً نستخدم الوسم الخاص بذلك وهو <IMG SRC="أسم الصورة"> وفي حالة الإطارات فإننا نستخدم الوسم <FRAME> وهو وسم مفرد أي ليس له وسم نهاية تماماً مثل <IMG>. وفيه نقوم بتحديد مصدر وخصائص كل ملف نريد إظهاره داخل أحد الإطارات. ويتم استخدام هذا الوسم مرات بنفس عدد الإطارات المذكورة داخل <FRAMESET>. وسوف أقوم مباشرة باستخدام الخاصية SRC لتحديد مصدر الملف. دعنا نقوم الآن بإتمام الشيفرة لبعض الأمثلة المذكورة أعلاه. ونبدأ بالمثال الأول: <FRAMESET
COLS="50%,50%"> الآن ... والآن فقط أصبح لديك صفحة إطارات محترمة. مثال آخر: <FRAMESET ROWS="50,*,15%,20%"> وبالإضافة إلى ما ذكر، نستطيع إدراج صورة مباشرةً داخل الإطار وباستخدام <FRAME SRC> تماماً كما ندرجها باستخدام <IMG SRC> وإليك هذا المثال: <FRAMESET
COLS="50%,50%"> هل تأكدت من فهمك لهذه النقاط؟ لنتابع إذن ...
لنبدأ صفحة مكونة من صفين، الثاني منهما مقسم
بدوره إلى عمودين <FRAMESET ROWS="100,*"> لكن الصف الثاني مقسم إلى عمودين وهنا يعتبر بمفهوم لغة HTML وكأنه صفحة إطارات جديدة لذلك لا نحتاج لتعريفه كصف وبدلاً من ذلك نعاود استخدام تعريف الصفحات! أي <FRAMESET> مرة أخرى. <FRAMESET ROWS="100,*"> وبما أن الصف الثاني (أو لنقل الإطار الثاني) مقسم إلى عمودين، إذن بقي علينا إضافة تعريف لهذه الأعمدة. وبذلك تكون الشيفرة النهائية كالتالي: <FRAMESET
ROWS="100,*"> لمشاهدة الصفحة أضغط هنا نأتي إلي آخر وسم في هذه الصفحة وهو <NOFRAMES> و هو الوسم الخاص بالمستعرضات التي لا تستخدم الأطر مثل الإصدارات القديمة لـِ Netscape, MS Internet لكنك حتماً تستطيع مشاهدتها وذلك لأن الإصدارات المعربة من هذه المتصفحات هي إصدارات حديثة نسبياً وتدعم الإطارات. فإذا أردت أن تمنح زوار موقعك الذين لا يستخدمون متصفحاً حديثاً فرصة مشاهدة موقعك، فكل ما عليك فعله هو إدراج هذا الوسم في نهاية الملف الرئيسي للإطارات والبدء بكتابة صفحتك كما لو كانت صفحة ويب عادية. <NOFRAMES>
< الصفحة الرئيسيه | المرجع الكامل | فهرس الأطر >
|
|
![Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com]](../images/atomz.gif){kind=small}
