يعد النص الملون أحد أكثر الطرق جاذبية لتزيين صفحات الويب وإضافة نمط إلى المحتوى الخاص بك. يمكن استخدامه للفت الانتباه إلى كلمات أو عبارات معينة ، أو تسليط الضوء على الأفكار الرئيسية ، أو ببساطة إضافة الحيوية والتنوع إلى العرض التقديمي المرئي. في هذه المقالة ، سوف ننظر إلى لغة ترميز النص التشعبي الشهيرة على مستوى العالم (هتمل) ، والتي يمكنك إنشاء نص ملون على صفحات الويب الخاصة بك.
أتش تي أم أل هو أساس الإنترنت ، فهو يحدد بنية ومحتوى صفحة الويب. لجعل النص ملونا ، تحتاج إلى استخدام علامة الامتداد مع سمة النمط. تسمح لك سمة النمط بتطبيق أنماط مختلفة ، بما في ذلك لون النص ، على العنصر المحدد. باستخدام مزيج من كس (أوراق الأنماط المتتالية) و هتمل ، يمكنك اختيار أي لون يناسب احتياجاتك وتفضيلاتك.
قبل أن نبدأ ، تجدر الإشارة إلى أن ترميز هتمل ثابت ولا يدعم الرسوم المتحركة للنص الملون. إذا كنت ترغب في إنشاء نص متحرك مع تأثيرات ، فستحتاج إلى استخدام لغة برمجة مثل جافا سكريبت أو كس.
- لماذا من المهم أن تكون قادرا على عمل نص بخط ملون
- اختيار لون الخط
- كيفية اختيار اللون الذي يطابق الموضوع الخاص بك
- 1. النظر في نظام الألوان العام
- 2. استخدم ألوانا متباينة
- 3. النظر في الخلفية العاطفية
- 4. إيلاء الاهتمام لألوان الموضوع الخاص بك
- تغيير لون الخط في هتمل
- كيفية استخدام كس لتغيير لون الخط
- استخدام الأنماط المضمنة
لماذا من المهم أن تكون قادرا على عمل نص بخط ملون
يسمح لك استخدام خط متعدد الألوان أيضا بتمييز العبارات أو الفقرات الرئيسية ، للتأكيد على أهمية جوانب معينة. هذا مفيد بشكل خاص عند كتابة المواد التعليمية أو النصوص الإعلانية أو عند إنشاء التصميمات.
بالإضافة إلى ذلك ، يمكن استخدام نص متعدد الألوان لنقل النغمات العاطفية. على سبيل المثال ، يمكن أن يسبب اللون الأحمر الفاتح شعورا بالخوف أو الإثارة ، ويمكن أن تسبب ظلال الباستيل شعورا بالحنان والهدوء.
من المهم ملاحظة أن الاستخدام الصحيح لخط اللون يتطلب الدقة والاعتدال. يجب أن تكون الألوان متناغمة مع بقية عناصر التصميم ولا تسبب صعوبات عند القراءة. أيضا ، لا تسيء استخدام ألوان مختلفة — من الأفضل استخدامها بضبط النفس وبشكل هادف.
يمكن أن يكون إتقان مهارة إنشاء نص بخط ملون مفيدا لإنشاء محتوى مذهل ولتحسين مهارات تصميم الويب.
اختيار لون الخط
عند إنشاء نص ملون في هتمل ، من المهم أن تكون قادرا على اختيار لون الخط الصحيح بحيث يكون النص مرئيا بوضوح ودمجه مع بقية محتوى الصفحة. في هتمل ، يمكنك استخدام طرق مختلفة لتعيين لون الخط.
طريقة واحدة هي استخدام اسم اللون في اللغة الإنجليزية. على سبيل المثال ، لتعيين لون الخط إلى اللون الأحمر ، يمكنك استخدام التعليمات البرمجية التالية:
| كود | النتيجة |
|---|---|
| الخط الأحمر |
يمكنك أيضا استخدام تمثيل سداسي عشري للون. التمثيل الست عشري هو مزيج من 6 أحرف ، حيث يمثل كل حرف كمية الأحمر والأخضر والأزرق (رغب) ، على التوالي. على سبيل المثال ، لتعيين لون الخط إلى اللون الأخضر ، يمكنك استخدام التعليمات البرمجية التالية:
| كود | النتيجة |
|---|---|
| الخط الأخضر |
وبالإضافة إلى ذلك ، يمكنك استخدام الكلمات الرئيسية لتمثيل الألوان في شكل رغب. على سبيل المثال ، لتعيين لون الخط إلى اللون الأزرق ، يمكنك استخدام التعليمات البرمجية التالية:
| كود | النتيجة |
|---|---|
| الخط الأزرق |
يعتمد اختيار لون الخط في هتمل على التفضيلات والمتطلبات لصفحة الويب الخاصة بك. باستخدام طرق مختلفة ، يمكنك تحديد اللون المطلوب وإنشاء نص جميل وقابل للقراءة.
كيفية اختيار اللون الذي يطابق الموضوع الخاص بك
يلعب اختيار لون النص دورا مهما في إنشاء تصميم صفحة ويب فعال وجذاب. يمكن أن يساعد اللون في إبراز المعلومات الأساسية أو خلق حالة مزاجية أو نقل رسالة معينة. وهنا بعض النصائح لمساعدتك في اختيار اللون الذي يطابق الموضوع الخاص بك.
1. النظر في نظام الألوان العام
قبل اختيار لون النص ، تأكد من أنه في وئام مع بقية الألوان على صفحة الويب الخاصة بك. يوصى باختيار لون يمكن قراءته بسهولة على لون خلفية الصفحة. على سبيل المثال ، إذا كان المظهر الخاص بك يحتوي على خلفية داكنة ، فاختر لون نص فاتح بحيث يكون مرئيا وسهل القراءة.
2. استخدم ألوانا متباينة
تجعل الألوان المتناقضة النص أكثر وضوحا وقابلية للقراءة. حاول اختيار لون نص يتناقض مع لون الخلفية. على سبيل المثال ، إذا كان لون الخلفية داكنا ، فحدد لون نص فاتح لإنشاء تباين.
3. النظر في الخلفية العاطفية
يمكن أن يكون اللون مشحونا عاطفيا ، لذلك من المهم التفكير في المشاعر التي تريد نقلها باستخدام لون النص. على سبيل المثال ، يمكن أن يخلق اللون الأزرق شعورا بالهدوء والموثوقية ، ويمكن أن يثير اللون الأحمر شعورا بالعاطفة والطاقة. اختيار اللون الذي يطابق الغرض والمزاج من الموضوع الخاص بك.
4. إيلاء الاهتمام لألوان الموضوع الخاص بك
إذا كان المظهر الخاص بك مرتبطا بصناعة أو موضوع معين ، فاحرص على الانتباه إلى الألوان المرتبطة بهذه الصناعة أو الموضوع. على سبيل المثال ، إذا كان موضوعك مرتبطا بالبيئة ، فقد يكون اللون الأخضر اختيارا جيدا ، لأنه مرتبط بالطبيعة والقيم البيئية.
من المهم ملاحظة أن اختيار لون النص يجب أن يكون واعيا ومتسقا مع التصميم العام لصفحة الويب الخاصة بك. هذه النصائح سوف تساعدك على اختيار اللون الذي سيكون في وئام مع الموضوع الخاص بك ونقل الرسالة الصحيحة.
تغيير لون الخط في هتمل
. هذا يسمح لك بتعيين لون النص باستخدام تنسيقات مختلفة.
يمكنك استخدام:
- (أزرق);
- (أحمر) ، حيث تحدد القيم من 0 إلى 255 الشدة المقابلة للأحمر والأخضر والأزرق;
- (أحمر) ، حيث يحدد رقمان شدة الأحمر والأخضر والأزرق.
لتغيير لون النص:
هذا هو النص الأحمر
هذا هو النص الأزرق
هذا هو النص الأخضر
باستخدام هذه الأمثلة ، ستتمكن من تغيير لون الخط في هتمل لإنشاء عناصر نصية ملونة وبارزة.
كيفية استخدام كس لتغيير لون الخط
لتغيير لون الخط في كس ، يجب عليك استخدام خاصية اللون. تتيح لك هذه الخاصية تعيين لون الخط بتنسيقات مختلفة: على وجه التحديد ، بما في ذلك الألوان المسماة ، قيم رغب ، رموز عرافة ، أو حتى نموذج لون هسل.
فيما يلي بعض الأمثلة:
اسمه الألوان:
هذا النص أحمر.
هذا النص أزرق.
هذا النص أخضر.
قيم رغب:
هذا النص أحمر.
اللون: أزرق;