[MUSIC]
دعونا نتحدث الآن عن الخطوط الأيقونة.
ما هم؟
كيف تكون مفيدة؟
وكيف نستفيد منها في تصميم موقعنا الإلكتروني؟
توفر خطوط الأيقونات طريقة مرنة للغاية لتضمين
الصور الصغيرة في صفحات الويب الخاصة بنا والتي يمكن تصميمها تمامًا مثل النص.
لذلك هذا هو السبب رموز الخطوط تثبت جدا،
مفيدة جدا في تصميم المواقع.
باستخدام خطوط الرموز، يمكنك أن تأخذ صفحة ويب مثل هذه
وتحويلها بسرعة إلى صفحة ويب مثل هذه.
لاحظ استخدام الرموز مع النص في شريط التنقل،
ثم عند التمرير لأسفل إلى التذييل،
يمكنك رؤية المزيد من الرموز المستخدمة في التذييل.
وأيضا يتم استبدال وصلات وسائل الاعلام الاجتماعية الخاصة بك الآن بأزرار وسائل الاعلام الاجتماعية هنا.
لذلك هذه هي التغييرات التي سوف الخطوط رمز تمكنك من القيام به على موقع الويب الخاص بك.
لذلك كما ذكرت بإيجاز في وقت سابق، فإن خطوط الرموز هي مجموعة من الرموز أو
الحروف الرسومية التي يمكن استخدامها في تصميم موقع الويب الخاص بك.
هذه يمكن استخدامها تماما مثل الخطوط العادية،
تماما مثل الخطوط النصية العادية التي تستخدمها في موقع الويب الخاص بك.
ميزتها هي أنه يمكنك نمط لهم
ومن ثم توسيع والتعاقد عليها واستخدام جميع
stylings النموذجية التي تستخدمها على النص الخاص بك، للرموز الخاصة بك أيضا.
وينظر إليها على أنها بديل خفيف الوزن شعبية
للرسومات البسيطة التي يمكنك استخدامها في صفحات الويب الخاصة بك،
ببساطة الرسومات أو الصور التي يمكنك استخدامها في صفحات الويب الخاصة بك.
وهي مفيدة جدا جدا في تصميم صفحات الويب الخاصة بك.
هناك العديد من حزم الخط رمز المتوفرة في السوق.
واحدة من أكثرها شعبية هي Font Awesome،
والتي سأتحدث عنها بعد ذلك.
الخط رهيبة، كما أقول، هو رمز الخط شعبية جدا.
وهي متاحة مجانا للاستخدام في تصميم الصفحة الخاصة بك.
وقد تم استخدامه على نطاق واسع من قبل العديد من المواقع المختلفة.
سوف نتعلم كيفية تنزيل Font Awesome
ومن ثم استخدامه في صفحة الويب في التمرين الذي يتبع هذه المحاضرة.
استخدام Font Awesome في صفحة الويب الخاصة بك بسيط مثل
استخدام بعض الفئات التي يتم تطبيقها على i،
أو علامة امتداد في شفرة HTML لصفحة الويب الخاصة بك.
لذلك بمجرد تضمين CSS
وملفات الخط المتوفرة من خلال Font Awesome،
فمن السهل جدًا الاستفادة من Font Awesome في صفحاتك.
ميزة أخرى مشتركة ستراها على
صفحات الويب هي استخدام أزرار المواقع الاجتماعية هناك مثل الفيسبوك
وتويتر وجوجل+ ويوتيوب وغيرها الكثير.
الآن لحسن الحظ بالنسبة لنا، هناك
ملف CSS آخر يسمى bootstrap-social يمكنك تنزيله
والاستفادة منه، بما في ذلك
أزرار مواقع التواصل الاجتماعي المختلفة في صفحة الويب الخاصة بك.
سنرى استخدام bootstrap-social في التمرين التالي.
بمجرد تنزيل ملف css bootstrap-socal، يمكنك تضمين ذلك في صفحة الويب الخاصة بك.
ثم جنبا إلى جنب مع الرموز Font Awesome،
يمكنك الجمع بين ذلك مع الطبقات الاجتماعية bootstrap
لتشمل أزرار وسائل الاعلام الاجتماعية المختلفة على صفحات الويب الخاصة بك.
لذلك من دون مزيد من اللغط، دعونا ننتقل إلى التمرين التالي حيث
سنستخدم كل من Font Awesome و bootstrap-social،
نسخة معدلة من ملف bootstrap-social.css التي
أقدمها على تعليمات التمرين التي يجب عليك تنزيلها
وتضمينها في مشروع الارتباك الخاص بك والاستفادة من منه في التمرين.
[ موسيقى]