1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> المتحدث: اتضح أن HTML غير
اللغة الوحيدة التي يمكنك استخدامها داخل

3
00:00:03,310 --> 00:00:03,895
من صفحة ويب.

4
00:00:03,895 --> 00:00:08,100
يمكنك استخدام ما يسمى CSS، أو
أوراق الأنماط المتتالية، كذلك.

5
00:00:08,100 --> 00:00:12,120
CSS تسمح لك بتحديد أكثر من ذلك بكثير
بالضبط جماليات شبكة

6
00:00:12,120 --> 00:00:16,930
صفحة، بما في ذلك تخطيط والأحجام و
الألوان والخطوط وأكثر من ذلك بكثير.

7
00:00:16,930 --> 00:00:20,820
على سبيل المثال، دعونا إنشاء صفحة على شبكة الإنترنت
دعا هنا CSS0 الذي يمثل

8
00:00:20,820 --> 00:00:22,740
الصفحة الرئيسية ل، مثلا، جون هارفارد.

9
00:00:22,740 --> 00:00:25,480
>> في هذه الصفحة، ونحن سوف يكون جون هارفارد
تسمية، والتي ستكون تحت

10
00:00:25,480 --> 00:00:28,500
رسالة لطيفة لزواره، تحت
والتي سوف يكون ذيلها، مع

11
00:00:28,500 --> 00:00:30,590
ويقول بعض معلومات حقوق النشر.

12
00:00:30,590 --> 00:00:34,650
للقيام بذلك، دعونا تعريف ثلاثة أقسام
لصفحة باستخدام علامة

13
00:00:34,650 --> 00:00:35,670
دعا شعبة.

14
00:00:35,670 --> 00:00:43,880
فتح شعبة قوس، جون هارفارد، بالقرب
شعبة قوس، قوس آخر div مفتوحة،

15
00:00:43,880 --> 00:00:48,330
والآن سنقوم بتحديد شيء
مثل، مرحبا بكم في الصفحة الرئيسية لبلدي!

16
00:00:48,330 --> 00:00:50,420
ودعونا إغلاق هذا شعبة، كذلك.

17
00:00:50,420 --> 00:00:53,700
>> والآن الثالثة والأخيرة
شعبة وحقوق المؤلف.

18
00:00:53,700 --> 00:00:58,250
لمجرد أن يكون الهوى، واسمحوا لي الآن استخدام HTML
الكيان، وهو الرمز الذي يمثل

19
00:00:58,250 --> 00:01:01,140
والحرف الذي لا يمكن إلا
اكتب على لوحة المفاتيح.

20
00:01:01,140 --> 00:01:07,490
على وجه الخصوص، وانا ذاهب للقيام
العطف، الجنيه، 169، منقوطة.

21
00:01:07,490 --> 00:01:10,620
تبين أن هو رمز رقمي
لرمز حقوق النشر.

22
00:01:10,620 --> 00:01:14,260
ثم دعونا تحديد جون هارفارد
هنا في الأسفل.

23
00:01:14,260 --> 00:01:17,180
دعونا إغلاق شعبة وحفظ الملف.

24
00:01:17,180 --> 00:01:18,910
>> الآن، ما هو هذا شعبة الوسم؟

25
00:01:18,910 --> 00:01:21,970
شعبة الوسم ببساطة يعرف الانقسام
الصفحة، التي هي في جوهرها

26
00:01:21,970 --> 00:01:23,310
منطقة مستطيلة.

27
00:01:23,310 --> 00:01:26,850
لذلك في هذه اللحظة في الوقت المناسب، ولدي ثلاثة
مناطق مستطيلة، واحدة فوق

28
00:01:26,850 --> 00:01:27,620
من جهة أخرى.

29
00:01:27,620 --> 00:01:30,610
حتى الآن، وأثر هو تقريبا كما
على الرغم من أنني كان ثلاث فقرات.

30
00:01:30,610 --> 00:01:33,490
لكننا لن نرى تماما بقدر
المساحة البيضاء بينهما.

31
00:01:33,490 --> 00:01:36,170
>> دعونا حفظ هذا الملف، تغيير موعد
الأذونات، ونلقي نظرة ل

32
00:01:36,170 --> 00:01:37,990
لحظة في كروم.

33
00:01:37,990 --> 00:01:43,040
التصريح ل+ ص CSS0.html.

34
00:01:43,040 --> 00:01:52,440
دعونا الآن فتح كروم والزيارة
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
في الواقع، وهنا الصفحة الرئيسية
لجون هارفارد.

36
00:01:54,630 --> 00:01:59,370
دعونا أسلب الآن أكثر من ذلك بقليل
بدقة باستخدام بعض CSS.

37
00:01:59,370 --> 00:02:03,510
>> مرة أخرى في gedit، دعنا نذهب إلى هذا
أول شعبة الوسم وإضافة نمط

38
00:02:03,510 --> 00:02:11,060
ويعزو تحديد ان كنت ترغب في
حجم الخط، ويقول، 36 بكسل، أو بكسل.

39
00:02:11,060 --> 00:02:15,650
وأود أن وزن هذا الخط
أن تكون جريئة وليس الافتراضي،

40
00:02:15,650 --> 00:02:16,980
وهو أمر طبيعي.

41
00:02:16,980 --> 00:02:21,170
للشعبة الثانية، دعونا تحديد
السمة نمط آخر له

42
00:02:21,170 --> 00:02:25,550
حجم الخط 24 بكسل، لذلك
قليلا أصغر.

43
00:02:25,550 --> 00:02:28,410
ونقلت قريبة بعد الفاصلة المنقوطة.

