DanGer Boy
29-09-2007, 12:31 AM
نبدأ الدرس الثانى وشغلنا على الوسم <Body>
طبعا انتم فاكرين الدرس الاول
البعض يقول ان انا اضحك عليكم اهذه صفحه نت؟؟
فين الالوان والصور والحبتشكانات؟؟
اقول ان احنا فى البدايه ومازال امامن ما يقارب من 20 درس او اكثر
سوف نستمر باستخدام صفحتنا هذه لتوضيح أمثلة هذا الدرس أيضاً، لكن لن أقوم بتكرار كتابة وسوم البداية طالما أن عملنا يتركز في الجزء المخصص لمحتويات الصفحة نفسها أي ضمن الوسمين <BODY> ... </BODY>.
بسم الله!
نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
تأمل الشيفرة التالية:
<BODY BGCOLOR="FFFFFF">
...
</BODY>
لقد قمت بإضافة الخاصية BGCOLOR إلى الوسم <BODY> ، وهي تقوم بتحديد لون الخلفية للصفحة. أما FFFFFF فهي القيمة التي تمثل اللون المختار وهو هنا اللون الأبيض، (لاحظ أنها مكتوبه بين إشارتي " " ) ولو أردت تمثيل اللون الأسود لكتبت الرمز 000000. أو الرمز 6699CC للون الأزرق الفاتح......
فمن أين جاءت هذه القيم، وكيف؟... تابع القراءة وسوف تعرف
معلومات عن الالوان كى لا يكون لكم حجه
تلاحظ أن القيم السابقة مكونة من ستة رموز، وهي مكتوبة بالصيغة التالية:-
http://www.is-sw.net/vb/imgcache/686.imgcache.jpg
هناك ثلاثة ألوان أساسية هي الأحمر والأخضر والأزرق، ولكل منها يوجد 256 درجة لونية ويعبر عن هذه الدرجات بالأرقام من 000 وحتى 255. ومن خلال مزج هذه الألوان بدرجاتها اللونية المختلفة نحصل على الألوان الأخرى.
* إن أي لون هو مزيج -وبنسبة معينة من الدرجات- من هذه الألوان الثلاثة *
فمثلا اللون الأسود مكون من الدرجة 000 من كل من اللون الأحمر والأخضر والأزرق. واللون الأبيض مكون من الدرجة 255 من هذه الألوان. أما اللون الأصفر فهو مكون من الدرجة 255 للون الأحمر، والدرجة 255 للون الأخضر، والدرجة 000 من اللون الأزرق ياريت نفهم
وبعملية حسابية بسيطة 256×256×256 ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط.
هههههههههههههه اكيد هذا شكلكم الان
حسنا، لكن من أي جاءت الرموز FFFFFF والتي عبرت عن اللون الأبيض بها. إنها ببساطة أرقام… مكتوبة بالنظام السداس عشري (نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F ). فالرقم 255 بالنظام العشري العادي يكافئه الرقم FF بالنظام السداس عشري.
إذن فالرقم السداس عشري FF على اليسار يمثل الدرجة 255 للون الأحمر. والرقم FF في الوسط يمثل الدرجة 255 من اللون الأخضر. والرقم FF على اليمين يمثل الدرجة 255 من اللون الأزرق.
وعلى هذا المنوال يعبر عن اللون الأزرق الفاتح بالرقم السداس عشري: 6699CC أما اللون الأسود فرقمه هو 000000.
وهذا جدول ببعض الألوان ورموزها المكافئة بالنظام السداس عشري.
دققوا فيه وانسخوه على الجهاز
ABCDEF FFFF00 FEDCBA 336699 773466 112233 FF1122 666666 0033FF 663333 AABBAA 00FF00 800800 FF6600 008008 993366 020769 123456 111111 654321
ملاحظة مهمة:
بعض المتصفحات لا تتعرف على رموز الألوان إلا بوضع إشارة # قبل هذه الرموز، لذلك من الأفضل استخدامها دائماً.
وبعض الالوان نكتب الاسم مباشره
حتى انظروا
Black White Red Green Marron Purple Navy Blue Teal Lime Gray Silver Olive Aqua Fuchsia Yellow
طيب نرجع للوسوم
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.jpg">
...
</BODY>
تقوم الخاصية BACKGROUND بتحديد صورة كخلفية (ورق جدران) للصفحة وقد استخدمت الصورة التالية:
http://www.is-sw.net/vb/imgcache/687.imgcache.jpg
والمسماة image.jpg في صفحتي وكانت هذه النتيجة
http://www.is-sw.net/vb/imgcache/688.imgcache.jpg
تلاحظ أن المتصفح قد قام بتكرار عرض الصورة بطريقة التجانب
وأنها أصبحت تغطي كل الشاشة. بحيث حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية (من خلال الخاصية BGCOLOR)
والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية>>>> مهمه
. ومع ذلك يفضل تحديده إحتياطاً لماذا؟؟
لان بعض المتصفحات القديمه نصيهText-Based Browsers
يعنى ايه؟؟
(أي ليس بإمكانها عرض الصور)
وممكن مستخدمين لغوا خيارات عرض الصور من المتصفحات طيب نعطيهم خيارات الالوان على الاقل
إننا نستطيع استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة، والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة. وإليك بعض الأمثلة:
أنقر على الصورة لكي تشاهدها كخلفية للصفحة.
http://www.is-sw.net/vb/imgcache/689.imgcache.jpg
http://www.is-sw.net/vb/imgcache/690.imgcache.jpg
http://www.is-sw.net/vb/imgcache/691.imgcache.jpg
http://www.is-sw.net/vb/imgcache/692.imgcache.jpg
ولنكمل مع باقي الخصائص في وسم <BODY>: ربما لاحظت خلال استخدامك للإنترنت أن معظم الوصلات التشعبية (Links) التي تنقر عليها لتنقلك إلى صفحات أو مواقع أخرى على الشبكة هي دائماً مميزة باللون الأزرق، وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي. حسناً، ياليل الالوان
هذه هي الألوان الإفتراضية التي تعتمدها المتصفحات. لكن قد لا يعجبك ذلك وتريد تغيير هذا النظام.
لانكم لا يعجبكم عجب
أو ببساطة ربما تريد استخدام لون أو صورة غامقة لخلفية الصفحة بما سيؤدي إلى اختفاء هذه الوصلات أو حتى اختفاء نص الصفحة نفسها . فما العمل؟
العمل هنا
TEXT="#rrggbb" تحديد لون النص الأساسي للصفحة LINK="#rrggbb" تحديد لون الوصلات التشعبية VLINK="#rrggbb" تحديد لون الوصلات التشعبية التي تمت زيارتها visited links ALINK="#rrggbb" تحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها active links
والآن، دعنا نجمل الخصائص السابقة في عبارة واحدة. وسوف أكتب الرموز الخاصة بالألوان بنفس
تلك الألوان التي تمثلها. وألفت نظرك إلى أنه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة.
<BODY BACKGROUND="backimag.jpg"
BGCOLOR="#ffff00"
TEXT="#000066"
LINK="#00ff00"
VLINK="#ff0000"
ALINK="#999999">
حاول أن تحللها! هل استنتجت أنني قد حددت الصورة backimag.jpg كخلفية للصفحة؟
اذن انت ممتاز
وأنني اخترت اللون الأصفر للخلفية (في حالة عدم عرض الصورة السابقة كخلفية)؟
انت روعه
وان النص سيظهر باللون الأزرق الغامق؟
انت معجزه
أما الوصلات التشعبية فلونها أخضر،
انت ذكى
والوصلات التي تمت زيارتها ستظهر باللون الأحمر.
انت لماح
أما تلك الوصلة الفعالة فستظهر باللون الرمادي في لحظة النقر عليها بالفأرة.
انت خلصت الدرس
دعاؤكم لى ولوالدى
قاعد فاتح صفحات نت واحيانا بحث والبنج والياهو و......
و
واكن هكذا هى الشبكه العنكبوتيه
و
والسلام عليكم ورحمه الله وبركاته
:1 (5):
طبعا انتم فاكرين الدرس الاول
البعض يقول ان انا اضحك عليكم اهذه صفحه نت؟؟
فين الالوان والصور والحبتشكانات؟؟
اقول ان احنا فى البدايه ومازال امامن ما يقارب من 20 درس او اكثر
سوف نستمر باستخدام صفحتنا هذه لتوضيح أمثلة هذا الدرس أيضاً، لكن لن أقوم بتكرار كتابة وسوم البداية طالما أن عملنا يتركز في الجزء المخصص لمحتويات الصفحة نفسها أي ضمن الوسمين <BODY> ... </BODY>.
بسم الله!
نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
تأمل الشيفرة التالية:
<BODY BGCOLOR="FFFFFF">
...
</BODY>
لقد قمت بإضافة الخاصية BGCOLOR إلى الوسم <BODY> ، وهي تقوم بتحديد لون الخلفية للصفحة. أما FFFFFF فهي القيمة التي تمثل اللون المختار وهو هنا اللون الأبيض، (لاحظ أنها مكتوبه بين إشارتي " " ) ولو أردت تمثيل اللون الأسود لكتبت الرمز 000000. أو الرمز 6699CC للون الأزرق الفاتح......
فمن أين جاءت هذه القيم، وكيف؟... تابع القراءة وسوف تعرف
معلومات عن الالوان كى لا يكون لكم حجه
تلاحظ أن القيم السابقة مكونة من ستة رموز، وهي مكتوبة بالصيغة التالية:-
http://www.is-sw.net/vb/imgcache/686.imgcache.jpg
هناك ثلاثة ألوان أساسية هي الأحمر والأخضر والأزرق، ولكل منها يوجد 256 درجة لونية ويعبر عن هذه الدرجات بالأرقام من 000 وحتى 255. ومن خلال مزج هذه الألوان بدرجاتها اللونية المختلفة نحصل على الألوان الأخرى.
* إن أي لون هو مزيج -وبنسبة معينة من الدرجات- من هذه الألوان الثلاثة *
فمثلا اللون الأسود مكون من الدرجة 000 من كل من اللون الأحمر والأخضر والأزرق. واللون الأبيض مكون من الدرجة 255 من هذه الألوان. أما اللون الأصفر فهو مكون من الدرجة 255 للون الأحمر، والدرجة 255 للون الأخضر، والدرجة 000 من اللون الأزرق ياريت نفهم
وبعملية حسابية بسيطة 256×256×256 ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط.
هههههههههههههه اكيد هذا شكلكم الان
حسنا، لكن من أي جاءت الرموز FFFFFF والتي عبرت عن اللون الأبيض بها. إنها ببساطة أرقام… مكتوبة بالنظام السداس عشري (نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F ). فالرقم 255 بالنظام العشري العادي يكافئه الرقم FF بالنظام السداس عشري.
إذن فالرقم السداس عشري FF على اليسار يمثل الدرجة 255 للون الأحمر. والرقم FF في الوسط يمثل الدرجة 255 من اللون الأخضر. والرقم FF على اليمين يمثل الدرجة 255 من اللون الأزرق.
وعلى هذا المنوال يعبر عن اللون الأزرق الفاتح بالرقم السداس عشري: 6699CC أما اللون الأسود فرقمه هو 000000.
وهذا جدول ببعض الألوان ورموزها المكافئة بالنظام السداس عشري.
دققوا فيه وانسخوه على الجهاز
ABCDEF FFFF00 FEDCBA 336699 773466 112233 FF1122 666666 0033FF 663333 AABBAA 00FF00 800800 FF6600 008008 993366 020769 123456 111111 654321
ملاحظة مهمة:
بعض المتصفحات لا تتعرف على رموز الألوان إلا بوضع إشارة # قبل هذه الرموز، لذلك من الأفضل استخدامها دائماً.
وبعض الالوان نكتب الاسم مباشره
حتى انظروا
Black White Red Green Marron Purple Navy Blue Teal Lime Gray Silver Olive Aqua Fuchsia Yellow
طيب نرجع للوسوم
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.jpg">
...
</BODY>
تقوم الخاصية BACKGROUND بتحديد صورة كخلفية (ورق جدران) للصفحة وقد استخدمت الصورة التالية:
http://www.is-sw.net/vb/imgcache/687.imgcache.jpg
والمسماة image.jpg في صفحتي وكانت هذه النتيجة
http://www.is-sw.net/vb/imgcache/688.imgcache.jpg
تلاحظ أن المتصفح قد قام بتكرار عرض الصورة بطريقة التجانب
وأنها أصبحت تغطي كل الشاشة. بحيث حجبت أيضاً اللون الأبيض الذي حددناه كلون الخلفية (من خلال الخاصية BGCOLOR)
والحقيقة أن اللون يظهر فقط عندما لا نقوم باستخدام صورة ما كخلفية>>>> مهمه
. ومع ذلك يفضل تحديده إحتياطاً لماذا؟؟
لان بعض المتصفحات القديمه نصيهText-Based Browsers
يعنى ايه؟؟
(أي ليس بإمكانها عرض الصور)
وممكن مستخدمين لغوا خيارات عرض الصور من المتصفحات طيب نعطيهم خيارات الالوان على الاقل
إننا نستطيع استخدام الصور بأحجام مختلفة طولياً أو عرضياً كخلفيات للصفحة، والمتصفح نفسه هو الذي يقوم تلقائياً بعرضها في وضع التجانب مما يعطي الانطباع بأنها صورة كبيرة. وإليك بعض الأمثلة:
أنقر على الصورة لكي تشاهدها كخلفية للصفحة.
http://www.is-sw.net/vb/imgcache/689.imgcache.jpg
http://www.is-sw.net/vb/imgcache/690.imgcache.jpg
http://www.is-sw.net/vb/imgcache/691.imgcache.jpg
http://www.is-sw.net/vb/imgcache/692.imgcache.jpg
ولنكمل مع باقي الخصائص في وسم <BODY>: ربما لاحظت خلال استخدامك للإنترنت أن معظم الوصلات التشعبية (Links) التي تنقر عليها لتنقلك إلى صفحات أو مواقع أخرى على الشبكة هي دائماً مميزة باللون الأزرق، وأن الوصلات التي قمت بزيارتها فعلاً قد تحول لونها إلى القرمزي. حسناً، ياليل الالوان
هذه هي الألوان الإفتراضية التي تعتمدها المتصفحات. لكن قد لا يعجبك ذلك وتريد تغيير هذا النظام.
لانكم لا يعجبكم عجب
أو ببساطة ربما تريد استخدام لون أو صورة غامقة لخلفية الصفحة بما سيؤدي إلى اختفاء هذه الوصلات أو حتى اختفاء نص الصفحة نفسها . فما العمل؟
العمل هنا
TEXT="#rrggbb" تحديد لون النص الأساسي للصفحة LINK="#rrggbb" تحديد لون الوصلات التشعبية VLINK="#rrggbb" تحديد لون الوصلات التشعبية التي تمت زيارتها visited links ALINK="#rrggbb" تحديد لون الوصلة التشعبية الفعالة أي عندما يتم النقر عليها active links
والآن، دعنا نجمل الخصائص السابقة في عبارة واحدة. وسوف أكتب الرموز الخاصة بالألوان بنفس
تلك الألوان التي تمثلها. وألفت نظرك إلى أنه لا أهمية للترتيب في كتابة هذه الخصائص داخل العبارة.
<BODY BACKGROUND="backimag.jpg"
BGCOLOR="#ffff00"
TEXT="#000066"
LINK="#00ff00"
VLINK="#ff0000"
ALINK="#999999">
حاول أن تحللها! هل استنتجت أنني قد حددت الصورة backimag.jpg كخلفية للصفحة؟
اذن انت ممتاز
وأنني اخترت اللون الأصفر للخلفية (في حالة عدم عرض الصورة السابقة كخلفية)؟
انت روعه
وان النص سيظهر باللون الأزرق الغامق؟
انت معجزه
أما الوصلات التشعبية فلونها أخضر،
انت ذكى
والوصلات التي تمت زيارتها ستظهر باللون الأحمر.
انت لماح
أما تلك الوصلة الفعالة فستظهر باللون الرمادي في لحظة النقر عليها بالفأرة.
انت خلصت الدرس
دعاؤكم لى ولوالدى
قاعد فاتح صفحات نت واحيانا بحث والبنج والياهو و......
و
واكن هكذا هى الشبكه العنكبوتيه
و
والسلام عليكم ورحمه الله وبركاته
:1 (5):