1
00:00:00,000 --> 00:00:04,303
[MUSIC]

2
00:00:04,303 --> 00:00:06,765
دعونا نتحدث الآن عن الخطوط الأيقونة.

3
00:00:06,765 --> 00:00:07,867
ما هم؟

4
00:00:07,867 --> 00:00:09,284
كيف تكون مفيدة؟

5
00:00:09,284 --> 00:00:13,540
وكيف نستفيد منها في تصميم موقعنا الإلكتروني؟

6
00:00:13,540 --> 00:00:18,958
توفر خطوط الأيقونات طريقة مرنة للغاية لتضمين

7
00:00:18,958 --> 00:00:24,732
الصور الصغيرة في صفحات الويب الخاصة بنا والتي يمكن تصميمها تمامًا مثل النص.

8
00:00:24,732 --> 00:00:30,753
لذلك هذا هو السبب رموز الخطوط تثبت جدا،

9
00:00:30,753 --> 00:00:35,840
مفيدة جدا في تصميم المواقع.

10
00:00:35,840 --> 00:00:40,290
باستخدام خطوط الرموز، يمكنك أن تأخذ صفحة ويب مثل هذه

11
00:00:40,290 --> 00:00:44,270
وتحويلها بسرعة إلى صفحة ويب مثل هذه.

12
00:00:44,270 --> 00:00:50,381
لاحظ استخدام الرموز مع النص في شريط التنقل،

13
00:00:50,381 --> 00:00:54,996
ثم عند التمرير لأسفل إلى التذييل،

14
00:00:54,996 --> 00:01:00,013
يمكنك رؤية المزيد من الرموز المستخدمة في التذييل.

15
00:01:00,013 --> 00:01:08,220
وأيضا يتم استبدال وصلات وسائل الاعلام الاجتماعية الخاصة بك الآن بأزرار وسائل الاعلام الاجتماعية هنا.

16
00:01:08,220 --> 00:01:16,910
لذلك هذه هي التغييرات التي سوف الخطوط رمز تمكنك من القيام به على موقع الويب الخاص بك.

17
00:01:16,910 --> 00:01:22,367
لذلك كما ذكرت بإيجاز في وقت سابق، فإن خطوط الرموز هي مجموعة من الرموز أو

18
00:01:22,367 --> 00:01:26,219
الحروف الرسومية التي يمكن استخدامها في تصميم موقع الويب الخاص بك.

19
00:01:26,219 --> 00:01:29,519
هذه يمكن استخدامها تماما مثل الخطوط العادية،

20
00:01:29,519 --> 00:01:34,390
تماما مثل الخطوط النصية العادية التي تستخدمها في موقع الويب الخاص بك.

21
00:01:34,390 --> 00:01:38,953
ميزتها هي أنه يمكنك نمط لهم

22
00:01:38,953 --> 00:01:43,876
ومن ثم توسيع والتعاقد عليها واستخدام جميع

23
00:01:43,876 --> 00:01:49,657
stylings النموذجية التي تستخدمها على النص الخاص بك، للرموز الخاصة بك أيضا.

24
00:01:49,657 --> 00:01:53,535
وينظر إليها على أنها بديل خفيف الوزن شعبية

25
00:01:53,535 --> 00:01:57,159
للرسومات البسيطة التي يمكنك استخدامها في صفحات الويب الخاصة بك،

26
00:01:57,159 --> 00:02:01,750
ببساطة الرسومات أو الصور التي يمكنك استخدامها في صفحات الويب الخاصة بك.

27
00:02:01,750 --> 00:02:07,290
وهي مفيدة جدا جدا في تصميم صفحات الويب الخاصة بك.

28
00:02:07,290 --> 00:02:15,110
هناك العديد من حزم الخط رمز المتوفرة في السوق.

29
00:02:15,110 --> 00:02:18,180
واحدة من أكثرها شعبية هي Font Awesome،

