يعد تخصيص مظهر موقع الويب الخاص بك أحد الجوانب المهمة لعمليته الناجحة. تتمثل إحدى الطرق لجعل موقعك فريدا وفرديا في اختيار خطوط خاصة لعناصر النص. قد يعتمد تصور المعلومات ورؤية التصميم وأسلوب مشروع الويب الخاص بك على اختيار الخط.
تتمثل إحدى طرق منح المستخدمين خيار تحديد الخطوط في إنشاء قائمة منسدلة بالخطوط. مع مساعدة من لغة ترميز هتمل وأوراق الأنماط المتتالية (كس) ، يمكنك بسهولة تنفيذ مثل هذا الحل وظيفية إضافية.
إنشاء قائمة منسدلة من الخطوط في هتمل هو بسيط جدا. ما عليك سوى استخدام العلامة وتضمين خيارات الخط الضرورية في شكل عناصر. وبعد ذلك ، باستخدام أنماط كس ، يمكنك تعيين مظهر القائمة لتتناسب مع التصميم الخاص بك.
فتح بلا
- هلفتيكا نويه
اختيار خط لموقعك: كيفية إنشاء قائمة منسدلة أتش تي أم أل
تقييم نمط موقعك واحتياجاته
استخدم كس لتحديد قائمة الخطوط
لإنشاء قائمة منسدلة هتمل من الخطوط ، يمكنك استخدام عنصر في تركيبة مع عنصر. ابدأ بإنشاء علامة واستخدم سمة الاسم لتحديد القائمة. على سبيل المثال:
أريال
تايمز نيو رومان
فيردانا
في سمة القيمة لكل عنصر ، يمكنك تحديد اسم الخط الفعلي ونوعه. داخل كل عنصر ، يمكنك إضافة اسم خط سيتم عرضه في قائمة التحديد.
بعد إنشاء القائمة المنسدلة الخط هتمل ، تحتاج إلى إضافة معالج الحدث الذي سوف قبض على اختيار المستخدم. على سبيل المثال ، يمكنك استخدام جافا سكريبت لهذا الغرض. عندما يختار المستخدم أحد الخيارات من القائمة ، يمكن لجافا سكريبت تغيير نمط النص على موقعك ليعكس الخط المحدد.
يمكن أن يضيف اختيار الخط المناسب لموقعك القليل من الشخصية والمتعة الجمالية للمستخدمين. يعد إنشاء قائمة منسدلة لخط هتمل طريقة سهلة لمنح مستخدمي موقعك خيارا يمكنهم الاستمتاع به.
تقييم نمط موقعك واحتياجاته
قبل اختيار الخطوط لموقعك ، من المهم تقييم أسلوبه واحتياجات الجمهور المستهدف. كل موقع له تفرده ومتطلباته الخاصة ، ويجب أن يتوافق اختيار الخطوط مع هذه الميزات.
الخطوة الأولى هي تحديد النمط العام لموقعك. يمكن أن تكون بسيطة وحديثة ، كلاسيكية وأنيقة ، مرحة وغير رسمية ، أو يمكن أن تعكس أي جمالية أخرى. سيحدد هذا النمط نوع الخطوط التي تتطابق بشكل أفضل مع تصميم موقعك.
الخطوة التالية هي فهم احتياجات جمهورك. قد يروق موقعك لمجموعة مختلفة من الأشخاص ذوي التفضيلات والمتطلبات المختلفة. على سبيل المثال ، إذا كنت تقوم بإنشاء موقع ويب لشركة محاماة ، فيجب أن تكون الخطوط رسمية ومهنية. من ناحية أخرى ، إذا كان موقعك يدور حول الموضة أو الفن ، فيمكنك اللعب بمزيد من الخطوط التجريبية والإبداعية.
من المهم أيضا مراعاة سهولة قراءة الخط وملاءمته. يجب أن يكون من السهل قراءته على أجهزة وشاشات مختلفة. اختر الخطوط التي تبدو جيدة على كل من أجهزة سطح المكتب والأجهزة المحمولة.
عندما تحدد النمط العام واحتياجات موقعك ، ستكون جاهزا لاختيار الخطوط التي تلبي هذه المتطلبات. تذكر أن مجموعة الخطوط التي تختارها يمكن أن يكون لها تأثير كبير على كيفية إدراك الزوار لموقعك ، لذا كن حذرا عند الاختيار والتجربة للعثور على مجموعة الخطوط المثالية لموقعك.
استخدم كس لتحديد قائمة الخطوط
الخطوة 1: قم بإنشاء ملف كس وإرفاقه بمستند هتمل الخاص بك باستخدام علامة.
الخطوة 2: تحديد قائمة الخطوط التي تريد أن تقدم للزائرين. على سبيل المثال ، يمكنك إنشاء فئة تسمى "قائمة الخطوط" وتحديد قائمة الخطوط بداخلها.
.قائمة الخط {
الخطوة 3: استخدم الفئة التي تم إنشاؤها للعنصر الذي يجب أن يعرض القائمة المنسدلة للخطوط. على سبيل المثال ، يمكنك استخدام علامة مع فئة "قائمة الخطوط".
...
قم بإنشاء قائمة خطوط هتمل باستخدام العلامة
,
تايمز نيو رومان
جورجيا
أريال