الصورة ذات البيكسل الواحد

في البدايه نسألك سؤال هل تري هذا الخط الأزرق بأعلي أنه يبدوا كا مسطرة أفقيه أو وسم <HR> أليس كذلك ؟ طبعا لا فهذا الخط يسمي الصورة ذات البيكسل الوحيد و قبل أن نتعرف علي معني هذا الكلام نريد أن نعرفك بوسم <HR>

<HR> المسطرة الأفقيه

هذا الوسم إنه يسمى بلغة HTML بالمسطرة الأفقية Horizontal Rule وتستطيع إدراجه لتقسيم صفحتك بكتابة الوسم <HR> فقط لا غير. أكتب:

<HR>

فيطهر لك هذا الخط

لكن هذا ليس كل شيء. لأنك تستطيع تحديد سُمك هذا الخط إذا أضفت له الخاصية SIZE وأتبعتها برقم يمثل هذا السُمك مثلاً و إليك الأمثله وخلفها النتائج:

‎<HR SIZE="5">‎

‎<HR SIZE="1">‎

‎<HR SIZE="10">‎

كذلك يمكنك تحديد عرض الخط باستخدام الخاصية WIDTH والتي من الممكن أن تأخذ قيمة مطلقة (بالبيكسل) أو نسبية

‎<HR WIDTH="80%">‎

‎<HR WIDTH="400">‎

‎<HR SIZE="5" WIDTH="60%">‎

ومن الخصائص الأخرى لهذا الخط خاصية المحاذاه ALIGN والتي تأخذ القيم center, left, right

‎<HR WIDTH="80%" ALIGN="center">‎

‎<HR WIDTH="400" ALIGN="left">‎

‎<HR SIZE="5" WIDTH="60%" ALIGN="right">‎

وكما تلاحظ فإن هذا الخط يكتسب مظهراً غائراً ثلاثي الأبعاد وإذا أردت خطاً عادياً غير غائر فقم بإضافة الخاصية NOSHADE (أي بدون ظل)

<HR SIZE="5" WIDTH="60%" ALIGN="center" NOSHADE>

أما إذا كان لون هذا الخط لا يعجبك، فما من مشكلة إذ أنك تستطيع اختيار اللون الذي يعحبك من خلال الخاصية COLOR (تعمل فقط مع MS Explorer)

<HR SIZE="5" WIDTH="60%" ALIGN="center" COLOR="#006699" NOSHADE>

و الآن نرجع إلي موضعنا الصورة ذات البيكسل الواحد Single Pixel Image

لقد سألتك عن الخط الأزرق الموجود في أول الصفحة في الحقيقه هذا ليس خطا أو الوسم <HR> أنه الصورة من بيكسل واحد !!!! لكن كيف أستطيع أن أصنع مثل هذه الصورة في هذه الحاله يلزمك برنامج رسومات كا » Paint Shop Pro كل ما عليك فعله هو أن تنشأ صورة جديد بعرض وأرتفاع 1 بيكسل بأي لون للخلفيه تفضله و عند الأنتهاء من الصورة ضعها في صفحتك بنفس وسم الصورة عندها ستظهر لك كهذه   لكن يجب أن تقوم ببعض التغييرات في خواص الإرتفاع و العرض  و عندها تستطيع أن تستخدم الصورة كا خط يفصل صفحاتك أيضا كالآتي

كلامن الصورتين السابقتين صورة واحده فقط قمنا بالتغيير في العرض والإرتفاع وإليك الوسم الخاص بالخط العريض

<IMG SRC="HR.gif" WIDTH="350" HEIGHT="10" ALT="---">

لماذا؟

أعرف أنك تتسائل الآن لماذا أقوم بإستعمل الصورة ولدي <HR> ؟ بالفعل سؤال جيد لكن دعنا نتأمل قليلا أن الصورة ذات البيكسل الواحد تكون مساحتها تقريبا بالبيت أي لا يتعدي 1 KB كيلوبايت فمثلا الصورة التي بأعلي مساحتها 0.043 KB في تكون أسرع بكثير في تحميل الصفحة لدي الزائر و لكن بفرض أذا قلنا أن <HR> يعمل أيضا في الصفحة سريعا فنقول أن الـ <HR> لا يعمل مع Netscape و سيعود إلي اللون الرمادي الأساسي فلهذا لكي تقوم بإنشاء خط ملون من المستحسن إستعمال الصورة ذات البيكسل الواحد

الصورة الخفيه ؟!!

لأنشاء صورة شفافه أمر سهل و يكون جيد في تصميم صفحاتك حيث أنك تستطيع أن تنشأ مثل هذه الصورة بحيث أن تكون صورة ذات بيكسل واحد ، و تستخدم لوضع فرغات في الصفحة دون أن تضر بالشكل العام

فرضا إذا أردنا إنشاء مساحة فارغه علي إحدي جانبي الصفحة ذات عرض 200 وإرتفاع 100 إنظر إلي الجهة اليمني من الصفحة ستري ما أقصد و لهذا لا يوجد مشكلة من إستخدام صورة شفافه ذات  بيكسل واحد ( كما يمكن أن تجعل جزء من خلفيتك ذو وصله إلي مكان أخر كما تري إضغط علي الجانب الأيمن لتري بنفسك

من الممكن وضع BORDER للصورة وليكن "2" حتي تستطيع أن تري حدودها و يجب عليك التأكد من أنك قد قمت بحفظ الصورة GIF ( راجع أنواع الصور والملفات )

الدرس التالي»»»

< الصفحة الرئيسيه | المرجع الكامل | الصور >