التمهيد 4 هي واحدة من الأطر الأكثر شعبية لتطوير المواقع والتطبيقات. يوفر مجموعة متنوعة من الاحتمالات لإنشاء مظهر حديث لصفحة الويب بأقل جهد ممكن. واحدة من السمات الهامة من التمهيد 4 هو القدرة على تخصيص أحجام الخطوط داخل المكونات الجاهزة والطبقات.
يتم تعيين أحجام الخطوط في التمهيد 4 باستخدام * * المتغيرات**. يعتمد حجم الخط على دقة الشاشة وجهاز المستخدم. يوفر الإطار العديد من أحجام الخطوط المحددة مسبقا: 0.75 ريم (75 ٪ من القاعدة) ، 0.875 ريم (87.5 ٪ من القاعدة) ، 1 ريم (حجم القاعدة) ، 1.125 ريم (112.5 ٪ من القاعدة) و 1.25 ريم (125 ٪ من القاعدة).
للاستخدام المريح لأحجام الخطوط هذه ، يحدد التمهيد 4 الفئات المناسبة. على سبيل المثال ، فئة **.نص صامت * * ينطبق أصغر حجم الخط-0.875 ريم. ال **.النص الأساسي * * الفئة ، بدورها ، لها حجم خط 1.25 ريم. يمكن أيضا دمج الفئات مع فئات أخرى لتعيين أحجام الخطوط لأجهزة معينة فقط (على سبيل المثال،**.د-لا شيء * * لإخفاء عنصر على الشاشات الصغيرة والطبقة**.د-سم-بلوك * * للعرض على جميع الأجهزة).
وهكذا ، التمهيد 4 يوفر مجموعة واسعة من أحجام الخطوط وتخصيصها باستخدام الطبقات والمتغيرات الجاهزة. يتيح ذلك للمطورين إنشاء صفحات ويب سريعة الاستجابة وأنيقة بسهولة بأقل قدر من التعليمات البرمجية.
- ما هو التمهيد 4?
- تكوين الخطوط في التمهيد 4
- تغيير حجم الخط
- تحديد وزن الخط
- اختيار مخطط الخط
- ملامح التخصيص الخط في التمهيد 4
ما هو التمهيد 4?
واحدة من السمات الرئيسية لل بوتستراب 4 هو تصميم استجابة ، وهذا هو ، والقدرة على التكيف مع مختلف الأجهزة والشاشات ، مثل جهاز كمبيوتر سطح المكتب ، قرص أو الهاتف الذكي. يوفر إطار العمل نظاما شبكيا يسمح لك بوضع العناصر بمرونة على الصفحة وإنشاء تخطيطات تكيفية.
يوفر التمهيد 4 أيضا عددا كبيرا من المكونات الجاهزة مثل الأزرار وأشرطة التنقل والنوافذ المشروطة والنماذج والجداول وما إلى ذلك. يمكن تخصيص هذه المكونات وتصميمها بسهولة وفقا لاحتياجات المشروع. بفضل هذا ، يصبح تطوير واجهة الويب مهمة أبسط وأسرع.
ميزة أخرى مفيدة من التمهيد 4 هي فئات للعمل مع الطباعة والخطوط. يوفر إطار العمل فئات مختلفة لتخصيص أحجام النص والألوان والأنماط ، مما يسمح للمطورين بالتحكم بسهولة في مظهر عناصر النص.
وأخيرا ، التمهيد 4 لديها مجتمع واسع من المستخدمين والمطورين ، والذي يوفر الوصول إلى مجموعة متنوعة من الوثائق والمواد التدريبية والدعم. وبالتالي ، فإن الإطار هو منصة ممتازة لتطوير تطبيقات ومواقع ويب حديثة ومرنة وأنيقة.
تكوين الخطوط في التمهيد 4
التمهيد 4 يقدم العديد من الخيارات الخط التي يمكن استخدامها لنمط النص. يتم تعريف الخطوط في التمهيد 4 كمتغيرات ويمكن تكوينها في ملف متغيرات التمهيد.
الخط الرئيسي في التمهيد 4 هو" هلفتيكا نويه " عائلة الخط ، مع دعم لمختلف سمك الخط،بما في ذلك رقيقة ، العادية ، جريئة وجريئة. لاستخدام الخط الرئيسي ، يكفي تطبيق الفئات على العناصر ، على سبيل المثال،.الخط-الوزن-عادي للخط العادي و .الخط-الوزن-غامق للخط الغامق.
التمهيد 4 كما يقدم الخط "روبوتو" ، والتي أصبحت شعبية بسبب سهولة القراءة والبساطة. يمكن استخدام خط "روبوتو" بنفس طريقة استخدام الخط الرئيسي.
لتغيير حجم الخط ، يوفر التمهيد 4 أيضا فئات الحجم التي يمكن تطبيقها على عنصر. على سبيل المثال ، فئة.عرض-1 يحدد أكبر حجم الخط ، والطبقة .يستخدم الرصاص لحجم نص أكبر يجذب الانتباه.
وبالإضافة إلى ذلك ، التمهيد 4 يوفر القدرة على ضبط حجم الخط باستخدام المتغيرات. للقيام بذلك ، تحتاج إلى تغيير قيمة المتغير font حجم الخط قاعدة في ملف متغير التمهيد.
كما ترون ، التمهيد 4 يوفر مجموعة أدوات مرنة وقوية لتخصيص الخطوط في تطبيقات الويب. يسمح لك بتحديد الخطوط المناسبة والتحكم في سمك الخط وحجمه لتلبية احتياجاتك وجذب انتباه المستخدمين.
تغيير حجم الخط
في التمهيد 4 ، يمكنك بسهولة تغيير حجم الخط من صفحة ويب. هناك العديد من الفئات التي تسمح لك بتعيين حجم النص:
- : أكبر حجم النص
.عرض-2.عرض-3- : أكبر حجم خط للعناوين
وبالإضافة إلى ذلك ، التمهيد 4 يوفر القدرة على تعيين حجم النص بين الفئات المحددة. على سبيل المثال:
- : حجم النص المناسب
.ح2.ح3.إتش 4.إتش 5- : أصغر حجم خط للعناوين
.عرض-4
:
ال .اتش3 كلاس
:نص بحجم خط متغير
باستخدام هذه الفئات من التمهيد 4 ، يمكنك بسهولة ضبط حجم النص من صفحة ويب بحيث يلبي متطلبات التصميم اللازمة.
تحديد وزن الخط
التمهيد 4 يوفر عدة فئات لضبط وزن الخط. يمكنك استخدام هذه الفئات لتغيير عرض النص:
الخط-الوزن-عادي: يتم استخدام هذه الفئة لتعيين وزن الخط العادي. يعيد تعيين أي إعدادات وزن الخط السابقة.
الخط-الوزن-غامق: تضيف هذه الفئة خطا غامقا إلى النص. يجعل الخط أكثر تعبيرا وملحوظا.
الخط-الوزن-الضوء: تستخدم هذه الفئة لتعيين الوزن الخفيف للخط. يبدو النص مع هذه الفئة أرق وأكثر دقة.
الخط-الوزن-مائل: تضيف هذه الفئة الخط المائل إلى النص. انه يعطي النص مائل ويؤكد العاطفة والتركيز.
مثال الاستخدام:
سيكون هذا النص هو وزن الخط العادي.
سيكون هذا النص وزن خط غامق.
سيكون هذا النص وزن خط خفيف.
سيكون هذا النص بخط مائل.
اختيار مخطط الخط
التمهيد 4 يوفر العديد من مخططات الخط التي يمكن استخدامها لتغيير مظهر النص على موقع على شبكة الانترنت. يتم تعريف مخططات الخط التمهيد في المتغيرات ساس ، بحيث يمكنك بسهولة تغيير مخطط الخط في المشروع الخاص بك.
يتضمن مخطط الخط التمهيد 4 عدة مجموعات من الخطوط ، بما في ذلك الخطوط المطبعية الأساسية مثل أريال ، هلفتيكا ، جورجيا وغيرها. يمكنك اختيار مخطط الخط الذي يناسب تفضيلاتك وتصميم موقع الويب الخاص بك.
لتحديد مخطط خط ، افتح ملف المتغيرات.سس في مجلد سرك / سس والعثور على متغير font الخط الأسرة قاعدة. في هذا المتغير ، يمكنك استبدال قيم الخطوط بأي خطوط أخرى تريد استخدامها في مشروعك.
بالإضافة إلى مجموعة الخطوط الأساسية ، يمكنك أيضا تخصيص أحجام الخطوط لعناصر مختلفة مثل العناوين والفقرات والقوائم وغيرها. للقيام بذلك ، افتح المتغيرات.ملف سس والعثور على المتغيرات المحددة لكل عنصر. تغيير هذه المتغيرات إلى القيم المطلوبة.
بعد تكوين مخطط الخط وأحجام الخطوط ، قم بتجميع ملفات سس الخاصة بك في كس والاتصال بملف هتمل الخاص بك. سيستخدم موقع الويب مخطط الخطوط وأحجام الخطوط المحددة لعرض النص.
اختيار مخطط الخط وضبط أحجام الخطوط في التمهيد 4 يسمح لك لخلق تصميم فريد من نوعه لموقع الويب الخاص بك وتحقيق المظهر المرئي المطلوب من النص.
ملامح التخصيص الخط في التمهيد 4
عرض-2
نص-خطر
يستخدم لعرض نص أحمر يشير إلى خطر أو خطأ.
3. إعداد خط الخط: التمهيد 4 يوفر اتصال المحارف المختلفة ، والذي يسمح لك لخلق مجموعة متنوعة من مجموعات الخط على الصفحة. للقيام بذلك ، يمكنك توصيل ملف نمط بالخطوط أو الاندماج مع خدمة عامة مثل خطوط جوجل. هذا يسمح لك لتحديد واستخدام الخط الذي يطابق أفضل تصميم الموقع.
4. إعدادات مخصصة: بالإضافة إلى 4 فئات التي تقدمها التمهيد لتخصيص الخطوط ، يمكنك استخدام أنماط مخصصة لخلق مظهر فريد من عناصر النص. للقيام بذلك ، يمكنك تحديد الفصول الدراسية الخاصة بك مع أنماط الخطوط وتطبيقها في الأماكن الصحيحة في المستند.