نود لفت انتباه قرائنا الاعزاء الى ان هذه الحلقة هي الثانية عشرة كما نعتذر للدكتور عثمان السلوم عن الخطأ غير المقصود حين تم نشر الحلقة الحادية عشرة على انها العاشرة ولاهمية ذلك جرى التنويه مع اعتذارنا للجميع عن هذا الخطأ غير المقصود وسنواصل تقديم الحلقات القادمة تباعاً ان شاء الله.
في الحلقات السابقة تحدثنا عن الرموز الأساسية لتصميم الصفحات العربية وكيفية إضافة الفقرات والعناوين الرئيسية و القوائم النقطية والرقمية وكذلك الرموز المنطقية والشكلية و إضافة الوصلات و إضافة الألوان للخلفية وللنصوص و إضافة الصور كخلفيات للصفحة و إضافة الصور للصفحة وكيفية نسخ الخلفيات والصور من الانترنت والتحكم في حجم الصور وتنسيقها في الصفحة و تنسيق النص مع الصورة و إضافة الجداول وتنسيقها وفي هذه الحلقة سنتحدث عن تصميم البراويز تصميم البراويز Frames والرموز التي سنستخدمها هنا كما في الجدول الأول.
البراويز frames هي فكرة جديدة في برمجة html أنشأتها نت سكيب وقد لاتستطيع بعض المتصفحات الأخرى فتحها وخاصة إذا كانت تلك المتصفحات قديمة وتسمح لك لرؤية أكثر من نافذة windows في صفحة واحدة تسمى هذه النوافذ براويز .frames ولتصميم برواز او اكثر من نافذة في الصفحة الواحدة فاننا نستخدم مجموعة من الرموز هذه الرموز هي كالتالي:
أولا :الرمز الخاص بمحتوى البراويز من البداية إلى النهاية وهو:
الرمز الثاني : لتحديد المساحة الخاصة بكل نافذة أو برواز وهو: ويقسم الصفحة الأساسية إلى صفحتين أو صفين الصفحة الأولى أو العلوية مساحتها تساوي الرقم a بالمائة من الشاشة والصفحة الثانية أو السفلية تساوي b بالمائة من الشاشة .فمثلاً لو كتبنا الرمز السابق كالتالي : فان المتصفح سيقوم بقسمة مساحة الشاشة إلى قسمين : الأول مساحة الصفحة العلوية أو الأولى وهي عبارة عن 80% من مساحة الشاشة بينما الصفحة الثانية تساوي 20% من مساحة الشاشة.وكذلك من الممكن استخدام النجمة * مكان أي من الرقمين ليفهم المتصفح أن هذا الرقم هو الرقم المكمل للمائة فمثلا في الرمز التالي: وسيقوم المتصفح تلقائياً بتقسيم الصفحة إلى 40% 60% .وكذلك بالإمكان تقسيم الصفحة إلى عمودين بدلا من صفين وذلك باستبدال الكلمة صفوف rows إلى cols وهي اختصار أعمدة columns في الرمز السابق حيث يكون الرمز كالآتي:
والرمز الثالث هو كالتالي:< frame src = "أو اسم الملفurl "name = "اسم البرواز "> وهذا الرمز ينقسم إلى جزأين: الجزء الأول يعطي اسما للصفحة الموجودة في هذا البرواز والجزء الثاني>"url"< src= يعطي العنوان الذي توجد فيه هذه الصفحة في الإنترنت أو اسم ملف معين.
الرمز الرابع: ويحوي الجزء الخاص بالمتصفحات التي لا يوجد عندها إمكانية لرؤية البراويز وتظهر المحتويات المكتوبة بين هذين الرمزين للأشخاص الذين يتصفحون هذه الصفحة بمتصفحات قديمة .فمثلا عند كتابة الرمز التالي في داخل صفحة البراويز:< No frames> فإن المتصفح الذي تستخدمه لا يستطيع فتح البراويز. والرجاء تحديث متصفحك أو تغيره بمتصفح احدث يستطيع فتح البراويز.< /No frames> فإن ذلك سيؤدي إلى ظهور النص"إن المتصفح الذي تستخدمه لا يستطيع فتح البراويز الرجاء تحديث متصفحك أو تغيره بمتصفح احدث يستطيع فتح البراويز ."لجميع الأشخاص الذين يتصفحون هذه الصفحة بمتصفحات قديمة. ولرؤية هذه الصفحة الأساسية والتي تحتوي على براويز فانه يجب أن يكون هناك 3 صفحات موجودة أو بمعنى آخر ثلاث ملفات. الملف الأول وهو الملف الذي يحوي الجزء الخاص بتقسيم الصفحة البراويز وهو الذي يحتوي على الرموز الأربعة السابقة. والآن اكتب الرموز التالية في الدفتر: صفحة ؟؟؟؟< No frames>< P> إن المتصفح
الذي تستخدمه لا يستطيع فتح البراويز الرجاء تحديث متصفحك أو تغيره بمتصفح يستطيع فتحها,< /P>< /no frames>< /frameset> وبالإضافة إلى الرموز السابقة فانه بالإمكان إضافة الرمز scrolling أيضا وذلك لإمكانية استخدام الفارة في النزول أو الصعود أتوماتيكيا Automatic لرؤية جميع محتويات الصفحة خاصة إذا كانت محتويات الصفحة كثيرة ولا يمكن ان تراها في شاشة واحدة كالتالي:
قم بتخزين الملف الأول والذي يحتوي الرموز الأربعة السابقة مثلاً باسم index.html الملف الثاني: يجب ان يكون وكما هو واضح من الرمز= src هو left.htm وذلك للبرواز الأيسر والمسمى body والملف الثاني يجب ان يكون قد حفظ بالاسم right.html وذلك ليكون في مكان البرواز الأيمن والمسمى ب side وهكذا. وهذان الملفان يمكن ان يكونا صفحتين عاديتين كالصفحات التي صممناها من قبل في الأجزاء السابقة. ملحوظة: يمكنك بدلا من وضع left.html و right.html أن تضع عنواناً url إلى أي صفحة على الإنترنت. فمثلاً يمكنك أن تضع البرواز الأيسر عبارة عن صفحة معينة كالآتي:
والآن افتح ملف جديد بالمفكرة واكتب فيه الأتي:
الصفحة اليمنى< /titles>هذه هي الصفحة اليمنى أو البرواز الأيمن< body>< html> وقم بحفظه باسم right.html . ثم افتح ملفا آخر جديدا بالمفكرة واكتب فيه الآتي:الصفحة اليسرى< /title> هذه هي الصفحة اليسرى أو< /title>< /frameset> البرواز الأيسر ثم احفظه باسمleft.html . وقد اصبح عندك ثلاث ملفات جديدة: الأول باسم index.html وهو الملف الذي كتبت فيه رموز البراويز والثاني باسم right.html ليكون في البرواز الأيمن والثالث باسم left.html ليكون في البرواز الأيسر. وبعد الانتهاء من حفظ هذه الملفات الثلاث افتح الإنترنت اكسبلورر ثم افتح الملف index.html و ستجد ان الملف عبارة عن عمودين (بروازين) وفي البرواز الأيمن والذي مساحته تقريبا 20% من الشاشة ظهرت محتويات الملف right.html وفي العمود الأيسر ظهرت محتويات الملف left.html كما في الصورة الأولى.
والى لقاء في الحلقات القادمة إن شاء الله البريد الإلكتروني alsallom*ksu.edu.sa