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