1:28 ص
رامي و قصي
بواسطة الإطارات يُمكنك أن تُظهر أكثر من صفحة واحدة في نفس صفحة الويب الواحدة ..
كل صفحة من هذه الصفحات نُسميها Frame ، وكل Frame مُستقل عن الآخر .
إذن فنحن نقوم بتقسيم الصّفحة الواحدة وعرض أكثر من صفحة أخرى خلالها
لتوضيح الأمور بشكلٍ أكبر دعونا نتعرّض للمثال التّالي
كل صفحة من هذه الصفحات نُسميها Frame ، وكل Frame مُستقل عن الآخر .
إذن فنحن نقوم بتقسيم الصّفحة الواحدة وعرض أكثر من صفحة أخرى خلالها
لتوضيح الأمور بشكلٍ أكبر دعونا نتعرّض للمثال التّالي
- مثال - 1 - : تشكيل الإطارات
بما أننا سنقوم بعرض أكثر من صفحة داخل صفحة واحدة ، إذن سنقوم بعمل اكثر من صفحة ويب
الصّفحة الأولى مثلاً سأضع فيها 3 صور تعبّر عن التكنولوجيا بالشّكل التالي :
والكود لمن رغب بالإطلاع عليه هو كالتّالي :
وقُمت بتخزين هذه الصفحة تحت اسم images.html ( الأسماء ستلزمنا لاحقاً )
الصّفحة الثانية سنعرض من خلالها معلومات عن الإنترنت على سبيل المثال
وقُمت بتخزين هذه الصفحة تحت اسم info.html
الآن ، بحوزتنا صحفتان نرغب في أن نُظهرهما في صفحة واحدة ، على أن تكون الصّور في جهة اليسار
والكلام في جهة اليمين ، إذن فنحن بحاجة إلى صفحة ثالثة لنضع فيها هاتان الصّفحتان
الكود الذي يلزمنا لتشكيل الـ Frames هو كالتّالي :
frameset : هذا الوسم قد يقسم الصفحة إلى إطارين أو أكثر حسبما تقوم بتعريفه [ في المثال أعلاه يقسمها لإطارين ] .
كل إطار يحمل صفحة مُختلفة .
الشيء الوحيد الذي يخدمنا فيه هذا الوسم هو أنّه يحدد كم Frame سيكون في الصّفحة الواحدة .
cols : اختصاراً لكلمة Columns وتعني أعمدة ، وهذه تعني أننا نرغب بتقسيم الصّفحة إلى أعمدة [ عمودياً ]
ويُمكننا استبدالها بكلمة rows وتعني صفوف لتقسيم الصّفحة أفقيّا .
نُسند إلى كلمة cols عرض كل فريم من الفريمات الموجودة في الصّفحة ..
في المثال أعلاه نرغب في أن يكون الفريم الأول عرضه 200 بكسل ، وبقية الصّفحة تبقى للفريم الثاني [ هذا ما تعنيه
إشارة الـ * ] ..
يُمكننا أن نُسند قيماً بطريقةٍ أخرى .. مثلاً :
[ 3 إطارات ، الأول عرضه = 200 بكسل ، الثاني = 400 بكسل والثالث = 100 بكسل ]
[ إطارين ، الأول يحتلّ 25% من حجم الصّفحة والثاني يحتل 75% منها ]
<frame> : يعرّف هذا الوسم فريم واحد فقط ويٌسند له مصدر الصّفحة التي نرغب بعرضها فيه
إذن ، لو أردنا قراءة الكود في الأعلى بطريقةٍ منطقيّة سيكون كالتّالي:
الصّفحة مٌقسّمة إلى إطارين ، الأول عرضه = 200 بكسل والثّاني عرضه يحتل بقيّة الصّفحة
في الإطار الأول سنعرض الصّفحة التي تحمل العنوان التّالي : images.html
وفي الإطار الثاني سنعرض الصّفحة التي تحمل العنوان التّالي: info.html
في الصّفحة الثالثة التي سننشئتها سنضع فيها الكود التّالي:
* لاحظوا أن الكود يتم كتابته في الـ <head> وليس في الـ <body>
والنتيجة :
قمت برفع المِثال لكم لكي تعاينوه بأنفسكم
للتحميل
::
أتمنى لكم تمام الفائدة
بانتظاركم
