المدرب المحترف

السلام عليكم زائرنا الكريم،،،
تشرفنا بزيارتك لنا ونتمنى انضمامكم واذا غادرت المنتدى، تأكد اننا سفتقدك كثيراً
مدير المنتدى
المدرب المحترف

انضم إلى المنتدى ، فالأمر سريع وسهل

المدرب المحترف

السلام عليكم زائرنا الكريم،،،
تشرفنا بزيارتك لنا ونتمنى انضمامكم واذا غادرت المنتدى، تأكد اننا سفتقدك كثيراً
مدير المنتدى
المدرب المحترف

المدرب المحترف

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

تدريب وتطوير، كمبيوتر، لغات برمجة، دورات صيانة، ميكروسوفت اوفيس، icdl، فوتوشوب، ديزاين، تصميم، لوجو، تعليم، دورات اونلاين، دورات فيديو

تنبيه: المنتدى في مرحلة الاعداد والتطوير وننتظر مشاركة الزوار والاصدقاء بالمواضيع المفيدة من جميع انحاء الدول العربية
يمكن للاعضاء فقط نشر اعلاناتكم مجاناً بدون اي رسوم، مراسلة الادارة وكتابة نص الاعلان
ارسل نص الاعلان مع اضافة بيانات التواصل الخاص بك، على ايميل مدير المنتدى او ارسلها كرساله شخصية للمدير معنونة ب" اعلان" وبعد مراجعتها يتم النشر فورا

المواضيع الأخيرة

» الدرس التاسع: الصور
الدرس السابع: الخصائص Emptyالأحد أكتوبر 16, 2011 2:52 pm من طرف Admin

» الدرس الثامن: الروابط
الدرس السابع: الخصائص Emptyالأحد أكتوبر 16, 2011 2:30 pm من طرف Admin

» الدرس السابع: الخصائص
الدرس السابع: الخصائص Emptyالأحد أكتوبر 16, 2011 2:28 pm من طرف Admin

» الدرس السادس: المزيد من العناصر
الدرس السابع: الخصائص Emptyالأحد أكتوبر 16, 2011 2:25 pm من طرف Admin

» الدرس الخامس: جرب بنفسك
الدرس السابع: الخصائص Emptyالسبت أكتوبر 15, 2011 10:03 pm من طرف Admin

» الدرس الرابع: إنشاء موقعك
الدرس السابع: الخصائص Emptyالسبت أكتوبر 15, 2011 9:31 pm من طرف Admin

» مجموعة من سكريبتات للمواقع والمدونات والمنتديات
الدرس السابع: الخصائص Emptyالسبت أكتوبر 15, 2011 6:24 pm من طرف Admin

» الدرس الثالث: العناصر والوسوم
الدرس السابع: الخصائص Emptyالسبت أكتوبر 15, 2011 6:15 pm من طرف Admin

» ما هى HTML؟
الدرس السابع: الخصائص Emptyالسبت أكتوبر 15, 2011 6:10 pm من طرف Admin


    الدرس السابع: الخصائص

    avatar
    Admin
    Admin


    عدد المساهمات : 18
    تاريخ التسجيل : 22/04/2010

    الدرس السابع: الخصائص Empty الدرس السابع: الخصائص

    مُساهمة من طرف Admin الأحد أكتوبر 16, 2011 2:28 pm

    ما هي الخاصية؟

    أنت تتذكر أن العناصر تعطي هيكلية لصفحة HTML وتخبر المتصفح كيف تريد لموقعك أن يظهر، كمثال <br /> تخبر المتصفح أن يقوم بنقل ما بعدها من نص إلى سطر جديد، في بعض العناصر يمكنك أن تضيف المزيد من المعلومات، هذه المعلومات تسمى خصائص.

    مثال 1:


    <h2 style="background-color:#ff0000;">My friendship with HTML</h2>


    الخصائص تكتب دائماً بنفس الطريقة، فهي تبدأ باسم الخاصية ثم يتبعها علامة يساوي "=" ثم قيمة الخاصية، الفاصلة المنقوطة في المثال تستخدم فقط في خاصية "style" ووظيفتها الفصل بين أوامر مختلفة، سنتحدث عن ذلك في وقت لاحق.

    هناك خصائص كثيرة ومختلفة، سنتعلم أولاً واحدة منها وهي style، والتي يمكن استخدامها لإضافة تصميم لموقعك. فمثلاً يمكن إضافة لون خلفي للصفحة:

    مثال 2:


    <html>

    <head>
    </head>

    <body style="background-color:#ff0000;">
    </body>

    </html>


    هذه الخاصية ستجعل لون الصفحة أحمرا، انظر بنفسك، سنشرح أكثر عن الألوان في وقت لاحق.

    لاحظ أن كتابة الوسوم والخصائص يجب أن تكون بالتهجأة الأمريكية، (مثال: color بدلاً من colour)، من المهم أن تكون منتبهاً عند كتابتك للأوامر وتستخدم نفس التهجأة التي تراها في الأمثلة وإلا فلن يعرض المتصفح صفحاتك بطريقة صحيحة.

    كيف أصبحت الصفحة حمراء؟

    في المثال أعلاه وضعنا قيمة "#ff0000" للون خلفية الصفحة، هذا الرقم يشير إلى اللون الأحمر، وهو يعتمد نظام عد سداسي عشر، ويسمى بالإنجليزية HEX، كل لون له رقم خاص وهذه بعض الأمثلة:

    أبيض: #ffffff
    أسود: #000000
    أحمر: #ff0000
    أزرق: #0000ff
    أخضر: #00ff00
    أصفر: #ffff00

    نظام أرقام الألوان يأتي بشكل واحد، فهو يبدأ بعلامة # ثم ستة أرقام أو أحرف، هناك أكثر من ألف رقم للألوان وليس من السهل تذكر إلى أي لون يشير أي رقم، ولكي نبسط الأمر عليك، قمنا بعمل ملف يحوي 216 لون وهي من أكثر الألوان استعمالاً: 216 لون.

    بإمكانك أيضاً استخدام أسماء الألوان باللغة الإنجليزية للألوان المعروفة مثل الأبيض والأسود والأحمر والأزرق والأصفر.

    مثال 3:


    <body style="background-color: red;">


    نكتفي بهذا القدر حول الألوان لنعد إلى الخصائص.

    أي العناصر تستطيع استخدام الخصائص؟

    مجموعة مختلفة من الخصائص يمكن استخدامها لمعظم العناصر.

    الخصائص تستخدم غالباً في الوسوم مثل body لكن ليس في وسوم أخرى مثل br، لأن وضع النص في سطر جديد لا يتطلب خصائص إضافية.

    وكما هناك الكثير من العناصر فهناك أيضاً الكثير من الخصائص، بعض الخصائص صممت لتستخدم لعنصر محدد وبعضها الآخر يمكن استخدامها لعناصر مختلفة، وبعض العناصر يمكنه أن يحوي خصائص كثيرة بينما بعضها الآخر لا يمكنه سوى أن يحوي خاصية واحدة.

    قد يبدو الأمر مثيراً للحيرة الآن، لكن ما أن تعتاد على التعامل مع الخصائص المختلفة لتجد أنها منطقية وسترى كم هي سهلة عند استخدامها.

    هذا الدرس سيعرض عليك أهم الخصائص.

    ما هي مكونات العناصر؟

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

      الوقت/التاريخ الآن هو الجمعة مارس 29, 2024 11:50 am