30
00:02:18,180 --> 00:02:19,377
والتي سأتحدث عنها بعد ذلك.

31
00:02:20,590 --> 00:02:24,850
الخط رهيبة، كما أقول، هو رمز الخط شعبية جدا.

32
00:02:24,850 --> 00:02:28,770
وهي متاحة مجانا للاستخدام في تصميم الصفحة الخاصة بك.

33
00:02:28,770 --> 00:02:32,975
وقد تم استخدامه على نطاق واسع من قبل العديد من المواقع المختلفة.

34
00:02:32,975 --> 00:02:37,580
سوف نتعلم كيفية تنزيل Font Awesome

35
00:02:37,580 --> 00:02:42,940
ومن ثم استخدامه في صفحة الويب في التمرين الذي يتبع هذه المحاضرة.

36
00:02:44,180 --> 00:02:49,982
استخدام Font Awesome في صفحة الويب الخاصة بك بسيط مثل

37
00:02:49,982 --> 00:02:55,217
استخدام بعض الفئات التي يتم تطبيقها على i،

38
00:02:55,217 --> 00:02:59,897
أو علامة امتداد في شفرة HTML لصفحة الويب الخاصة بك.

39
00:02:59,897 --> 00:03:02,480
لذلك بمجرد تضمين CSS

40
00:03:02,480 --> 00:03:07,440
وملفات الخط المتوفرة من خلال Font Awesome،

41
00:03:07,440 --> 00:03:13,860
فمن السهل جدًا الاستفادة من Font Awesome في صفحاتك.

42
00:03:15,120 --> 00:03:20,491
ميزة أخرى مشتركة ستراها على

43
00:03:20,491 --> 00:03:27,337
صفحات الويب هي استخدام أزرار المواقع الاجتماعية هناك مثل الفيسبوك

44
00:03:27,337 --> 00:03:33,260
وتويتر وجوجل+ ويوتيوب وغيرها الكثير.

45
00:03:34,530 --> 00:03:39,931
الآن لحسن الحظ بالنسبة لنا، هناك

46
00:03:39,931 --> 00:03:46,415
ملف CSS آخر يسمى bootstrap-social يمكنك تنزيله

47
00:03:46,415 --> 00:03:50,873
والاستفادة منه، بما في ذلك

48
00:03:50,873 --> 00:03:55,346
أزرار مواقع التواصل الاجتماعي المختلفة في صفحة الويب الخاصة بك.

49
00:03:55,346 --> 00:04:01,940
سنرى استخدام bootstrap-social في التمرين التالي.

50
00:04:01,940 --> 00:04:06,532
بمجرد تنزيل ملف css bootstrap-socal، يمكنك تضمين ذلك في صفحة الويب الخاصة بك.

51
00:04:06,532 --> 00:04:11,385
ثم جنبا إلى جنب مع الرموز Font Awesome،

52
00:04:11,385 --> 00:04:16,604
يمكنك الجمع بين ذلك مع الطبقات الاجتماعية bootstrap

53
00:04:16,604 --> 00:04:22,688
لتشمل أزرار وسائل الاعلام الاجتماعية المختلفة على صفحات الويب الخاصة بك.

54
00:04:22,688 --> 00:04:27,834
لذلك من دون مزيد من اللغط، دعونا ننتقل إلى التمرين التالي حيث

55
00:04:27,834 --> 00:04:32,787
سنستخدم كل من Font Awesome و bootstrap-social،

56
00:04:32,787 --> 00:04:37,546
نسخة معدلة من ملف bootstrap-social.css التي

57
00:04:37,546 --> 00:04:42,984
أقدمها على تعليمات التمرين التي يجب عليك تنزيلها

58
00:04:42,984 --> 00:04:48,647
وتضمينها في مشروع الارتباك الخاص بك والاستفادة من منه في التمرين.

59
00:04:48,647 --> 00:04:54,639
[ موسيقى]