44
00:02:28,410 --> 00:02:33,255
>> أخيرا، في هذا شعبة ثالثة، دعونا نفعل
أسلوب يساوي حجم الاقتباس، والخط، و

45
00:02:33,255 --> 00:02:35,340
دعنا نقول 12 بكسل هذا الوقت.

46
00:02:35,340 --> 00:02:37,280
وثيقة اقتباس بعد الفاصلة المنقوطة.

47
00:02:37,280 --> 00:02:40,200
لاحظت بعد ذلك أن يبدو لي أن لديهم
المحدد قليلا من التنميق ل

48
00:02:40,200 --> 00:02:43,770
كل من هذه DIVS ثلاثة باستخدام،
كما تبين، CSS.

49
00:02:43,770 --> 00:02:47,820
في الواقع، بناء الجملة التي تراها في
بين علامات التنصيص هو المغلق،

50
00:02:47,820 --> 00:02:50,620
المغلق على وجه التحديد خصائص
مع القيم.

51
00:02:50,620 --> 00:02:53,910
ولهذا العلامة الأولى، حيث كان لي
اثنين من هذه الخصائص، وحجم الخط و

52
00:02:53,910 --> 00:02:57,290
وزن الخط، أنا ببساطة فصل
منها بفاصلة منقوطة.

53
00:02:57,290 --> 00:02:59,940
>> الآن، فقط من أجل النمط، وأنا
منقوطة شملت أيضا في

54
00:02:59,940 --> 00:03:00,880
في نهاية كل سطر.

55
00:03:00,880 --> 00:03:04,270
لكنها ليست ضرورية تماما،
ولا سيما عندما يكون لديك واحد فقط

56
00:03:04,270 --> 00:03:05,580
ملكية محددة.

57
00:03:05,580 --> 00:03:08,370
دعونا الآن حفظ الملف وإعادة تحميل
في كروم، ونرى ما

58
00:03:08,370 --> 00:03:11,000
الأثر الصافي هو.

59
00:03:11,000 --> 00:03:13,470
مرة أخرى في كروم هنا،
دعونا انقر فوق تحديث.

60
00:03:13,470 --> 00:03:15,800
>> الآن لدينا أكثر إثارة للاهتمام قليلا
الصفحة الرئيسية لجون

61
00:03:15,800 --> 00:03:19,000
هارفارد، حيث السطر الأول مع
اسمه، والذي هو داخل ذلك

62
00:03:19,000 --> 00:03:23,470
شعبة الأولى، هو 36 بكسل .. وأيضا
بحروف بارزة، حيث السطر الثاني،

63
00:03:23,470 --> 00:03:27,340
وهو في ذلك شعبة الثانية، 24
بكسل طويل القامة، ولكن ليس بحروف بارزة.

64
00:03:27,340 --> 00:03:31,500
وحيث السطر الثالث في هذا الثالث
شعبة هو 12 بكسل .. وأيضا

65
00:03:31,500 --> 00:03:32,610
لا بحروف بارزة.

66
00:03:32,610 --> 00:03:35,380
ولكن لنفترض الآن أود أن التحول
كل هذا النص على

67
00:03:35,380 --> 00:03:36,650
مثل هذا ما تركز عليه.

68
00:03:36,650 --> 00:03:40,480
>> أنا يمكن ربط كل من الفرد
DIVS بأنها تركز.

69
00:03:40,480 --> 00:03:45,330
ولكن بشكل أكثر سهولة، يمكن لي أن التفاف تلك
ثلاثة DIVS من داخل شعبة الرابعة، و

70
00:03:45,330 --> 00:03:49,360
شعبة الأم، إذا جاز التعبير، وتحديد
أن هذا شعبة وجميع من فيها

71
00:03:49,360 --> 00:03:52,610
وينبغي أن يكون من نسل
النص بالوسط؟

72
00:03:52,610 --> 00:03:54,120
دعونا نلقي نظرة.

73
00:03:54,120 --> 00:03:58,510
>> داخل gedit، دعونا نعود إلى بلدي
الجسم وإضافة شعبة جديدة لأعلى حتى مع

74
00:03:58,510 --> 00:04:04,460
شعبة، على غرار يساوي بين قوسي الإقتباس
مركز محاذاة النص، وثيقة

75
00:04:04,460 --> 00:04:06,250
العروض بعد الفاصلة المنقوطة.

76
00:04:06,250 --> 00:04:10,280
والآن، دعونا نمضي قدما والمسافة البادئة جميع
من تلك الخطوط التي نحن كتبته من قبل.

77
00:04:10,280 --> 00:04:15,040
وأدناه أن شعبة ثالثة، دعونا
إغلاق هذا شعبة جديدة.

78
00:04:15,040 --> 00:04:18,829
>> وبعبارة أخرى، وذلك لأن هؤلاء الثلاثة
DIVS الأصلية هي الآن الأطفال، وذلك ل

79
00:04:18,829 --> 00:04:22,110
الكلام، من شعبة جديدة الوالدين ولقد
المحددة التي أود أن محاذاة

80
00:04:22,110 --> 00:04:26,140
نص ذلك شعبة الأم في وسط
من الصفحة، وسوف تكون تلك الممتلكات

81
00:04:26,140 --> 00:04:28,290
التي ورثها عن هؤلاء الأطفال.

82
00:04:28,290 --> 00:04:32,370
في الواقع، دعونا حفظ الملف و
نلقي نظرة في مستعرض.

83
00:04:32,370 --> 00:04:34,650
دعونا تحميل في كروم.

84
00:04:34,650 --> 00:04:37,540
ويوجد لدينا ذلك، حتى أجمل
الصفحة الرئيسية لجون هارفارد.

85
00:04:37,540 --> 00:04:39,872