آخـــر الــمــواضــيــع

النتائج 1 إلى 10 من 10

الموضـوع: 💻 تـعلــم لـغــــه الـويـب الـ Html واســـاسيــتهـا الـدرس الـثانــي الالــــوان💻

  1. #1
    smile الصورة الرمزيـة ❥✾مهـ⚘ـره المشـℳـاعــ❀ـر❥
    تاريـخ التسجيـل
    Aug 2017
    الـدولـــة
    السعـــــوديـــــة
    المشاركـات
    1,640
    شكـراًجـزيـلاً
    1,031
    تمـ شكـره 600 مـرَّة فـي 455 مشاركـة
    معـدل تقييمـ المستوى
    9

    💻 تـعلــم لـغــــه الـويـب الـ Html واســـاسيــتهـا الـدرس الـثانــي الالــــوان💻



    الدرس الثاني


    الألوان

    اهلا وسهلا بكم الي الدرس الثاني من تعلم لغهHtml.
    سوف نقوم في هذا الدرس بالتعرف عن الخصائص التي يتم اضافتها الي الوسم <BODY>
    من أجل التحكم بالشكل العالم للصفحه وخاصه فيما يتعلق بالألوان
    طبعا انتو لازلتو تتذكرون الصحفه التي قمنا بكتابتها
    في الدرس الأول
    سوف نقوم باستخدام صفحتنا هذة لتوضيح امثله هذا الدرس ايضا
    لم اقوم بتكرار وسم البدايه طالماان علمنا يتركز في جزء المخصص لمحتويات الصحفه نفسها اي انه يضم الوسمين
    <BODY> <BODY/>

    لنبدء في العمل🌷


    نطلق كلمة خاصیة
    (Attribute )
    على التعابیر التي تضاف إلى الوسوم، من أجل تحديد الكيفيه او الشكل الذي يعمل بها هذه الوسوم ، وبعباره اخري انه الوسم يقوم باخبار المتصفح عن العمل الذى يحب القيام به
    اما الخاصيه فتحدد الكيفيه التي ستيم بها هذا العمل

    مثال:_



    الناتج:_



    لقد قمنا باضافه الخاصية BGCOIOR
    الي الوسم (BODY)
    وهي تقوم بتحدد لون الخلفيه للصفحه
    اما OOFFOO
    فانها القيمه التي تمثل اللون المختار
    وهذا هو اللون الاخضر كما تلاحظون اعزائي
    (لاحظ انها مكتوبة بين شارتي " " )

    فمن جاءت هذة القيم وكيف??

    القليل عن الالوان
    _____________

    تلاحظ من القيم السابقه مكونه من ست رموز، وهي مكتوب ة بالصيغه الاتية
    ______________
    FF
    OO
    GG
    |
    يمثلان اللون
    الاخضر

    ______________
    FF
    OO
    RR
    |
    يمثلان اللون الاحمر
    ______________
    FF
    OO
    BB
    |
    يمثلان اللون الازرق
    ______________

    وهناك ثلات الوان اساسيه وهما
    الاخضر والاحمر والازرق ولكن يوجد منها 265
    درجه لونية تعبر عن هذة الدرجات اللونية
    ويعبر هذة الدرجات بالارقام من000حتي 255
    ومن خلال مزج هذة الدرجات بدرجاتها اللونية
    المختلفه ونحصل علي الاوان الاخري
    فمثلا اللون الاسود مكون من الدرجه 000 من كل الالوان الاخضر والازرق والاحمر مكون من درجه 255
    من هذة الالوان
    اما اللون الاصفر مكون من درجه 255
    اللون الاحمر ودرجه 255
    اللون الاخضر
    ودرجه 000اللون الازرق
    وهكذا بنفس الطريقه يتم عمل باقي الالوان

    وبعملیة حسابیة بسیطة 256×256×256
    ینتج لدینا أن عدد الالوان التي يمكن الحصول علي بمزج الالوان هم ثلاثه هما التي تم زكرهم سابقا
    16777216بالضبط
    حسنا من اين جاءت رموزFFF FFF
    التي تعبر عن اللون الابيض بها
    انها بكل بساطه ارقام بنظام السادس عشر وهو نظام عددي اساسه العدد 16
    ويعبر عنه باستخدام الارقام العادية من 0 الي 9
    والرموز A,B,C,D,E,F,).
    فالرقم 255 بالنظام العشري العادي يكافئه FF
    بالنظام العشري السادس
    اذن فالرقم السادس عشرFFعلي اليسار يمثل
    255للون الاحمر
    والرقم FFفي الوسط يمثل 255 للون الاخضر
    والرقمFFفي اليمن يمثل 255 للون الازرق
    وعلي هذا المنوال يعبر عن اللون الازرق الفاتح
    بالرقم السادس عشر CC6699
    اما اللون الاسود فرقمه هو000000
    وهذا جدول عن بعض الالوان ورموزها
    والتكافئه بنظام السادس عشر


    وھذا جدول ببعض الألوان ورموزھا المكافئة بالنظام السداس عشري.
    بالنظام العشري العادي یكافئھ الرقم FF بالنظام السداس عشري.
    وھذا جدول ببعض الألوان ورموزھا المكافئة بالنظام السداس عشري.
    بالنظام العشري العادي یكافئھ الرقم FF بالنظام السداس عشري.





    ملاحظه مهمه:_
    ~~~~~~~~
    بعض المتصفحات لا تتعرف علي الالوان
    ال بوضع شاره #
    قبل الرموز لذلكمن الافضل استخدامها دائما
    وبالنسبه لبعض الالوان الاساسيه والدراجه
    ومن الممكن استخدام اسماء هذة الالوان
    بدلا من الارقام السداس العشرية
    وهذا الجدول يوضح الالوان ومسمياتها


    ونعود الي الوسوم وخصائصها

    تقوم الخاصيه BACKGROUND
    بتحديد صوره كخلفيه
    (ورق جدران)
    للصفحه وقد استخدمه الصوره التاليه


    والمسماهMORCO.JPF
    في صفحتي كانت النتجه هكذا


    نلاحظ بان المتصفح قام بتكرار عرض الصوره بطريقه التجانب وانها اصبحت تغطي كل الشاشه
    بحيث انهاحجبت اللون الابيض الذي قمنا بتحديده
    كصوره خلفيه من خلال BACKCOLOR
    والحقيقه انه يظهر اللون الابيض عندما نقوم بعدم اظهار الصوره كخلفيه
    ومع ذلك يفضل تحديد احطياطآ خاصه بان بعض المتصفحات القديمه توصف بانها متصفحات نصيه
    TEXT_BASD BROESERS
    اي انهم ليس بامكانهم عرض الصور
    او ان هناك بعض المستخدمين قامو بالغاء خيار
    عرض الصور تلقائيامن متصفحاتهم
    اذن لنعطوهم علي الاقل فرصه لمشاهده بعض
    الالوان اذا لم يستطيعو مشاهده الصور
    يمكننا استخدام الصور باحجام
    مختلفه طويلا او عرضيا كخلفيه للصفحه
    والمتصفح هو الذى يقوم تلقائيا بعرضها
    في وضع التجانب ممايعطي بانهاصورة
    كبيرة الحجم
    ولنكمل باقي الخصائص في الوسم <BODY>
    فربما لو لحظتو من استخدامكم للانترنت
    ان معظم الوصلات التشعبيه(LINKS)
    تنقلك الي متصفحات والي مواقع اخري فهي دائما مميزة باللون الازرق وان الوصلات التي قمت بزيارتها فعلا
    تتحول الي اللون القرمزي
    هذة هي الالوان التي تفضرتها المتصفحات
    ومع ذلك لم يعجبك لون او شكل هذا وتريد تغيره
    بوضع لون غامق او صورة مما سيؤدي من اختفاء ذلك الوصلات او اختفاء نص الصفحه نفسها
    فما العمل??
    اليك هذة الخصائص التي تتحكم في تغير لون النصوص


    والان دعونا نحمل الخصائص السابقه في عباره واحده
    بالالوان بنفس تلكالالوان التي تمثلها

    ملاحظه:_
    ليس بالاهميه كتابه تلك الخصائص
    داخل العباره


    مثال:_



    النتائج:_




    حاولو ان تحللوها!
    هل استنتجت انني قدحددت الصورة DINARO.JPF
    كخلفيه للصفحه؟
    وانني اخترت اللون البرتقالي للخلفيه
    في عدم عرض الصوره السابقه كخلفيه؟
    وان النص سيظهر باللون الاخضر؟
    وما الوصلات التشعبيه باللون الازرق
    والوصلات التي تم زيارتهاستظهر باللون الاحمر
    اما تلك الوصله الفعاله فستظهر باللون الرمادي
    في لحظه النقر عليها بالفأره
    اذا كانت هذة استنتاجاتگم
    فمبروك لقد نجحت وكلما اتمناه ان تكونو قد قظيتو

    موقتا ملونا وزاهيا مع هذا الدرس 😂🌹
    ـحيــــاتـي الـكـــم
    إلــي الـقـــاء فـي
    درس مـقبـــــل
    عــن الـخـطــوط
    [/QUOTE

    أحدث المواضيع لهذا القسم:



    ||تـذكـيـر||

    ايه العضو || الزائر الكريم || المرجو ذكر مصدر الموضوع عند نقله من منتدانا وشكرا




    · · • • • ✤ • • • · ·

    _ آلَلَهّمً لَآ آلَهّ إلَآآنِتٌ سِبًحًآنِکْ
    آنِيَ کْنِتٌ مًنِ آلَظُآلَمًيَنِ

    _آلَلَهّمً يَآ مًقُلَبً آلَقُلَوٌبً ثًبًتٌ
    قُلَوٌبًنِآ عٌلَيَ دٍيَنِکْ







    ❄🎅τђ૯ ખѳ૨ℓ∂ ¡n yѳષ૨ ૯y૯ઽ

  2. 3 عضو قام بشكر العضو ❥✾مهـ⚘ـره المشـℳـاعــ❀ـر❥ على المشاركة المفيدة:

     (06-07-2019), (06-06-2019), (06-06-2019)

  3. #2
    smile الصورة الرمزيـة تــذكــار
    تاريـخ التسجيـل
    Jun 2019
    الـدولـــة
    سورية الحرة ♥
    المشاركـات
    77
    شكـراًجـزيـلاً
    28
    تمـ شكـره 23 مـرَّة فـي 16 مشاركـة
    معـدل تقييمـ المستوى
    1

    جهد يذكر فيشكر احسنتي دكتورة يعطيك العافية بالحقيقة معلومات ثمينة جدا نتعلنها من انسانة مثلك ذات باع طويل في هذ المجال اراه مكسب لنا لان الامور ذي في ناس تدرسها دراسة وتدفع عليها فلوس
    .
    كل المودة والتقدير والاحترام لك دكتورة

    التعديل الأخير تم بواسطة تــذكــار ; 06-06-2019 الساعة 05:30 AM

  4. الأعضـا۽ الَّـذيـنَ قامـوا بشكـرِ العضـو تــذكــار علـى المشاركـةالمفيـدة:

     (06-09-2019)

  5. #3
    smile الصورة الرمزيـة ❥✾مهـ⚘ـره المشـℳـاعــ❀ـر❥
    تاريـخ التسجيـل
    Aug 2017
    الـدولـــة
    السعـــــوديـــــة
    المشاركـات
    1,640
    شكـراًجـزيـلاً
    1,031
    تمـ شكـره 600 مـرَّة فـي 455 مشاركـة
    معـدل تقييمـ المستوى
    9

    يسلمو تذكاز كلك ذوق غلا اسعدني تواجدك
    العطر والراقي نورت موضوعي المتواضع امام طلتگ الراقيه🌷🌷



    · · • • • ✤ • • • · ·

    _ آلَلَهّمً لَآ آلَهّ إلَآآنِتٌ سِبًحًآنِکْ
    آنِيَ کْنِتٌ مًنِ آلَظُآلَمًيَنِ

    _آلَلَهّمً يَآ مًقُلَبً آلَقُلَوٌبً ثًبًتٌ
    قُلَوٌبًنِآ عٌلَيَ دٍيَنِکْ







    ❄🎅τђ૯ ખѳ૨ℓ∂ ¡n yѳષ૨ ૯y૯ઽ

  6. الأعضـا۽ الَّـذيـنَ قامـوا بشكـرِ العضـو ❥✾مهـ⚘ـره المشـℳـاعــ❀ـر❥ علـى المشاركـةالمفيـدة:

     (06-06-2019)

  7. #4
    مصممـة استايـلات منتديــات smile الصورة الرمزيـة 💻المـبرمجـة اشـراقـۂ💻
    تاريـخ التسجيـل
    Oct 2016
    الـدولـــة
    ♥العـراق الحبـيب♥
    ♡العُمــر♡
    28
    المشاركـات
    44
    شكـراًجـزيـلاً
    83
    تمـ شكـره 46 مـرَّة فـي 26 مشاركـة
    معـدل تقييمـ المستوى
    0

    مشكوره حبيبتي♡ معلومات استفدت منها

    ربي يعطيكي العافيه

    اللهم صل على سيدنا محمد وعلى آله الاطهار♥

  8. الأعضـا۽ الَّـذيـنَ قامـوا بشكـرِ العضـو 💻المـبرمجـة اشـراقـۂ💻 علـى المشاركـةالمفيـدة:

     (06-09-2019)

  9. #5
    smile الصورة الرمزيـة ❥✾مهـ⚘ـره المشـℳـاعــ❀ـر❥
    تاريـخ التسجيـل
    Aug 2017
    الـدولـــة
    السعـــــوديـــــة
    المشاركـات
    1,640
    شكـراًجـزيـلاً
    1,031
    تمـ شكـره 600 مـرَّة فـي 455 مشاركـة
    معـدل تقييمـ المستوى
    9

    اقتباس المشاركة الأصلية كتبت بواسطة 💻المـبرمجـة اشـراقـۂ💻 مشاهدة المشاركة
    مشكوره حبيبتي♡ معلومات استفدت منها

    ربي يعطيكي العافيه
    تسلمين غلاتي ربي يسعدك.اسعدني تواجدك🌷



    · · • • • ✤ • • • · ·

    _ آلَلَهّمً لَآ آلَهّ إلَآآنِتٌ سِبًحًآنِکْ
    آنِيَ کْنِتٌ مًنِ آلَظُآلَمًيَنِ

    _آلَلَهّمً يَآ مًقُلَبً آلَقُلَوٌبً ثًبًتٌ
    قُلَوٌبًنِآ عٌلَيَ دٍيَنِکْ







    ❄🎅τђ૯ ખѳ૨ℓ∂ ¡n yѳષ૨ ૯y૯ઽ

  10. #6
    smile الصورة الرمزيـة ̨ا̍ڵــژڀــنۨ
    تاريـخ التسجيـل
    Feb 2019
    المشاركـات
    2,810
    شكـراًجـزيـلاً
    0
    تمـ شكـره 839 مـرَّة فـي 664 مشاركـة
    معـدل تقييمـ المستوى
    11

    يَـ ؏ـ\'ــطْيّگ آلعّ\'ــافُيــہْ


  11. #7
    smile الصورة الرمزيـة ❍المـهـ♧ـندس✧محـ✾ـمد❍
    تاريـخ التسجيـل
    Dec 2016
    الـدولـــة
    مصر مدينه القاهره
    المشاركـات
    1,313
    شكـراًجـزيـلاً
    192
    تمـ شكـره 314 مـرَّة فـي 265 مشاركـة
    معـدل تقييمـ المستوى
    7

    احسنتي مهره





    آرقَى آنَواع آلانَاقہ هِي آن تَكُون نَظيِف آلقَلب نَاصِع آلفِكر .. طَيبُ آلاخَلاق .. جَميِل آلمَشآعرتَسعِدُ آلنَّاس و تَمضِي بِكُل حُبّ... . .

  12. #8
    smile smile الصورة الرمزيـة נલ᎗❥᎗ɹํĨ
    تاريـخ التسجيـل
    Jun 2019
    الـدولـــة
    🇰🇼الكويت الحبيبه🇰🇼
    المشاركـات
    11,016
    شكـراًجـزيـلاً
    10
    تمـ شكـره 608 مـرَّة فـي 560 مشاركـة
    معـدل تقييمـ المستوى
    18

    ♕ ۑـ؏ــطيـ✒ـڪ ٲلــ⓪⓪⓪①ـﮩـف ♕ ؏ــ↯ــافـﮩـيـﮩــه♕



    .
    هناك من يتذمر لأن للورد شوكاً، وهناك من يتفاءل لأن فوق الشوك وردة.
    ❤❤❤❤❤❤❤


    التفاؤل يمنحك هدوء الاعصاب في أحرج الأوقات. إذا شعرت بالتشائم، تأمل الوردة
    ❤❤❤❤❤❤❤



  13. #9
    smile smile الصورة الرمزيـة ♧فــ🐆ـهــ🐆ــد♧
    تاريـخ التسجيـل
    May 2017
    المشاركـات
    5,717
    شكـراًجـزيـلاً
    1
    تمـ شكـره 674 مـرَّة فـي 549 مشاركـة
    معـدل تقييمـ المستوى
    14

    بارك الله فيكِى

    وجزاكِى الله خير الجزاء
    دمتِى برضى الله وحفظه ورعايته







    الناس كالاعراب بعضهم يستحق الرفع .وبعضهم يسشتحق النصب..وبعضهم يستحقالكسر.وبعضهم الجر.
    ومعظمهم ليس له محل من الاعراب

  14. #10
    smile smile الصورة الرمزيـة حآُلَيــھ؛
    تاريـخ التسجيـل
    Oct 2016
    الـدولـــة
    شّعَـب متُعصِـي عـنيّد🇾🇪
    المشاركـات
    6,256
    شكـراًجـزيـلاً
    44
    تمـ شكـره 794 مـرَّة فـي 661 مشاركـة
    معـدل تقييمـ المستوى
    16

    احسنتــي النشــر يعطيــج العافيــه .. 🌹

    خلقــت اخطــئ واتعلــم ، ان كنــت تبحــث عــن مــلاك ؟ تجاهلنــي 😌



    وعنــد كرامتــي ؟ سلامــاً عليــك وكأنــك لــم تخــلق ..


معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

ضوابط المشاركـة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

لوحة الشـرف

القسم المتميز العضو المتميز المشرف المتميز الموضوع المتميز
القسمـ الثقافي الصــابــره ..حــاليــه النشــــمـي ✵נرנشـــــة✵ ٲبـــــريـــل✵شـــــات✵