1
00:00:00,000 --> 00:00:03,486
>> [عزف الموسيقى]

2
00:00:03,486 --> 00:00:10,460

3
00:00:10,460 --> 00:00:14,250
>> DAVID J مالان: هذا هو CS50 و
هذه هي بداية الأسبوع 7.

4
00:00:14,250 --> 00:00:15,060
لذلك نرحب مرة.

5
00:00:15,060 --> 00:00:17,540
وتذكرون أن
في مشكلة تعيين أربعة،

6
00:00:17,540 --> 00:00:21,510
كان هناك قليلا من مطاردة زبال
بالنسبة لبعض الجوائز القيمة حيث

7
00:00:21,510 --> 00:00:24,219
بعد استرداد صور
الموظفين سواء هنا أو في نيو هافن،

8
00:00:24,219 --> 00:00:27,468
كنت تحدى لإيجاد أكبر عدد ممكن من
هؤلاء العلماء الكمبيوتر كما يمكن لكم.

9
00:00:27,468 --> 00:00:29,550
ونحن قد حصلت على العموم
مجموعة من الطلبات.

10
00:00:29,550 --> 00:00:31,930
اعتقدت أن حصة قليلة
معكم اليوم.

11
00:00:31,930 --> 00:00:35,100
>> وسنقوم بنشر كل من هذه على الانترنت.

12
00:00:35,100 --> 00:00:39,310
ولكن على وجه الخصوص، أردت أن
ألفت انتباهكم to-- بئر واحدة،

13
00:00:39,310 --> 00:00:42,670
وكان سام في عدد غير قليل منهم
مما عموما مثل هذا.

14
00:00:42,670 --> 00:00:45,750
ولكن يبدو أنه اعتبارا من
هذا الصباح، والفائز

15
00:00:45,750 --> 00:00:51,170
كان اسمه شخص معين مع كين
24 من الموظفين القبض على الكاميرا

16
00:00:51,170 --> 00:00:54,600
أو عدد قليل من أكثر عندما كنت تأخذ في
حساب الموظفين متعددة في الصور.

17
00:00:54,600 --> 00:00:58,300
الصورة هنا هو كين المقبل
لمريم في نيو هافن.

18
00:00:58,300 --> 00:01:01,300
>> الآن، كين، على الرغم من تحول
من هو قليلا من حالة الزاوية

19
00:01:01,300 --> 00:01:02,880
وهذا ما لم يحدث حتى الآن من قبل.

20
00:01:02,880 --> 00:01:05,713
اتضح أنه لم يحدث
بالنسبة لي لوضع التفاصيل الدقيقة في مشكلة

21
00:01:05,713 --> 00:01:09,710
مجموعة الأربعة التي تقول ان الموظفين
غير مؤهل للحصول على الجوائز الرائعة

22
00:01:09,710 --> 00:01:13,130
لكين هو، بطبيعة الحال، واحدة من
المصورين على موظفينا.

23
00:01:13,130 --> 00:01:16,820
الآن، مع أن قال، وقال انه
كتب لي في البداية أن أقول

24
00:01:16,820 --> 00:01:19,180
الرجاء عدم نشر هذه الصور على الانترنت.

25
00:01:19,180 --> 00:01:21,630
وأعتقد أن في جزء كبير
لأن معظم من الصور

26
00:01:21,630 --> 00:01:24,499
أن هذا المصور استغرق النظر
شيئا قليلا من هذا القبيل.

27
00:01:24,499 --> 00:01:25,040
وما شابه ذلك.

28
00:01:25,040 --> 00:01:28,990
>> ولكن كين أود لي أن أؤكد لكم
انه هو مصور جيد جدا،

29
00:01:28,990 --> 00:01:33,190
انه المهنية، ويأخذ
الصور التي ليست ضبابية،

30
00:01:33,190 --> 00:01:37,270
التي هي أفضل في التركيز، وانه
أخذ عدد غير قليل من الموظفين الخاصة بنا.

31
00:01:37,270 --> 00:01:40,370
ولكن بدلا من الاعتراف فقط
كين، ما كنا نظن أننا سوف تفعل

32
00:01:40,370 --> 00:01:43,390
وتذهب من خلال قائمة
الطلاب الفعلي الذي قدم.

33
00:01:43,390 --> 00:01:48,640
واتضح أن لانس مع
15 صور اعتبارا من صباح اليوم

34
00:01:48,640 --> 00:01:50,030
وكان الفائز لدينا.

35
00:01:50,030 --> 00:01:55,730
>> والصورة هنا هو لانس مع كولتون،
مع Skaz، مع نفسي، ومع سام.

36
00:01:55,730 --> 00:02:00,230
ولكن بعد ذلك اتضح أنه اعتبارا من
11:46، وذلك منذ قليلا،

37
00:02:00,230 --> 00:02:04,380
عدت إلى البريد الإلكتروني الخاص بي، ووجدت
أن كان لدينا حتى الآن أكثر واحد تقديم

38
00:02:04,380 --> 00:02:08,300
من قبل طالب يدعى بوني
وقال الذين البريد الإلكتروني هذا فقط.

39
00:02:08,300 --> 00:02:10,800
لن أكذب، أنا
القيام بذلك أثناء الحصة.

40
00:02:10,800 --> 00:02:17,620
وانتقل بعد ذلك إلى نعلق فقط
14 صورة، واحدة خجولة من لانس 15.

41
00:02:17,620 --> 00:02:22,690
>> ولكن في صور بوني، فإنه يتحول
من هم أعضاء هيئة متعددة، وسام

42
00:02:22,690 --> 00:02:25,960
من بينها، وذلك ما كنا نظن أننا
سوف القيام به هو الاعتراف كل من هذه.

43
00:02:25,960 --> 00:02:29,240
وذلك بالإضافة إلى الحصول على دروببوإكس
الفضاء أن كل من شارك

44
00:02:29,240 --> 00:02:33,900
يتلقى، وسوف هذين القسمين أيضا
تلقي لطيفة الغداء تلبي لهم

45
00:02:33,900 --> 00:02:36,100
وقسمهم
تتزاوج الأسبوع المقبل.

46
00:02:36,100 --> 00:02:38,970
وهكذا سوف تسمع منا،
لانس وبوني، حول ذلك.

47
00:02:38,970 --> 00:02:40,002
تهاني كبيرة جدا لهم.

48
00:02:40,002 --> 00:02:42,210
الآن، أولئك منكم الذين سوف
مثل الغداء أعم

49
00:02:42,210 --> 00:02:45,320
نعلم أن تناول طعام الغداء CS50 في كامبريدج
ونيو هافن هذا الجمعة.

50
00:02:45,320 --> 00:02:48,510
انتقل إلى موقع ويب مائل RSVP CS50 ل.

51
00:02:48,510 --> 00:02:49,800
والآن كلمة عن الحلقات الدراسية.

52
00:02:49,800 --> 00:02:50,730
أكثر curricularly.

53
00:02:50,730 --> 00:02:52,490
لذلك نحن نقترب من
نقطة الفصل الدراسي

54
00:02:52,490 --> 00:02:55,200
حيث يجب أن تبدأ
التفكير في المشاريع النهائية.

55
00:02:55,200 --> 00:02:59,309
في واقع الأمر، في قليلا، وسوف
ما يسمى تكون المقترحات قبل المستحقة.

56
00:02:59,309 --> 00:03:01,850
وتهدف المقترحات ذلك مسبقا ل
أثر تكون منخفضة جدا، وحقا

57
00:03:01,850 --> 00:03:04,109
مجرد فرصة لل
لك أن يؤلف مذكرة قصيرة

58
00:03:04,109 --> 00:03:06,900
زميل التدريس لإفهام
له أو لها ما كنت أفكر لك

59
00:03:06,900 --> 00:03:09,140
قد ترغب في القيام به لمشروع النهائي الخاص بك.

60
00:03:09,140 --> 00:03:11,730
>> الآن، العديد من الطلاب في نهاية المطاف
القيام الشبكة العالمية القائمة على المشاريع النهائية.

61
00:03:11,730 --> 00:03:13,800
وبطبيعة الحال، نحن فقط
الأسبوع الماضي الآن في هذا

62
00:03:13,800 --> 00:03:15,890
وأبعد من الغوص في برمجة الويب.

63
00:03:15,890 --> 00:03:18,200
لذلك لا داعي للقلق إذا كنت
ليس لديهم أي فكرة عن كيفية

64
00:03:18,200 --> 00:03:21,594
كنت ستبني الأفكار التي
قد يكون لديك في عقلك.

65
00:03:21,594 --> 00:03:24,510
هذا هو في الحقيقة مجرد وظيفة يجبر
لتحصل على التفكير والتحدث

66
00:03:24,510 --> 00:03:25,650
مع TF الخاص حول هذا الموضوع.

67
00:03:25,650 --> 00:03:28,810
ولكن لمساعدتك في ذلك، و
مع المشاريع النهائية في نهاية المطاف،

68
00:03:28,810 --> 00:03:31,750
نعلم أن CS50 لديها تقليد
من تقدم الحلقات الدراسية.

69
00:03:31,750 --> 00:03:36,084
>> وهذه هي اختيارية، على أيدي،
أو محاضرة على أساس الفرص

70
00:03:36,084 --> 00:03:39,000
لمعرفة المزيد حول الموضوعات التي
والتبعية قليلا إلى ملعب ل

71
00:03:39,000 --> 00:03:43,310
المنهج، ولكن مع ذلك رائعة
مواد لدفع المشاريع النهائية.

72
00:03:43,310 --> 00:03:46,840
وحتى هذه لائحة هذا
الموظفين CS50 هنا في نيو هيفن

73
00:03:46,840 --> 00:03:48,600
قد حان حتى مع ل
هذا العام عن دائرة الرقابة الداخلية

74
00:03:48,600 --> 00:03:50,730
البرمجة، الروبوت
البرمجة وتطوير اللعبة،

75
00:03:50,730 --> 00:03:54,480
وعناقيد المزيد من الأدوات
واللغات والتقنيات.

76
00:03:54,480 --> 00:03:56,780
>> حتى تبقى العين على موقع CS50 ل.

77
00:03:56,780 --> 00:04:00,110
وفي غضون ذلك، إذا كنت ترغب في
تسجيل اهتمامك في أي من هذه،

78
00:04:00,110 --> 00:04:02,510
انتقل إلى CS50 ومائل السجل.

79
00:04:02,510 --> 00:04:05,770
وسوف نقوم بعد ذلك متابعة بالنسبة ل
أيام ومواعيد الرحلات والمواقع

80
00:04:05,770 --> 00:04:09,090
وسوف everything-- معظم كل شيء
يكون المتدفقة وتتوفر أيضا على الطلب

81
00:04:09,090 --> 00:04:11,750
بعد إذا كنت لا يمكن أن تجعل فعلا.

82
00:04:11,750 --> 00:04:15,800
ذلك دون مزيد من اللغط، ونحن
توقفت آخر مرة مع GET.

83
00:04:15,800 --> 00:04:19,610
>> وكان هذا مثل الرسالة التي كان
داخل المغلف الظاهري، أذكر،

84
00:04:19,610 --> 00:04:23,960
التي مرت علينا من جهاز التوجيه جهاز التوجيه ل
جهاز التوجيه بين متصفح الإنترنت وشبكة

85
00:04:23,960 --> 00:04:24,487
الخادم.

86
00:04:24,487 --> 00:04:26,695
وبدا أن الرسالة
شيئا قليلا من هذا القبيل.

87
00:04:26,695 --> 00:04:29,700
كانت هذه هي الرسالة أكثر الغامضة التي
كان في الواقع داخل مغلف

88
00:04:29,700 --> 00:04:34,440
وكتب على قطعة من الورق الذي
السطر الأول يقول حرفيا، والحصول على مائل.

89
00:04:34,440 --> 00:04:37,830
>> ومثلما شيك التعقل،
ماذا مائل دلالة؟

90
00:04:37,830 --> 00:04:40,455
ماذا يعني عندما مائل
يطلب موقع على الانترنت؟

91
00:04:40,455 --> 00:04:43,070

92
00:04:43,070 --> 00:04:44,250
يمكنك أن تطلب في كل وقت.

93
00:04:44,250 --> 00:04:47,333
معظم أي وقت قمت بزيارة الموقع، فإنك
لا تكتب الواقع في اسم الملف.

94
00:04:47,333 --> 00:04:50,960
ربما كنت مجرد الذهاب إلى Facebook.com،
أدخل، gmail.com، أو ما شابه ذلك.

95
00:04:50,960 --> 00:04:52,260
وماذا تمثل مائل؟

96
00:04:52,260 --> 00:04:53,506
ملف ما؟

97
00:04:53,506 --> 00:04:54,630
، أو ما الصفحة على وجه التحديد؟

98
00:04:54,630 --> 00:04:59,642

99
00:04:59,642 --> 00:05:00,720
>> مؤشر، نعم.

100
00:05:00,720 --> 00:05:01,810
حتى الصفحة الافتراضية.

101
00:05:01,810 --> 00:05:04,810
حتى إذا لم تقم بتحديد ملف
اسم ونحن سوف تبدأ في رؤية،

102
00:05:04,810 --> 00:05:07,750
كنت في الواقع مجرد طلب
تعطيني الصفحة الافتراضية الفيسبوك

103
00:05:07,750 --> 00:05:10,800
أو تعطيني البريد الوارد أو إعطاء
لي الصفحة الافتراضية من الأخبار

104
00:05:10,800 --> 00:05:12,510
على موقع CNN أو ما شابه ذلك.

105
00:05:12,510 --> 00:05:15,220
وخادم ثم يستجيب ل
هذه الرسالة بشيء

106
00:05:15,220 --> 00:05:18,420
مثل هذا، تقول نعم، وأنا
الكلام HTTP الإصدار 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200، وهو الوضع
التعليمات البرمجية التي نحن البشر نادرا

108
00:05:21,130 --> 00:05:22,790
نرى أي وقت مضى لأنه جيد.

109
00:05:22,790 --> 00:05:26,640
لأنه يعني موافق، وطلب
وكان في استقبال والتعامل معها بشكل صحيح.

110
00:05:26,640 --> 00:05:28,960
ونوع المحتوى
على ما يبدو في الرد

111
00:05:28,960 --> 00:05:31,170
هو في كثير من الأحيان، ولكن ليس دائما، والنص.

112
00:05:31,170 --> 00:05:32,580
وعلى وجه التحديد، HTML.

113
00:05:32,580 --> 00:05:34,760
وهذا في الواقع
حيث أننا ننظر اليوم.

114
00:05:34,760 --> 00:05:37,140
>> وذلك في الواقع، انا ذاهب للذهاب
قدما وفتح المتصفح.

115
00:05:37,140 --> 00:05:40,410
انا ذاهب الى استخدام كروم، يمكنك استخدام
أكثر من أي متصفح في الأسابيع المقبلة.

116
00:05:40,410 --> 00:05:42,410
عادة نوصي كروم
لأنه لا سيما

117
00:05:42,410 --> 00:05:43,750
جيدة لمطوري البرمجيات.

118
00:05:43,750 --> 00:05:46,070
انها حصلت على الكثير من المدمج في
الأدوات التي تجعل من السهل

119
00:05:46,070 --> 00:05:49,800
لتطوير ليس فقط HTML و CSS،
أشياء سنبدأ الحديث عنه اليوم،

120
00:05:49,800 --> 00:05:51,530
ولكن أيضا لغات أخرى أيضا.

121
00:05:51,530 --> 00:05:55,530
>> وانا ذاهب الى المضي قدما والذهاب to--
انا ذاهب الى نقرة أو حق التحكم

122
00:05:55,530 --> 00:05:57,210
انقر في أي مكان على صفحة ويب.

123
00:05:57,210 --> 00:05:59,070
وانا ذاهب للذهاب الى فحص العنصر.

124
00:05:59,070 --> 00:06:03,850
وانا ذاهب الى قرص بلدي
الشاشة فقط قليلا هنا.

125
00:06:03,850 --> 00:06:05,790
اسمحوا لي أن نقل هذا إلى أسفل.

126
00:06:05,790 --> 00:06:08,140
لذلك هذا هو ما يسمى
المفتش كروم.

127
00:06:08,140 --> 00:06:11,010
لذلك هذا هو مثل التصحيح
أداة صلب كروم.

128
00:06:11,010 --> 00:06:13,520
>> كل من لديك هذا بالفعل
إذا كنت قد تم باستخدام الكروم.

129
00:06:13,520 --> 00:06:17,169
ويسمح لك أن ترى ما يجري
تحت غطاء محرك السيارة من بعض الصفحات على شبكة الإنترنت.

130
00:06:17,169 --> 00:06:19,210
لذلك دعونا نلقي الواقع
ننظر إلى هذا على النحو التالي.

131
00:06:19,210 --> 00:06:21,251
كان لديه وسيلة المزيد من الميزات
ونحن نهتم اليوم.

132
00:06:21,251 --> 00:06:22,760
ولكن هناك علامات التبويب هذه أكثر من هنا.

133
00:06:22,760 --> 00:06:25,890
عناصر الشبكة، مصادر،
الجدول الزمني، وبعض الأشياء الأخرى.

134
00:06:25,890 --> 00:06:27,800
انا ذاهب الى الضغط على
شبكة لحظة.

135
00:06:27,800 --> 00:06:30,500
>> وانها قليلا الساحق
للوهلة الأولى هنا.

136
00:06:30,500 --> 00:06:34,190
ولكن ما أنا ذاهب الى القيام به هو ترك
لي تبسيط ذلك قليلا.

137
00:06:34,190 --> 00:06:37,560
انا ذاهب الى تشغيل
تسجيل ضوء بحيث انها الأحمر.

138
00:06:37,560 --> 00:06:39,140
وانا ذاهب الى القول حفاظ على السجل.

139
00:06:39,140 --> 00:06:41,015
وهذا هو قليلا
شيء فكنت أحسب

140
00:06:41,015 --> 00:06:44,120
مع مرور الوقت أن يحدث لإنقاذ
كل ما يحدث في المتصفح.

141
00:06:44,120 --> 00:06:50,030
والآن انا ذاهب للذهاب
لhttp://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> في الواقع، دعونا نفعل شبكة الاتصالات العالمية
لحسن التدبير، خفض.

143
00:06:52,690 --> 00:06:53,643
أدخل.

144
00:06:53,643 --> 00:06:56,180
لذلك URL أن العديد من
كنت قد زار.

145
00:06:56,180 --> 00:06:58,830
والآن على شبكة الإنترنت الفيسبوك ل
الصفحة تأتي في الأعلى.

146
00:06:58,830 --> 00:07:02,350
ثم مجموعة كاملة من
الاشياء حلقت به في القاع.

147
00:07:02,350 --> 00:07:04,830
في واقع الأمر، اتضح أن
عند زيارة Facebook.com،

148
00:07:04,830 --> 00:07:09,320
كنت لا مجرد جعل طلب HTTP واحد،
اتضح أن الذهاب إلى Facebook.com

149
00:07:09,320 --> 00:07:14,320
يرسل 41 من تلك المظاريف،
مع كل طلب الحصول على الخاصة،

150
00:07:14,320 --> 00:07:18,360
كما هو مبين، ولو من وراء الشاشة
هنا، في الجزء السفلي من الشاشة،

151
00:07:18,360 --> 00:07:24,040
فإنه يشير إلى أن، في الواقع، بلدي
جعل المتصفح 41 الطلبات.

152
00:07:24,040 --> 00:07:29,689
>> وبشكل إجمالي، أنها نقلت 861
كيلو واستغرق لسبب

153
00:07:29,689 --> 00:07:31,730
ما يصل الى ثماني ثوان
لتحميل كل ذلك.

154
00:07:31,730 --> 00:07:33,790
بحيث فعلا غريبة بعض الشيء
هذا الموقع الفيسبوك من شأنه أن يأخذ ذلك

155
00:07:33,790 --> 00:07:35,600
منذ فترة طويلة، ولكن فليكن في هذه الحالة.

156
00:07:35,600 --> 00:07:39,520
الآن، كل هذا لا يهمني حقا
حول ما عدا العلوي الطلب.

157
00:07:39,520 --> 00:07:46,440
لذلك دعونا نذهب إلى هذا الحق واحد هنا
واسمحوا لي أن تصغير لمجرد لحظة.

158
00:07:46,440 --> 00:07:47,754
>> واسمحوا لي أن التكبير في هذا الشأن.

159
00:07:47,754 --> 00:07:50,670
ذلك ما فعلته في اليسار على الرغم من
هناك الكثير مما يجري على أكثر من هنا

160
00:07:50,670 --> 00:07:53,360
ولقد أبرزت
Facebook.com ثم

161
00:07:53,360 --> 00:07:56,540
لاحظت أنني التمرير لأسفل،
التمرير لأسفل، التمرير لأسفل،

162
00:07:56,540 --> 00:07:58,330
لطلب رؤوس.

163
00:07:58,330 --> 00:08:01,720
وسترى أن كروم يظهر
لي أساسا محتويات الداخلية

164
00:08:01,720 --> 00:08:02,810
الطلب الذي أدليت به.

165
00:08:02,810 --> 00:08:06,130
انها ليست تنسيق في غاية نفسها
الطريق، ولكن لاحظت هناك ذكر ليحصل،

166
00:08:06,130 --> 00:08:09,481
تلاحظ هناك ذكر للمضيف،
Facebook.com، المسار، أو مائل،

167
00:08:09,481 --> 00:08:10,730
وهو ملف طلبت.

168
00:08:10,730 --> 00:08:12,930
>> ثم إذا كنت انتقل
عمل نسخة احتياطية، وسوف نقوم في الواقع

169
00:08:12,930 --> 00:08:17,270
نرى أن ما عاد الفيسبوك
بالنسبة لي هو كل من هذه الرؤوس.

170
00:08:17,270 --> 00:08:21,040
حتى داخل ذلك الظرف الظاهري
هي في الواقع الكثير من أزواج قيمة المفتاح.

171
00:08:21,040 --> 00:08:23,130
كلمة واحدة، والقولون، ثم قيمة.

172
00:08:23,130 --> 00:08:25,050
كلمة واحدة، والقولون، وقيمة.

173
00:08:25,050 --> 00:08:26,160
وتسمى هذه الرؤوس.

174
00:08:26,160 --> 00:08:31,860
وهناك طريقة مزيد من التفاصيل من هنا
نحن نهتم فعلا عن الحق الآن.

175
00:08:31,860 --> 00:08:33,750
>> ولكن هذا هو الثاني ل
آخر واحد الى هناك،

176
00:08:33,750 --> 00:08:38,809
لاحظ أن الخادم Facebook.com، و
وقال في الواقع هنا يأتي بعض HTML النص.

177
00:08:38,809 --> 00:08:41,409
لذلك كل هذا هو القول
أنه عند طلب شبكة الإنترنت

178
00:08:41,409 --> 00:08:44,300
الصفحة من مستعرض ل
الخادم، ويستجيب هذا الخادم

179
00:08:44,300 --> 00:08:47,630
مع مغلف من تلقاء نفسها
داخل وهو النص.

180
00:08:47,630 --> 00:08:49,020
وبعبارة أخرى، HTML.

181
00:08:49,020 --> 00:08:50,590
لغة توصيف النص التشعبي.

182
00:08:50,590 --> 00:08:53,200
وهي لغة أخرى
أن نقدم اليوم

183
00:08:53,200 --> 00:08:57,740
أن البشر أو أجهزة الكمبيوتر توليد
من أجل تنفيذ صفحات الويب.

184
00:08:57,740 --> 00:08:59,580
>> على وجه التحديد، دعونا ننظر في هذا الأمر.

185
00:08:59,580 --> 00:09:03,277
انا ذاهب الى العودة الآن
لموقع الفيسبوك ل.

186
00:09:03,277 --> 00:09:05,360
وانا ذاهب الى مجرد
السيطرة نقرة أو فوق الحق

187
00:09:05,360 --> 00:09:07,634
وانقر على عرض المصدر ل.

188
00:09:07,634 --> 00:09:10,550
وحتى لو كنت لا تستخدم كروم،
IE يمكن أن تفعل هذا، فايرفوكس ويمكن القيام بذلك،

189
00:09:10,550 --> 00:09:14,060
رحلات السفاري ويمكن القيام بذلك، على الرغم من أن القائمة
خيارات قد تبدو مختلفة قليلا.

190
00:09:14,060 --> 00:09:18,990
وهذا هو HTML أن مارك و
وقد كتبت الشركة في الفيسبوك.

191
00:09:18,990 --> 00:09:24,640
>> وبشكل جماعي، هذه اللغة هنا
تطبق الأزرق والصفحة البيضاء

192
00:09:24,640 --> 00:09:26,370
الذي رأيناه قبل لحظة.

193
00:09:26,370 --> 00:09:28,030
الآن، وهذا هو قليلا الساحق.

194
00:09:28,030 --> 00:09:31,400
ولكن إذا نظرنا حتى في أعلى اليسار، ونحن
سنبدأ في رؤية بعض الأنماط.

195
00:09:31,400 --> 00:09:34,140
يبدو أن هناك الكثير
هذه فتح قوس الزاوية

196
00:09:34,140 --> 00:09:35,970
ثم هناك هذا HTML الكلمات الرئيسية.

197
00:09:35,970 --> 00:09:38,330
وهنا فتح أخرى
قوس الزاوية والرأس.

198
00:09:38,330 --> 00:09:41,560
>> هنا هو، إذا كنا انتقل لأسفل
ونزولا وهبوطا، وأنا

199
00:09:41,560 --> 00:09:43,820
الذهاب الى المضي قدما ومحاولة
للبحث عن شيء ما.

200
00:09:43,820 --> 00:09:48,510
هناك طريقة أكثر على اليمين
هنا هو هيئة قوس مفتوح.

201
00:09:48,510 --> 00:09:50,800
ونذكر من الماضي
الوقت الذي اقترحنا

202
00:09:50,800 --> 00:09:53,364
أن صفحة الويب أبسط
أن الإنسان يمكنه أن يكتب

203
00:09:53,364 --> 00:09:55,030
قد تبدو شيئا قليلا من هذا القبيل.

204
00:09:55,030 --> 00:09:58,430
فتح علامة HTML، رئيس المفتوح
العلامة، علامة العنوان مفتوحة،

205
00:09:58,430 --> 00:10:03,230
ثم لقب مغلقة، رئيس مغلقة، مفتوحة
العلامة الجسم، وبعض النصوص، أغلق الجسم،

206
00:10:03,230 --> 00:10:04,720
HTML مغلقة.

207
00:10:04,720 --> 00:10:06,290
>> ولكن وقفة هنا لمجرد لحظة.

208
00:10:06,290 --> 00:10:09,030
هذا الرمز، حتى لو كنت قد
لم تكتب من قبل

209
00:10:09,030 --> 00:10:11,864
ولكن ما زلت لا أفهم تماما
ما يحدث، تبدو جيدة.

210
00:10:11,864 --> 00:10:12,821
الحق، انها نظيفة جدا.

211
00:10:12,821 --> 00:10:14,120
انها لطيفة جدا أسلوبيا.

212
00:10:14,120 --> 00:10:16,190
وهناك الكثير من المسافة البادئة والمساحة البيضاء.

213
00:10:16,190 --> 00:10:18,020
في الفيسبوك ليست كذلك.

214
00:10:18,020 --> 00:10:23,190
ذلك هو السبب في الفيسبوك كثيرا
أسوأ مما كنت في كتابة HTML؟

215
00:10:23,190 --> 00:10:24,310
على ما يبدو.

216
00:10:24,310 --> 00:10:26,899
>> الحق، وهذا هو مثل واحد
من أصل خمسة لأسلوب.

217
00:10:26,899 --> 00:10:29,315
هناك سبب مقنع
بالنسبة لهم لخفض هذه الزوايا.

218
00:10:29,315 --> 00:10:31,069

219
00:10:31,069 --> 00:10:33,860
كل الحق، لذلك هم لا يريدون
جعل من الأسهل بالنسبة لك لقراءته.

220
00:10:33,860 --> 00:10:36,940
حتى في بعض المعنى، انهم
التشويش عليه، نوعا من الهرولة ذلك

221
00:10:36,940 --> 00:10:40,260
على الأقل من الناحية الجمالية لذلك
أنه من الصعب على ماي سبيس

222
00:10:40,260 --> 00:10:42,705
للذهاب وراوغ بها
زيارة وHTML لذلك.

223
00:10:42,705 --> 00:10:45,080
اتضح أنه مع برامج
رغم ذلك، بما في ذلك كروم،

224
00:10:45,080 --> 00:10:47,020
يمكننا تنظيف هذا بسهولة فائقة.

225
00:10:47,020 --> 00:10:49,420
حتى انها ليست تماما أن كسبب.

226
00:10:49,420 --> 00:10:51,290
ماذا قد يكون السبب.

227
00:10:51,290 --> 00:10:51,790
نعم.

228
00:10:51,790 --> 00:10:54,680

229
00:10:54,680 --> 00:10:55,890
نعم، بيانات التكاليف مساحة بيضاء.

230
00:10:55,890 --> 00:10:56,598
ماذا تعني؟

231
00:10:56,598 --> 00:11:02,250

232
00:11:02,250 --> 00:11:02,979
نعم بالضبط.

233
00:11:02,979 --> 00:11:06,020
إذا كنت أصاب مفتاح الجدولة الكثير أو
شريط الفضاء، والنظر في الآثار المترتبة عليها.

234
00:11:06,020 --> 00:11:10,060
لذلك كل مفتاح على لوحة المفاتيح هو
[غير مسموع] ممثلة بايت واحد.

235
00:11:10,060 --> 00:11:14,560
>> لذلك نفترض أن الأقسام أو أي من المشروعات الإنمائية
في هذه الأيام يضرب على مفتاح المسافة مرة واحدة فقط

236
00:11:14,560 --> 00:11:17,899
في هذه الصفحة HTML التي
يمثل موقع الفيسبوك ل.

237
00:11:17,899 --> 00:11:19,690
والفيسبوك لديها الكثير
المستخدمين في هذه الأيام.

238
00:11:19,690 --> 00:11:24,030
لذلك نفترض أن موقع الفيسبوك ل
يزوره مليار شخص اليوم.

239
00:11:24,030 --> 00:11:27,020
وشخص في الفيسبوك له
ضرب شريط الفضاء مرة واحدة فقط.

240
00:11:27,020 --> 00:11:29,890
>> حتى بايت إضافية واحدة،
مليار الطلبات،

241
00:11:29,890 --> 00:11:32,790
وكم من البيانات الفيسبوك
نقل عبر الإنترنت

242
00:11:32,790 --> 00:11:37,160
لأن أحدهم ضرب
المسافة على له أو لها لوحة المفاتيح؟

243
00:11:37,160 --> 00:11:41,660
A مليار بايت أو غيغا بايت واحد من
يتم إرسال البيانات من خوادم الفيسبوك

244
00:11:41,660 --> 00:11:43,626
للناس في جميع أنحاء
العالم من دون سبب وجيه.

245
00:11:43,626 --> 00:11:44,750
الآن، وهذا الفضاء واحدة فقط.

246
00:11:44,750 --> 00:11:48,866
>> تخيل لو أننا فعلا تنظيف هذا
الشيء حتى وبادئة ذلك، وأضاف

247
00:11:48,866 --> 00:11:50,990
الكثير من المساحة البيضاء و
أحرف الجدولة والمسافات،

248
00:11:50,990 --> 00:11:53,656
كنت في نهاية المطاف غيغابايت الإنفاق،
إن لم يكن تيرا بايت أكثر من الفضاء.

249
00:11:53,656 --> 00:11:56,640
وهكذا مشتركة عظمى في
العالم الفعلي لتطوير الشبكة

250
00:11:56,640 --> 00:11:58,950
هو صغر التعليمات البرمجية.

251
00:11:58,950 --> 00:12:01,280
وسنرى في نهاية المطاف
كيف يمكن القيام بذلك.

252
00:12:01,280 --> 00:12:04,630
>> ولكن اليوم، سنبدأ كتابة التعليمات البرمجية
وهذا في الواقع قراءة من قبلنا البشر.

253
00:12:04,630 --> 00:12:10,120
كما تبين، رغم ذلك، إذا كنت أعود
لهذه الأداة في كروم فحص العنصر،

254
00:12:10,120 --> 00:12:12,030
في السابق، كنا على علامة التبويب الشبكة.

255
00:12:12,030 --> 00:12:15,430
اتضح أنه إذا كنت تذهب إلى
التبويب عناصر، ما تراه في الواقع

256
00:12:15,430 --> 00:12:19,230
وكروم المطبوعة جدا
نسخة من نفس تلك HTML.

257
00:12:19,230 --> 00:12:20,640
لذلك قمنا deobfuscated ذلك.

258
00:12:20,640 --> 00:12:22,472
لذلك فمن غير مؤهل لجهاز كمبيوتر.

259
00:12:22,472 --> 00:12:24,430
والآن يمكنك فعلا
انقر حولها وتبدأ

260
00:12:24,430 --> 00:12:27,630
لمعرفة التسلسل الهرمي الذي هو صفحة ويب.

261
00:12:27,630 --> 00:12:28,780
لذلك دعونا نفعل هذا الواقع.

262
00:12:28,780 --> 00:12:32,120
انا ذاهب الى المضي قدما وفتح على
بلدي ماك برنامج يسمى تحرير النص.

263
00:12:32,120 --> 00:12:35,490
وأذكر أن هذا هو مجرد
برنامج نص السوبر بسيط.

264
00:12:35,490 --> 00:12:37,490
نوافذ ديه NOTEPAD.EXE.

265
00:12:37,490 --> 00:12:39,820
وانا ذاهب الى المحاضر الحرفية
اكتب ما يلي.

266
00:12:39,820 --> 00:12:44,650
وثيقة نوع HTML، قوس مفتوح
HTML، أغلق قوس HTML،

267
00:12:44,650 --> 00:12:49,000
لدينا رئيس للصفحة هنا،
نهاية رأس الصفحة هنا،

268
00:12:49,000 --> 00:12:52,310
سوف يكون العنوان مثل، مرحبا العالم.

269
00:12:52,310 --> 00:12:56,660
>> ثم إلى هنا، ونحن بحاجة
الجسم من صفحة الويب.

270
00:12:56,660 --> 00:12:58,050
مغلق الجسم.

271
00:12:58,050 --> 00:13:00,700
ثم هنا، مرحبا العالم.

272
00:13:00,700 --> 00:13:01,270
حسنا.

273
00:13:01,270 --> 00:13:03,350
ولذا فإننا قد كتبت صفحة على شبكة الإنترنت بسرعة فائقة.

274
00:13:03,350 --> 00:13:06,675
أنا ذاهب لإنقاذ بأنها
hello.html على سطح المكتب.

275
00:13:06,675 --> 00:13:09,050
بلدي ماك سيقدم شكوى،
التفكير في أن، انتظر لحظة،

276
00:13:09,050 --> 00:13:11,091
هذا هو ملف نصي، والقيام
تريد أن نسميها. TXT؟

277
00:13:11,091 --> 00:13:13,300
ولكن لا، أريد استخدام نقطة HTML.

278
00:13:13,300 --> 00:13:16,140
>> ثم ما هو جميل لو
فقط انقر نقرا مزدوجا فوق هذا الملف،

279
00:13:16,140 --> 00:13:18,600
hello.html، وهنا بلدي صفحة الويب.

280
00:13:18,600 --> 00:13:22,564
للأسف، أنا
الشخص الوحيد في العالم

281
00:13:22,564 --> 00:13:23,980
الذين يمكن زيارة هذه الصفحة الآن.

282
00:13:23,980 --> 00:13:26,734
لأن حيث أنها لا تعيش على ما يبدو؟

283
00:13:26,734 --> 00:13:27,650
انها على بلدي ماك، أليس كذلك؟

284
00:13:27,650 --> 00:13:28,470
الذي لا طائل منه.

285
00:13:28,470 --> 00:13:30,390
مثل أي شخص في هذه الغرفة
ناهيك على شبكة الانترنت

286
00:13:30,390 --> 00:13:31,598
في الواقع يمكن أن زيارة تلك الصفحة.

287
00:13:31,598 --> 00:13:33,820
حتى اليوم، ونحن بحاجة ل
إدخال عنصر آخر.

288
00:13:33,820 --> 00:13:36,720
>> وللقيام بذلك، وانا ذاهب ل
المضي قدما وفتح سحابة 9.

289
00:13:36,720 --> 00:13:40,090
حتى سحابة 9 هي بالطبع
سحابة service-- استنادا CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- التي لديها كل مساحات العمل لدينا
تشغيل في مكان ما على شبكة الانترنت.

291
00:13:44,890 --> 00:13:48,330
وهذا يعني أن جميع ملفاتنا
يمكن الوصول إليها علنا ​​بالفعل.

292
00:13:48,330 --> 00:13:49,830
لذلك دعونا نمضي قدما ونفعل ذلك.

293
00:13:49,830 --> 00:13:53,670
انا ذاهب الى المضي قدما و
إنشاء ملف جديد NCS50IDE.

294
00:13:53,670 --> 00:13:58,819
انا ذاهب لحفظه كما كان من قبل
كما hello.html وانقر حفظ.

295
00:13:58,819 --> 00:14:01,860
والآن فقط لتوفير الوقت، وانا ذاهب
المضي قدما ونسخ لصق هذا الرمز

296
00:14:01,860 --> 00:14:03,470
بدلا من إعادة كتابتها.

297
00:14:03,470 --> 00:14:04,550
وحفظه.

298
00:14:04,550 --> 00:14:07,550
وحتى الآن لدي
ملف يسمى hello.html.

299
00:14:07,550 --> 00:14:09,710
ولكن كيف يمكنني في الواقع
فتحه كصفحة ويب؟

300
00:14:09,710 --> 00:14:14,120
حسنا، اتضح المدمج في لCS50
IDE ليس فقط مترجم مثل رنة

301
00:14:14,120 --> 00:14:16,670
والمصحح مثل GDB و
باقات من البرامج الأخرى،

302
00:14:16,670 --> 00:14:21,140
هناك في الواقع العضوية الكاملة
خادم الويب تشغيل في غضون CS50 IDE.

303
00:14:21,140 --> 00:14:23,900
>> كل واحد منكم، وهذا هو القول،
لدينا خادم الويب الخاص بك.

304
00:14:23,900 --> 00:14:26,850
وخادم الويب هو مجرد قطعة
من البرامج التي تهدف في الحياة

305
00:14:26,850 --> 00:14:28,220
هو لخدمة ما يصل صفحات الويب.

306
00:14:28,220 --> 00:14:32,490
للاستماع لطلبات من المتصفحات و
الرد مع القليل المغلفات الافتراضية

307
00:14:32,490 --> 00:14:35,290
داخل وهو
المحتوى الذي كتبته.

308
00:14:35,290 --> 00:14:38,372
حتى ملقم ويب هذا غير
حر فعلا والمفتوحة المصدر.

309
00:14:38,372 --> 00:14:40,830
حيث المصدر المفتوح يعني فقط
البرامج التي شخص آخر لديه

310
00:14:40,830 --> 00:14:43,480
مكتوب ان كل واحد منا يمكن
نرى في الواقع وتنزيل وحتى

311
00:14:43,480 --> 00:14:44,780
تغيير شفرة المصدر.

312
00:14:44,780 --> 00:14:46,150
وانه دعا أباتشي.

313
00:14:46,150 --> 00:14:51,450
>> وأوضحنا ذلك أسهل قليلا ل
استخدام في CS50IDE عن طريق استدعاء اباتشي 50.

314
00:14:51,450 --> 00:14:53,780
بحيث يمكن في الواقع
فهم ما يلي.

315
00:14:53,780 --> 00:14:56,560
انا ذاهب الى القول اباتشي 50 البداية.

316
00:14:56,560 --> 00:14:58,910
ثم أنا فقط أريد أن أقول نقطة.

317
00:14:58,910 --> 00:15:01,080
ونحن نرى بعض إلى حد ما
رسالة غامضة قائلا

318
00:15:01,080 --> 00:15:04,640
وضع أباتشي ثيقة [؟ مجموعة؟]
إلى المنزل، أوبونتو، أيا كان ذلك،

319
00:15:04,640 --> 00:15:05,770
خفض مساحة العمل.

320
00:15:05,770 --> 00:15:08,280
بدءا خادم الويب
اباتشي 2 بنجاح.

321
00:15:08,280 --> 00:15:11,330
>> حتى قصة قصيرة طويلة، وأنا
دفعت فقط على زر

322
00:15:11,330 --> 00:15:18,000
وتحولت على خادم الويب الذي هو الآن
الاستماع على الانترنت على منفذ TCP

323
00:15:18,000 --> 00:15:20,587
80 في عنوان محدد.

324
00:15:20,587 --> 00:15:22,420
ويقول هنا، و
سيؤدي ذلك إلى تغيير مقرها

325
00:15:22,420 --> 00:15:26,550
على اسم المستخدم والعوامل الأخرى الخاصة بك،
ولكن لاحظ الآن إذا كنت فوق هذا،

326
00:15:26,550 --> 00:15:30,211
IDE50 نقطة jharvard وذلك و
لذلك، لاحظ أن كل هذا الوقت

327
00:15:30,211 --> 00:15:31,960
لالماضية
أسابيع، قد يكون لديك

328
00:15:31,960 --> 00:15:35,200
لاحظت أن اسم المستخدم الخاص بك
مضمن في اليد اليمنى العليا

329
00:15:35,200 --> 00:15:37,130
زاوية CS50IDE.

330
00:15:37,130 --> 00:15:41,050
>> والتي كانت في الواقع كل هذه
توقيت العنوان الذي يمكنك

331
00:15:41,050 --> 00:15:43,574
زيارة جميع الملفات الخاصة بك عبر الإنترنت.

332
00:15:43,574 --> 00:15:45,990
حتى الآن، لم يهم ذلك،
لأنه في C، بشكل عام

333
00:15:45,990 --> 00:15:48,073
تريد تسيير الأمور في
محطة، وليس على شبكة الإنترنت.

334
00:15:48,073 --> 00:15:50,800
ولكن اليوم، ونحن نبدأ
كتابة التعليمات البرمجية على شبكة الإنترنت

335
00:15:50,800 --> 00:15:53,350
أننا لا نريد
يمكن الوصول إليها في عناوين المواقع العامة.

336
00:15:53,350 --> 00:15:56,100
فما انا ذاهب الى
القيام به هو الضغط على هذا URL.

337
00:15:56,100 --> 00:16:00,880
>> وتلاحظ أن أرى إلى حد ما
مؤشر القبيح، سرد دليل،

338
00:16:00,880 --> 00:16:04,090
ولكن ما يقفز في ملف وربما كنت؟

339
00:16:04,090 --> 00:16:05,210
Hello.html.

340
00:16:05,210 --> 00:16:07,870
هذا لأنني المحفوظة
الملف في مساحة العمل الخاصة بي.

341
00:16:07,870 --> 00:16:12,310
وما قلت أباتشي خادم الويب
هو أن ننظر في الدليل مساحة العمل داود.

342
00:16:12,310 --> 00:16:15,300
والسماح لأي شخص في
العالم يرى تلك الملفات.

343
00:16:15,300 --> 00:16:19,050
>> وبالفعل، لو كنت الآن
انقر على hello.html،

344
00:16:19,050 --> 00:16:22,180
أرى في هذا التبويب بالضبط هذا الملف.

345
00:16:22,180 --> 00:16:26,430
لاحظ الآن، سحابة القيام 9 ل
شيء مفيد قليلا بالنسبة لنا.

346
00:16:26,430 --> 00:16:29,480
ضمن IDE CS50، لاحظ هناك
فجأة شريط العنوان.

347
00:16:29,480 --> 00:16:33,690
هذا هو لأنه حتى وإن نحن
باستخدام كروم لزيارة CS50IDE،

348
00:16:33,690 --> 00:16:37,940
داخل CS50IDE هو بمفرده
نسخة من متصفح الإنترنت في الوقت الحالي.

349
00:16:37,940 --> 00:16:40,820
وذلك بدلا من
تعقيد الامور على هذا النحو،

350
00:16:40,820 --> 00:16:42,955
انا ذاهب الى المضي قدما
ومجرد نسخ هذا URL.

351
00:16:42,955 --> 00:16:45,330
انا ذاهب الى المضي قدما وفقط
فتح بلدي نافذة Chrome.

352
00:16:45,330 --> 00:16:47,800
لذلك ليس هناك السحر هنا، لا CS50IDE.

353
00:16:47,800 --> 00:16:51,800
أنا ذاهب لمجرد لصق حرفيا
بلدي J هارفارد URL وهاهنا.

354
00:16:51,800 --> 00:16:54,750
وفويلا، وأنا الآن، و
من الناحية النظرية، الجميع

355
00:16:54,750 --> 00:16:57,700
على شبكة الانترنت، وإذا كنت قد تكوين
الأذونات بشكل مناسب،

356
00:16:57,700 --> 00:16:58,720
يمكن زيارة هذا الملف.

357
00:16:58,720 --> 00:17:03,230
وحتى الآن، إذا قلت
hello.html، فويلا، هناك

358
00:17:03,230 --> 00:17:06,366
هي صفحة الويب الخاصة بي مخيب بشكل لا يصدق.

359
00:17:06,366 --> 00:17:07,740
لذلك دعونا نفعل شيك التعقل سريع.

360
00:17:07,740 --> 00:17:09,710
لأن كل ذلك
هو مجموعة المفاهيمي تصل.

361
00:17:09,710 --> 00:17:13,180
ولقد الواقع ليست حقا
أنت تعلم كيفية كتابة HTML في حد ذاته.

362
00:17:13,180 --> 00:17:16,084
حتى الآن أي أسئلة بالتالي
على ما حدث للتو؟

363
00:17:16,084 --> 00:17:18,549

364
00:17:18,549 --> 00:17:19,049
نعم فعلا.

365
00:17:19,049 --> 00:17:24,290

366
00:17:24,290 --> 00:17:25,800
لا CS50 تملك هذه الصفحات على شبكة الإنترنت؟

367
00:17:25,800 --> 00:17:26,460
بأي معنى؟

368
00:17:26,460 --> 00:17:28,947

369
00:17:28,947 --> 00:17:29,530
سؤال جيد.

370
00:17:29,530 --> 00:17:32,429
حتى في CS50 يملك CS50.io.

371
00:17:32,429 --> 00:17:33,970
لقد اشترى بالفعل أن اسم المجال.

372
00:17:33,970 --> 00:17:37,240
وحسب طبيعة يا رفاق
تسجيل الدخول إلى CS50IDE،

373
00:17:37,240 --> 00:17:39,270
يمكنك الحصول على كل ما يسمى فرعي.

374
00:17:39,270 --> 00:17:46,840
>> حتى IDE50-مالان، أو IDE50-Rob.CS50.io،
هذا هو عنوان فريد الخاص بك في غضون

375
00:17:46,840 --> 00:17:47,730
اسم النطاق لدينا.

376
00:17:47,730 --> 00:17:50,850
حتى لأغراض الدورة،
لديك عنوان الفريدة الخاصة بك.

377
00:17:50,850 --> 00:17:55,150
ولكن لدينا تبسيط الأشياء
شراء نطاق المستوى العلوي، CS50 نقطة

378
00:17:55,150 --> 00:17:58,050
I / O ثم الجميع هو
داخل ذلك، إذا جاز التعبير.

379
00:17:58,050 --> 00:17:59,890
وسوف نعود لذلك
في بضعة أسابيع على الأرجح،

380
00:17:59,890 --> 00:18:01,930
خصوصا في المشروع النهائي
الوقت، عندما بعضكم

381
00:18:01,930 --> 00:18:03,596
قد ترغب في الحصول على أسماء النطاقات الخاصة بك.

382
00:18:03,596 --> 00:18:06,270
انها في الواقع نسبيا
مباشرة.

383
00:18:06,270 --> 00:18:06,770
حسنا.

384
00:18:06,770 --> 00:18:07,880
لذلك دعونا نفعل هذا الآن.

385
00:18:07,880 --> 00:18:11,910
انا ذاهب الى العودة الى
CS50IDE، حيث ملفي الآن،

386
00:18:11,910 --> 00:18:14,710
hello.html، ليس كل ما مثيرة للاهتمام.

387
00:18:14,710 --> 00:18:17,130
أود أن تفعل شيئا
أجمل قليلا من ذلك.

388
00:18:17,130 --> 00:18:19,440
لذلك أنا ذاهب لتفعل شيئا من هذا القبيل.

389
00:18:19,440 --> 00:18:21,510
اسمحوا لي أن paragraphs.html مفتوحة.

390
00:18:21,510 --> 00:18:23,560
لذلك هذا هو ملف كتبت في وقت مبكر.

391
00:18:23,560 --> 00:18:26,480
في الجزء العلوي منه، مثل
دائما، لدينا التعليقات.

392
00:18:26,480 --> 00:18:28,730
ولكن في HTML، تعليقات
تبدو مختلفة قليلا.

393
00:18:28,730 --> 00:18:33,270
في السطر الثالث وخط 14، ل
رؤية بناء الجملة من أجل بدء تعليق

394
00:18:33,270 --> 00:18:34,020
ووضع حد للتعليق.

395
00:18:34,020 --> 00:18:36,820
>> ولكن أيا من الأشياء في
بين المسائل وظيفيا.

396
00:18:36,820 --> 00:18:40,250
انها مجرد مذكرة ل
الإنسان ما يحدث هنا.

397
00:18:40,250 --> 00:18:43,040
وتماما كما التعقل سريعة
تحقق، وإذا كنت انتقل لأسفل،

398
00:18:43,040 --> 00:18:46,820
ما هو جديد واضح
العلامة التي قمنا بعرض؟

399
00:18:46,820 --> 00:18:52,130
علامات حتى الآن رأيناه مفتوحة
قوس HTML، رئيس، والعنوان، والجسم.

400
00:18:52,130 --> 00:18:54,400
ولكن ما هو جديد من الواضح الآن؟

401
00:18:54,400 --> 00:18:55,200
>> نعم، لذلك ص.

402
00:18:55,200 --> 00:18:57,320
العلامة ص أو علامة الفقرة.

403
00:18:57,320 --> 00:19:01,182
وبعد ذلك فقط اقترضت بعض الافتراضي
النص اللاتيني لتشكل الفقرات بلدي.

404
00:19:01,182 --> 00:19:03,390
لأن ما أردت أن
إظهار هي الطريقة التي قد

405
00:19:03,390 --> 00:19:05,859
تمثل الفقرات من النص في HTML.

406
00:19:05,859 --> 00:19:08,400
وذلك ما بدأ يحدث
هنا هو أن هناك بالفعل

407
00:19:08,400 --> 00:19:09,657
نمط تتطور.

408
00:19:09,657 --> 00:19:10,990
واسمحوا لي أن نمضي قدما ونفعل ذلك.

409
00:19:10,990 --> 00:19:12,760
اسمحوا لي أولا من طراز أباتشي.

410
00:19:12,760 --> 00:19:17,340
وأنا أريد أن أقول أن تبدأ نفسها
مرة أخرى داخل المصدر اليوم سبعة

411
00:19:17,340 --> 00:19:18,420
م الدليل.

412
00:19:18,420 --> 00:19:20,100
لدرجة أنني الحصول على كل شيء.

413
00:19:20,100 --> 00:19:22,230
>> والآن، إذا أعود إلى
قائمة دليل هذا،

414
00:19:22,230 --> 00:19:24,846
تلاحظ أرى كل ملف من اليوم.

415
00:19:24,846 --> 00:19:26,720
وسترى في
القادم مجموعة المشكلة، وسوف نقوم

416
00:19:26,720 --> 00:19:28,594
يعطيك تعليمات
للقيام بذلك بالضبط.

417
00:19:28,594 --> 00:19:35,210
إذا قمت بفتح paragraphs.html، وهذا قد
كما ننظر جيدا مثل لغة البرمجة

418
00:19:35,210 --> 00:19:36,970
لك إذا كنت لا يتكلمون أو قراءة اللاتينية.

419
00:19:36,970 --> 00:19:40,525
ولكن هذا هو الفقرات الثلاث فقط
النص الذي تم ترميزه في HTML.

420
00:19:40,525 --> 00:19:43,100
>> وتلاحظ الفقرة
فواصل بينهما.

421
00:19:43,100 --> 00:19:46,400
لأنه تبين،
وحتى لو كنت

422
00:19:46,400 --> 00:19:49,210
قد تميل إلى القيام بذلك،
في حين أنه في العالم الحقيقي،

423
00:19:49,210 --> 00:19:51,370
إذا كنت ترغب في وضع خط
فواصل بين الأشياء،

424
00:19:51,370 --> 00:19:55,680
كنت قد بكل بساطة
تفعل هذا، وضرب حفظ.

425
00:19:55,680 --> 00:19:59,460
والآن، إذا كنت تحميل هنا، لاحظ
أن كل ما يطمس فقط معا

426
00:19:59,460 --> 00:20:01,100
في النقطة واحد فقط من النص.

427
00:20:01,100 --> 00:20:03,570
لأن HTML هو نوع من لغة البكم.

428
00:20:03,570 --> 00:20:07,230
>> ومن المفترض أن يتم استخدامها في مثل هذه
هذه الطريقة التي سوف المتصفح فقط

429
00:20:07,230 --> 00:20:09,920
به صراحة ما كنت أقول أن تفعله.

430
00:20:09,920 --> 00:20:12,890
لذلك إذا كنت لا أقول ذلك
تعطيني فقرة جديدة

431
00:20:12,890 --> 00:20:14,569
كنت لن نرى فقرة جديدة.

432
00:20:14,569 --> 00:20:16,360
في واقع الأمر، ما
يسير على متصفح للقيام

433
00:20:16,360 --> 00:20:20,020
هو حتى لو كنت هاهنا،
دعنا نقول مرارا وتكرارا

434
00:20:20,020 --> 00:20:23,190
ومرة أخرى، والانتقال بهذه الطريقة النص
أسفل على الشاشة ثم قم بحفظ

435
00:20:23,190 --> 00:20:26,610
ثم تحميل، والمتصفح سوف
أن ينهار كل ذلك المساحة البيضاء

436
00:20:26,610 --> 00:20:29,021
إلى مجرد واحدة، بيضاء واضحة.

437
00:20:29,021 --> 00:20:29,520
حسنا.

438
00:20:29,520 --> 00:20:30,869
لذلك هذا هو علامة الفقرة.

439
00:20:30,869 --> 00:20:32,910
وذلك ما هو نمط
وهذا ما وضع هنا؟

440
00:20:32,910 --> 00:20:37,450
حسنا، يبدو أن هذا هو الحال الذي
HTML هو كل شيء بدءا علامة

441
00:20:37,450 --> 00:20:38,460
وتنتهي علامة.

442
00:20:38,460 --> 00:20:39,300
وما هو علامة؟

443
00:20:39,300 --> 00:20:41,160
حسنا، انها مجرد قطعة من بناء الجملة.

444
00:20:41,160 --> 00:20:44,400
فتح قوس، كلمة رئيسية،
قوس مغلقة، هو علامة.

445
00:20:44,400 --> 00:20:45,510
أو بدء العلامة.

446
00:20:45,510 --> 00:20:48,590
وبعد ذلك عندما كنت
يتم التعبير عن نفسك،

447
00:20:48,590 --> 00:20:52,300
كما هو الحال في الانتهاء من ذلك مع الفقرة،
يمكنك القيام بذلك في الكلام عكس ذلك.

448
00:20:52,300 --> 00:20:55,480
ولكن العكس ليس إلى الوراء تماما.

449
00:20:55,480 --> 00:21:00,630
>> يمكنك ببساطة بادئة نفس العلامة
اسم بخط مائل إلى الأمام من هذا القبيل.

450
00:21:00,630 --> 00:21:01,130
حسنا.

451
00:21:01,130 --> 00:21:02,570
لذلك ليس كل ما مثيرة.

452
00:21:02,570 --> 00:21:05,270
في واقع الأمر، نحن لا يجعل
على شبكة الإنترنت كل ذلك أكثر إثارة للاهتمام.

453
00:21:05,270 --> 00:21:07,630
ماذا لو كنت تريد أن تجعل
أشياء أكبر وجريئة؟

454
00:21:07,630 --> 00:21:11,780
هكذا اتضح أن هنا مثالا
في headings.html، حيث في جسدي،

455
00:21:11,780 --> 00:21:17,280
لقد حصلت على علامة H1، H2، H3،
أربعة، خمسة، أو ستة، وكلها

456
00:21:17,280 --> 00:21:18,310
يبدو غامضة جدا.

457
00:21:18,310 --> 00:21:21,010
ولكن إذا ذهبت فتح هذا
سبيل المثال، دعونا نلقي نظرة.

458
00:21:21,010 --> 00:21:22,490
Headings.html.

459
00:21:22,490 --> 00:21:27,030
>> حتى المتصفحات افتراضيا يمكن أن تعطيك نص
هذا هو كبيرة وجريئة من أحجام متباينة.

460
00:21:27,030 --> 00:21:28,070
H1 هو كبير.

461
00:21:28,070 --> 00:21:31,240
H6 هو أصغر ثم
كل شيء آخر بينهما.

462
00:21:31,240 --> 00:21:34,170
بحيث مثيرة للاهتمام ولكن لا يزال
لا حقا على شبكة الإنترنت وأنا أعلم.

463
00:21:34,170 --> 00:21:36,870
ماذا لو أردنا أن لدي
ما يشبه القائمة. .

464
00:21:36,870 --> 00:21:40,190
حتى هنا قائمة ذات تعداد نقطي
ثلاثة منازل في جامعة هارفارد.

465
00:21:40,190 --> 00:21:41,600
>> كيف يمكنك أن تفعل هذا؟

466
00:21:41,600 --> 00:21:45,410
حسنا، نلقي نظرة على list.html.

467
00:21:45,410 --> 00:21:47,870
وهنا، نرى
قليلا من funkiness

468
00:21:47,870 --> 00:21:49,630
ولكن دعونا نتأمل ما يحدث.

469
00:21:49,630 --> 00:21:56,182
ذلك يعتمد على ما كنت قد رأيت للتو،
UL لتقف على قائمة غير مرتبة.

470
00:21:56,182 --> 00:21:57,640
قائمة غير مرتبة فقط يعني النقطية.

471
00:21:57,640 --> 00:21:58,431
ليس هناك أرقام.

472
00:21:58,431 --> 00:22:01,850
هناك أيضا شيء يسمى
القائمة، وهو OL في العلامة المطلوبة.

473
00:22:01,850 --> 00:22:05,350
ثم LI، عنصر قائمة هو كل ما يعني.

474
00:22:05,350 --> 00:22:07,790
>> ولذا فإنه تلقائيا
أرقام كل شيء بالنسبة لك.

475
00:22:07,790 --> 00:22:11,270
ولكن مرة أخرى، كل من بلدي المسافة البادئة
والمساحة البيضاء هو فقط من أجلي.

476
00:22:11,270 --> 00:22:13,050
المتصفح لا
يحدث فعلا على الرعاية.

477
00:22:13,050 --> 00:22:16,670
حتى على الرغم من أنك لا تستطيع
القيام بذلك، لمجرد أن يكون واضحا،

478
00:22:16,670 --> 00:22:19,880
يجب أن لا الرغم من
سيظل المتصفح

479
00:22:19,880 --> 00:22:22,130
تكون قادرة على فهمه على ما يرام.

480
00:22:22,130 --> 00:22:24,590
أنا ضرب تحديث في بلدي
متصفح، أنا النقر تحديث

481
00:22:24,590 --> 00:22:26,760
وأي تغيير يحدث
لأن المتصفح لا يزال

482
00:22:26,760 --> 00:22:29,550
تفعل بالضبط ما أقول أن تفعله.

483
00:22:29,550 --> 00:22:30,050
>> حسنا.

484
00:22:30,050 --> 00:22:31,340
لذلك هذا هو كل نص فقط.

485
00:22:31,340 --> 00:22:33,730
الآن دعونا نفعل شيئا أكثر إثارة للاهتمام.

486
00:22:33,730 --> 00:22:36,660
انا ذاهب الى المضي قدما و
استعارة بعض من هذه HTML.

487
00:22:36,660 --> 00:22:40,910
انا ذاهب الى المضي قدما و
إنشاء ملف جديد هنا.

488
00:22:40,910 --> 00:22:43,370
ونحن سوف نسمي هذا rick.html.

489
00:22:43,370 --> 00:22:46,190

490
00:22:46,190 --> 00:22:48,916
لدينا نحو غير متناسب
شيء كان

491
00:22:48,916 --> 00:22:51,290
دعا لفة ريك في هذا
فئة هذا العام، وأنا لا أعرف،

492
00:22:51,290 --> 00:22:53,880
لقد حدث ما حدث عضويا.

493
00:22:53,880 --> 00:22:55,397
>> والآن انها حصلت خارج نطاق السيطرة.

494
00:22:55,397 --> 00:22:56,730
لذلك أنا ذاهب لمجرد الذهاب معها.

495
00:22:56,730 --> 00:22:59,700
وإذا ذهبت إلى Google
الصور وريك آستلي.

496
00:22:59,700 --> 00:23:02,450

497
00:23:02,450 --> 00:23:06,170
إذا كنت لا تعرف ماذا نفعل
هذا، فقط تقرأ على ويكيبيديا.

498
00:23:06,170 --> 00:23:11,520
في كل مرة كنت قد النقر على الرابط،
شخص ما كان يضحك في مكان ما.

499
00:23:11,520 --> 00:23:14,860
واسمحوا لي ان اذهب هناك ahead--
نذهب، دعونا مشاهدة هذه الصورة.

500
00:23:14,860 --> 00:23:16,750
>> حتى هنا لدينا
صورة في صور Google.

501
00:23:16,750 --> 00:23:19,390
ودعونا نفترض أن هذا هو
في كل مكان معقول على شبكة الانترنت.

502
00:23:19,390 --> 00:23:22,570
لذلك أنا ذاهب لنفترض انه موافق بالنسبة لي
لوضع هذا الواقع إلى صفحة الويب الخاصة بي.

503
00:23:22,570 --> 00:23:24,820
انا ذاهب الى المضي قدما
ونسخ URL الصورة.

504
00:23:24,820 --> 00:23:28,600
والآن إذا ذهبت إلى السحاب
9، دعونا نرى ما يمكنني القيام به هنا.

505
00:23:28,600 --> 00:23:30,630
حتى هنا هو مجرد صفحة على شبكة الإنترنت.

506
00:23:30,630 --> 00:23:39,020
هذا هو ريك آستلي، هاها،
انا ذاهب الى العودة الآن

507
00:23:39,020 --> 00:23:43,510
لمتصفحي، تحميل، ومثيرة للاهتمام.

508
00:23:43,510 --> 00:23:44,530
>> أين هو ريك؟

509
00:23:44,530 --> 00:23:46,050
لذلك اسمحوا لي أن نرى ما حدث.

510
00:23:46,050 --> 00:23:49,114
في الواقع، انا ذاهب الى
التظاهر وكأنني لم أفعل ذلك.

511
00:23:49,114 --> 00:23:50,280
(غير مسموع) وضعه هنا.

512
00:23:50,280 --> 00:23:52,520
سنعود إلى أنه في لحظة.

513
00:23:52,520 --> 00:23:54,200
حتى هنا rick.html.

514
00:23:54,200 --> 00:23:56,070
ولهذا لا ريك آستلي.

515
00:23:56,070 --> 00:23:59,680
لذلك تبين ما في وسعنا
في الواقع إضافة له هنا.

516
00:23:59,680 --> 00:24:00,830
هذا هو ريك آستلي.

517
00:24:00,830 --> 00:24:06,680
انا ذاهب الى القول تعطيني صورة التي
المصدر هو URL لقد نسختها التي

518
00:24:06,680 --> 00:24:09,110
على ما يبدو غير سعيد
شيء ميلاده أو غيرها.

519
00:24:09,110 --> 00:24:13,280
>> والآن أنا ذاهب ل
إغلاق علامة من هذا القبيل.

520
00:24:13,280 --> 00:24:15,170
لذلك هذا هو التفاف السوبر الطويل.

521
00:24:15,170 --> 00:24:17,740
ولكن لاحظ أن كل ما قمت
به هو صورة قوس مفتوح،

522
00:24:17,740 --> 00:24:20,270
مصدر سمة من هذا.

523
00:24:20,270 --> 00:24:21,530
وانها URL طويل حقا.

524
00:24:21,530 --> 00:24:23,720
وفي النهاية، لاحظ هذا.

525
00:24:23,720 --> 00:24:29,530
مائل لماذا فعلت قوس الزاوية
بدلا من، مثل كل علامة أخرى،

526
00:24:29,530 --> 00:24:33,590
وجود قوس مفتوح،
IMG، أغلقت قوس؟

527
00:24:33,590 --> 00:24:37,040
مجرد إلقاء تخمين حتى لو كنت
ليس لديهم الألفة على الإطلاق

528
00:24:37,040 --> 00:24:40,410
مع HTML من قبل.

529
00:24:40,410 --> 00:24:42,710
>> لذلك هو كيف يغلق
الأمر، ولكن لماذا

530
00:24:42,710 --> 00:24:45,850
أليس من الحقيقة البديهية
بمعنى أن تفعل شيئا أكثر من ذلك بقليل

531
00:24:45,850 --> 00:24:48,820
مطول مثل صورة وثيقة؟

532
00:24:48,820 --> 00:24:51,400
نعم.

533
00:24:51,400 --> 00:24:52,000
نعم.

534
00:24:52,000 --> 00:24:55,620
فقط لغويا، وليس هناك إحساس
بدءا صورة وتنتهي صورة،

535
00:24:55,620 --> 00:24:56,870
انها إما هناك أو أنه ليس كذلك.

536
00:24:56,870 --> 00:25:00,960
لذلك لا معنى لترك فجوة
لأي شيء آخر داخل صورة.

537
00:25:00,960 --> 00:25:02,010
انك لا تستطيع أن تفعل ذلك.

538
00:25:02,010 --> 00:25:03,720
وذلك بناء الجملة
سيكون عموما فقط

539
00:25:03,720 --> 00:25:07,910
للقيام مائل داخل
العلامة مفتوحة أو علامة البداية

540
00:25:07,910 --> 00:25:09,020
ثم ضرب حفظ.

541
00:25:09,020 --> 00:25:13,350
>> حتى لو كنت الآن تحميل هذا الملف الآن
لقد حصلت على ويب جيد الصفحة الطبخ هنا.

542
00:25:13,350 --> 00:25:15,100
ونستطيع بالتأكيد
يؤذون الناس فعلا

543
00:25:15,100 --> 00:25:17,010
بدلا من ذلك عن طريق دمج
مثل وصلة يوتيوب.

544
00:25:17,010 --> 00:25:19,350
في واقع الأمر، في أي وقت
كنت قد ذهبت من أي وقت مضى على يوتيوب،

545
00:25:19,350 --> 00:25:22,190
واسمحوا لي في الواقع عن طريق الخطأ
ريك لفة نفسي هنا.

546
00:25:22,190 --> 00:25:25,770
لذلك ريك لفة.

547
00:25:25,770 --> 00:25:29,592
لذلك ريك roll-- انا ذاهب للذهاب هنا.

548
00:25:29,592 --> 00:25:31,900
>> [عزف الموسيقى]

549
00:25:31,900 --> 00:25:33,730
>> OK، شخص واحد يحب ذلك.

550
00:25:33,730 --> 00:25:37,270
هكذا تلاحظ كل هذا الوقت، إذا كنت
اضغط على الرابط حصة، وكنت بالطبع

551
00:25:37,270 --> 00:25:41,390
الحصول على URL التي يمكنك فعلا
تضمينها في رسالة بريد إلكتروني أو صورة الطب الشرعي

552
00:25:41,390 --> 00:25:43,730
أو في مشكلة تعيين أو في شريحة.

553
00:25:43,730 --> 00:25:49,055
والآن، إذا كنت بدلا من ذلك النقر على تضمين،
لاحظت أن كل هذا الوقت، وهذه الاشياء

554
00:25:49,055 --> 00:25:49,680
لم يكن هناك.

555
00:25:49,680 --> 00:25:50,910
انا ذاهب الى المضي قدما ونسخ هذا.

556
00:25:50,910 --> 00:25:54,000
>> وذلك فقط يمكننا أن نرى ذلك على نحو أفضل، وأنا
الذهاب إلى صقه في محرر النص الخاص بي.

557
00:25:54,000 --> 00:25:55,860
لاحظ أن هذا ما
وقد يوتيوب أقول لك.

558
00:25:55,860 --> 00:25:57,693
في كل مرة تقوم بزيارة
فيديو يوتيوب، إذا كنت

559
00:25:57,693 --> 00:26:00,410
تريد تضمين الفيديو على جهاز
صفحة على شبكة الإنترنت، وذلك ببساطة انتزاع هذا.

560
00:26:00,410 --> 00:26:03,350
لذلك هذا هو آخر
دعا العلامة HTML وIFRAME.

561
00:26:03,350 --> 00:26:04,590
أو في إطار الخط.

562
00:26:04,590 --> 00:26:08,680
بحيث يبدو أيضا أكثر من ذلك بقليل
مجمع من كل الآخرين.

563
00:26:08,680 --> 00:26:11,950
هكذا اتضح أن الصورة
العلامة وعلى ما يبدو علامة IFRAME

564
00:26:11,950 --> 00:26:13,370
اتخاذ ما يسمى الصفات.

565
00:26:13,370 --> 00:26:15,710
>> وهذا هو آخر
قطعة من بناء الجملة في HTML.

566
00:26:15,710 --> 00:26:19,240
بالإضافة إلى العلامة
اسم، وفتح قوس اسم العلامة،

567
00:26:19,240 --> 00:26:23,780
يمكنك التحكم في السلوك من العلامة
من خلال وجود مجموعة كاملة من السمة

568
00:26:23,780 --> 00:26:24,860
يساوي قيمة.

569
00:26:24,860 --> 00:26:26,290
السمة يساوي قيمة.

570
00:26:26,290 --> 00:26:28,100
وذلك على سبيل المثال،
يوتيوب يقول لنا

571
00:26:28,100 --> 00:26:31,990
إذا كنت ترغب في عرض هذا الفيديو
أن تكون 420 بكسل وارتفاع

572
00:26:31,990 --> 00:26:35,470
أن تكون 315 بكسل، وهذا
كيف يمكن التعبير عن ذلك في HTML.

573
00:26:35,470 --> 00:26:38,480
>> مصدر الفيديو هو ذاهب
ليكون ذلك URL يوتيوب طويل

574
00:26:38,480 --> 00:26:40,830
وبعد ذلك بعض الأشياء الأخرى
مثل الحدود الإطار هو صفر،

575
00:26:40,830 --> 00:26:43,500
بحيث ربما يعني هناك
لا حدود حول الشيء.

576
00:26:43,500 --> 00:26:45,450
سماح كامل الشاشة على الأرجح
يعني أن المستخدم

577
00:26:45,450 --> 00:26:47,840
يمكن النقر على زر و
في الواقع كاملة شاشة الفيديو.

578
00:26:47,840 --> 00:26:52,870
حتى لو كنت حقا تريد أن تكون
الإعجاب هنا في ريك نقطة HTML،

579
00:26:52,870 --> 00:26:58,490
بدلا من استخدام علامة صورة، واسمحوا
لي بحذف هذا، بدلا من لصق هذا.

580
00:26:58,490 --> 00:27:00,810
وتحميل الآن.

581
00:27:00,810 --> 00:27:02,500
والآن ها نحن مرة أخرى.

582
00:27:02,500 --> 00:27:04,979

583
00:27:04,979 --> 00:27:06,020
كل الحق، وهذا يكفي.

584
00:27:06,020 --> 00:27:08,970
كل الحق في ذلك وسأحاول
ليس من الصعب أن تفعل ذلك مرة أخرى.

585
00:27:08,970 --> 00:27:11,400
فما هي بعض من الوجبات السريعة هنا؟

586
00:27:11,400 --> 00:27:15,130
لذلك HTML، والقبيح مثل هذه الصفحات على شبكة الإنترنت
هي، هو في الواقع بسيط جدا.

587
00:27:15,130 --> 00:27:16,467
انها ليست لغة برمجة.

588
00:27:16,467 --> 00:27:17,550
ليس لديها وظائف.

589
00:27:17,550 --> 00:27:18,410
لم يكن لديك الحلقات.

590
00:27:18,410 --> 00:27:19,535
أنه ليس لديه الشروط.

591
00:27:19,535 --> 00:27:22,900
كل ما لديها هو عشرات
علامات مختلفة، كل منها

592
00:27:22,900 --> 00:27:24,620
لديه صفر أو أكثر الصفات.

593
00:27:24,620 --> 00:27:27,320
في واقع الأمر، ما هي متعة حول
HTML والبدء في يغوص

594
00:27:27,320 --> 00:27:29,560
هو أنه قابل للتعليم الذاتي جدا.

595
00:27:29,560 --> 00:27:32,880
>> كل ما يتطلبه الأمر هو فهم
من الإطار العام للHTML.

596
00:27:32,880 --> 00:27:36,510
ما هو علامة، ما هو السمة،
كيف كنت في الواقع تكوين صفحة على شبكة الإنترنت

597
00:27:36,510 --> 00:27:37,250
كما يلي.

598
00:27:37,250 --> 00:27:40,720
وكل شيء آخر هو في الحقيقة نتيجة
من يبحث حتى في اشارة على الانترنت

599
00:27:40,720 --> 00:27:43,080
أو غوغلينغ كيفية القيام ببعض
تقنية أو كما رأينا،

600
00:27:43,080 --> 00:27:45,371
النظر في مصدر الفيسبوك ل
رمز، تبحث في الموقع

601
00:27:45,371 --> 00:27:48,710
الذي ترغب في انها شفرة المصدر و
فهم كيف يمكن للمطورين هناك

602
00:27:48,710 --> 00:27:50,550
في الواقع وضع الامور.

603
00:27:50,550 --> 00:27:52,180
>> حتى نتمكن من القيام الصور كذلك.

604
00:27:52,180 --> 00:27:53,994
في واقع الأمر، فعلنا ذلك قبل لحظة.

605
00:27:53,994 --> 00:27:55,410
اسمحوا لي أن أذهب إلى الأمام وتظهر فقط لك.

606
00:27:55,410 --> 00:27:56,770
وإليك بعض التعليمات البرمجية.

607
00:27:56,770 --> 00:27:58,380
إذا كنت تريد من أي وقت مضى لرؤية القط غاضب.

608
00:27:58,380 --> 00:28:00,620
لذلك تلاحظ أن استطيع
لها علامة صورة هنا.

609
00:28:00,620 --> 00:28:02,090
ولقد حصلت على تعليق فوقه.

610
00:28:02,090 --> 00:28:04,490
أنا عندي بديل
النص للمعاقين.

611
00:28:04,490 --> 00:28:07,250
شخص حتى من هو باستخدام شاشة
القارئ لأسباب البصر

612
00:28:07,250 --> 00:28:10,172
يمكن فعلا ثم بهم
قارئ الشاشة ويقول القط غاضب.

613
00:28:10,172 --> 00:28:11,880
لأنه إذا لم يتمكنوا
رؤية الصورة، فإنها

614
00:28:11,880 --> 00:28:14,504
يمكن على الأقل أن يكون جهاز الكمبيوتر الخاص بهم
نقول لهم لفظيا ما هو عليه.

615
00:28:14,504 --> 00:28:18,020
ومصدر هذا الملف هو cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
حتى في الواقع، إذا أردت حقا أن
الحصول على ذكية، ما كان يمكن أن يكون done--

617
00:28:22,472 --> 00:28:25,680
اتعهد بعدم الذهاب الى ريك آستلي، لذلك
أنا ذاهب إلى google لقطة بدلا من ذلك.

618
00:28:25,680 --> 00:28:28,290
وإذا ذهبت إلى صور Google
هنا، ونحن سوف نفترض

619
00:28:28,290 --> 00:28:30,040
أن هذه هي صورة لقطتي.

620
00:28:30,040 --> 00:28:35,070
>> لنفترض أن لدي السيطرة النقر
أو النقر على الحق في ذلك، عن طريق الخطأ

621
00:28:35,070 --> 00:28:35,630
زاحف.

622
00:28:35,630 --> 00:28:40,320
وcat.jpeg انا ذاهب
لحفظ على سطح المكتب.

623
00:28:40,320 --> 00:28:44,700
اسمحوا لي الآن أن أعود إلى سحابة 9.

624
00:28:44,700 --> 00:28:48,150
لاحظ أن هنا، يمكنني
الذهاب لتحميل الملفات المحلية.

625
00:28:48,150 --> 00:28:51,530
وإذا كنت الاستيلاء على هذه
ملف، cat.jpeg، لاحظ

626
00:28:51,530 --> 00:28:54,674
أستطيع أن اسحبه و
تسقطها في سحابة 9

627
00:28:54,674 --> 00:28:56,090
وانها سوف يصيح في وجهي هنا.

628
00:28:56,090 --> 00:28:59,000
>> لأننا بالفعل
منحك ملف cat.jpeg،

629
00:28:59,000 --> 00:29:01,430
ولكن من السهل سوبر ل
الاستيلاء على الصورة التي قمت

630
00:29:01,430 --> 00:29:03,220
مأخوذة من الفيسبوك
أو فليكر أو ما شابه ذلك

631
00:29:03,220 --> 00:29:05,678
واسحب الواقع وأسقطه
في سحابة 9 ثم جعله

632
00:29:05,678 --> 00:29:07,970
جزء من الشخصية الخاصة بك
موقع ويب أو مشكلة

633
00:29:07,970 --> 00:29:10,442
حطم سبعة أو ثمانية كما سنرى قريبا.

634
00:29:10,442 --> 00:29:12,150
ثم عند
أخيرا زيارة هذا القط،

635
00:29:12,150 --> 00:29:16,610
على افتراض أنني تحميلها في نفس القط،
كان إشعار هكذا- يضرب التي رائعتين.

636
00:29:16,610 --> 00:29:19,160
>> ما كنت تراه هو
شيء مثل هذا الوجه هنا.

637
00:29:19,160 --> 00:29:21,810
حتى الملفات التي قمت
إشارة داخل صفحة ويب

638
00:29:21,810 --> 00:29:26,050
يمكن أن يكون محليا في بلدانكم
حساب أو بعيد على بعض الخادم الآخر

639
00:29:26,050 --> 00:29:29,670
كما هو الحال بالنسبة لريك
الصورة ASTLEY منذ قليلا.

640
00:29:29,670 --> 00:29:32,990
فأين ما else--
يمكننا أن نفعل هنا؟

641
00:29:32,990 --> 00:29:34,890
لذلك دعونا نلقي نظرة على ما يلي.

642
00:29:34,890 --> 00:29:36,160
كنت أعرف ما نوع من بارد؟

643
00:29:36,160 --> 00:29:39,330
>> لقد كنا حتى الآن مما يجعل
صفحات الويب ثابتة جدا.

644
00:29:39,330 --> 00:29:41,830
أريد أن التوابل الامور على النحو التالي.

645
00:29:41,830 --> 00:29:44,344
أريد أن أجعل محرك البحث الخاص.

646
00:29:44,344 --> 00:29:47,010
وذلك لجعل محرك بحث، دعونا
المضي قدما والبدء في القيام بذلك.

647
00:29:47,010 --> 00:29:52,570
انا ذاهب الى المضي قدما وخلق
دعا ملف جديد search.html.

648
00:29:52,570 --> 00:29:54,890
ولقد prefabed الإصدارات على الانترنت.

649
00:29:54,890 --> 00:29:56,027
يصيح.

650
00:29:56,027 --> 00:29:57,610
لا صقها في إطار المحطة الطرفية.

651
00:29:57,610 --> 00:29:58,744
إصدارات الجاهزة على الانترنت.

652
00:29:58,744 --> 00:30:00,160
وانا ذاهب لبدء النحو التالي.

653
00:30:00,160 --> 00:30:04,490
حتى هنا بداية
دعا ملف search.html.

654
00:30:04,490 --> 00:30:07,510
انا ذاهب لحفظه في
الدليل المصدر اليوم.

655
00:30:07,510 --> 00:30:09,079
انا ذاهب لاستدعاء هذا البحث.

656
00:30:09,079 --> 00:30:10,370
في الواقع، اننا سنحقق ذلك أفضل.

657
00:30:10,370 --> 00:30:13,600
CS50 البحث وفعلا العلامة التجارية هو.

658
00:30:13,600 --> 00:30:17,500
والآن، انا ذاهب الى القول
شيء من هذا القبيل H1 CS50 البحث.

659
00:30:17,500 --> 00:30:20,930
ثم إلى هنا، H2 قريبا.

660
00:30:20,930 --> 00:30:23,230
وفقط من أجل التذكير، وH1
H2 يعني ما التوالي؟

661
00:30:23,230 --> 00:30:26,750

662
00:30:26,750 --> 00:30:30,320
>> نعم، كبيرة جدا وجريئة، و
ليست كبيرة كما، ولكن لا يزال جريئة.

663
00:30:30,320 --> 00:30:37,375
حتى لو كنت حفظ هذا ويذهب أكثر من هنا،
دعونا نرى search.html الملف.

664
00:30:37,375 --> 00:30:42,560
كل الحق، وهذا واحد
غير right-- (غير مسموع).

665
00:30:42,560 --> 00:30:46,980

666
00:30:46,980 --> 00:30:49,110
تعليق.

667
00:30:49,110 --> 00:30:49,945
ديفيد هو الخلط.

668
00:30:49,945 --> 00:30:52,610

669
00:30:52,610 --> 00:30:54,080
أوه، انها هناك.

670
00:30:54,080 --> 00:30:54,860
ديفيد احمق.

671
00:30:54,860 --> 00:30:55,420
حسنا.

672
00:30:55,420 --> 00:30:56,660
لذلك هناك هو عليه.

673
00:30:56,660 --> 00:30:58,350
لذلك البحث CS50 قريبا.

674
00:30:58,350 --> 00:31:00,370
وحتى الآن، دعونا توليف
ما فعلناه الأسبوع الماضي.

675
00:31:00,370 --> 00:31:03,400
>> حيث تحدثنا عن
الميكانيكا مستوى أقل من HTTP.

676
00:31:03,400 --> 00:31:05,780
وهذه الأفكار الجديدة
من HTML، الذي هو مجرد

677
00:31:05,780 --> 00:31:08,890
هذه اللغة الترميزية حيث كنت
أقول متصفح بالضبط ما يجب القيام به

678
00:31:08,890 --> 00:31:10,740
وتنفيذ محرك البحث الخاصة بنا.

679
00:31:10,740 --> 00:31:12,520
وذلك بدلا من مجرد
قائلا قريبا، وأنا

680
00:31:12,520 --> 00:31:14,810
ذاهب ليعرض
شيء يسمى علامة النموذج.

681
00:31:14,810 --> 00:31:19,610
وفي هذا النموذج، وانا ذاهب ل
لدينا شيء من هذا القبيل حقل الإدخال.

682
00:31:19,610 --> 00:31:22,450
>> واسم هذا الإدخال
الميدان، انا ذاهب الى نسميها Q.

683
00:31:22,450 --> 00:31:26,240
ونوع هذا المجال المدخلات
انا ذاهب الى القول هو مجرد "النص".

684
00:31:26,240 --> 00:31:29,130
وحقل النص، كما سنقوم
ترى، هو مربع النص فقط.

685
00:31:29,130 --> 00:31:32,830
وحتى لا يحس هنا ل
أي شيء داخل منه في هذه المرحلة.

686
00:31:32,830 --> 00:31:35,320
وهكذا أنا ببساطة الذهاب
لإغلاق علامة مع أن

687
00:31:35,320 --> 00:31:38,099
مائل الحق في العلامة نفسها.

688
00:31:38,099 --> 00:31:39,890
ثم انا ذاهب الى
يكون مدخل واحد آخر.

689
00:31:39,890 --> 00:31:43,480
نوع الإدخال يساوي تقديم.

690
00:31:43,480 --> 00:31:45,320
ثم انا ذاهب الى
إغلاق هذا واحد أيضا.

691
00:31:45,320 --> 00:31:46,840
>> والآن انا ذاهب للذهاب إلى هنا.

692
00:31:46,840 --> 00:31:49,520
وبالفعل نرى،
وإن كان قبيحا جدا، لقد

693
00:31:49,520 --> 00:31:52,460
حصلت على بدايات
بلدي صفحة البحث الخاصة هنا.

694
00:31:52,460 --> 00:31:55,150
في الواقع، اسمحوا لي في محاولة ل
تنظيف هذا قليلا.

695
00:31:55,150 --> 00:31:57,330
وتبين أن على
إدخال هنا، وأنا يمكن أن يكون

696
00:31:57,330 --> 00:31:59,910
سمة أخرى دعا نائب.

697
00:31:59,910 --> 00:32:05,165
وأنا قد رأيت شيئا مثل الكلمات الرئيسية،
أو بشكل أكثر تحديدا، الاستعلام عن س.

698
00:32:05,165 --> 00:32:07,820
>> وتلاحظ، والآن، ولدي
هذا النوع من النص الرمادي

699
00:32:07,820 --> 00:32:10,440
كما أن يختفي
بمجرد أن تبدأ في الكتابة،

700
00:32:10,440 --> 00:32:12,930
ولكن من المحتمل أن يكون شيئا
كنت قد رأيت في صفحات الويب الأخرى.

701
00:32:12,930 --> 00:32:14,650
أنا لا أحب حقا على زر إرسال.

702
00:32:14,650 --> 00:32:18,320
لذلك أنا ذاهب فعلا لإعطاء
زر تقديم قيمة البحث.

703
00:32:18,320 --> 00:32:21,680
والآن، إذا كنت تحميل، لاحظ أن
زر بلدي يصبح اسمه البحث.

704
00:32:21,680 --> 00:32:24,140
كما تعلمون، أنا لا حقا
مثل الشعار هنا.

705
00:32:24,140 --> 00:32:27,140
حتى مولد جوجل الخط.

706
00:32:27,140 --> 00:32:28,820
>> أريد أن التوابل هذا الأمر أبعد من ذلك.

707
00:32:28,820 --> 00:32:30,660
البحث CS50 ذلك.

708
00:32:30,660 --> 00:32:31,870
اسمحوا لي أن إنشاء شعار بلدي.

709
00:32:31,870 --> 00:32:33,080
أن تبدو لطيفة.

710
00:32:33,080 --> 00:32:36,945
وحتى الآن اسمحوا لي أن حفظ هذا as-- هيا.

711
00:32:36,945 --> 00:32:40,710

712
00:32:40,710 --> 00:32:43,120
أين هو ذاهب؟

713
00:32:43,120 --> 00:32:43,620
هناك.

714
00:32:43,620 --> 00:32:44,160
حسنا.

715
00:32:44,160 --> 00:32:44,980
فقده.

716
00:32:44,980 --> 00:32:47,740
حفظ باسم.

717
00:32:47,740 --> 00:32:49,470
متصفحات غبية.

718
00:32:49,470 --> 00:32:51,700
الوقوف من قبل، ونحن في طريقنا ل
إصلاح هذا مرة واحدة وإلى الأبد.

719
00:32:51,700 --> 00:32:57,650

720
00:32:57,650 --> 00:32:58,590
هناك نذهب.

721
00:32:58,590 --> 00:32:59,090
حسنا.

722
00:32:59,090 --> 00:32:59,600
آسف.

723
00:32:59,600 --> 00:33:00,750
يوم عطلة.

724
00:33:00,750 --> 00:33:02,310
الآن هذا هو غير تقليدي.

725
00:33:02,310 --> 00:33:03,160
خروج كامل الشاشة.

726
00:33:03,160 --> 00:33:04,150
حسنا.

727
00:33:04,150 --> 00:33:06,870
>> الآن، مثل وضعها الطبيعي
شخص، حفظ الصورة باسم.

728
00:33:06,870 --> 00:33:08,810
Logo.gif.

729
00:33:08,810 --> 00:33:13,194
الآن انا ذاهب للذهاب الى CS50IDE و
أنا ذاهب لمجرد انتزاع الشعار،

730
00:33:13,194 --> 00:33:15,360
انا ذاهب الى جرها الى
بلدي مصدر سبعة دليل،

731
00:33:15,360 --> 00:33:17,002
الملف موجود بالفعل، وأنا موافق على ذلك.

732
00:33:17,002 --> 00:33:19,210
لذلك أنا ذاهب لتجاوز ذلك
لأنني بالفعل كان عليه.

733
00:33:19,210 --> 00:33:20,630
والآن كيف يمكنني التخلص من هذا؟

734
00:33:20,630 --> 00:33:24,670
>> دعونا نمضي قدما هنا والقيام
مصدر الصورة يساوي logo.gif.

735
00:33:24,670 --> 00:33:25,490
إغلاق هذا.

736
00:33:25,490 --> 00:33:26,050
حفظ.

737
00:33:26,050 --> 00:33:30,560
والآن إذا ذهبت إلى بحثي
الصفحة، والآن انها تبحث جيدة.

738
00:33:30,560 --> 00:33:33,610
كل الحق، لذلك لم
فعل أي شيء مفيد جدا.

739
00:33:33,610 --> 00:33:37,000
في الواقع، اسمحوا لي أن أحاول البحث
لقطة ونرى ما سيحدث.

740
00:33:37,000 --> 00:33:38,890
القطط.

741
00:33:38,890 --> 00:33:39,420
عليك اللعنة.

742
00:33:39,420 --> 00:33:41,400
أنها لا تعمل فقط على ما يبدو.

743
00:33:41,400 --> 00:33:43,760
فما هي قطعة رئيسية
هذا هو مفقود هنا؟

744
00:33:43,760 --> 00:33:49,100
>> الحق، حتى لو كنت لا تعرف أي HTML،
لقد بدأت علامات الاستمارة الهاتف

745
00:33:49,100 --> 00:33:54,130
ولقد قلت ذلك كيفية الحصول على المدخلات،
أعطني مربع النص وزر إرسال،

746
00:33:54,130 --> 00:33:55,730
ما قطعة على ما يبدو في عداد المفقودين؟

747
00:33:55,730 --> 00:33:58,975
لنفترض أننا نريد أن يحصل في الواقع
هذا شيء يعمل بشكل صحيح.

748
00:33:58,975 --> 00:34:02,420

749
00:34:02,420 --> 00:34:05,360
ماذا علينا أن نفعل؟

750
00:34:05,360 --> 00:34:08,860
لدينا حاجة لتنفيذ النهاية الخلفية
قاعدة البيانات أو محرك البحث نفسه،

751
00:34:08,860 --> 00:34:11,210
وهذا ما سيستغرق
الكثير من الوقت كله، وبصراحة.

752
00:34:11,210 --> 00:34:13,380
>> حتى أن نتذكر ما فعلناه في المرة السابقة.

753
00:34:13,380 --> 00:34:18,230
لذلك إذا كنت تبحث عن شيء ما على جوجل
وكنت قد مقدما إيقاف،

754
00:34:18,230 --> 00:34:20,355
أذكر، البحث الفوري.

755
00:34:20,355 --> 00:34:22,230
لذلك اسمحوا لي أن أنتقل خارج
ذلك أن هذا الواقع

756
00:34:22,230 --> 00:34:26,650
يتصرف مثل متصفح المدرسة السن،
إذا أنا الآن ابحث عن شيء مثل القطط،

757
00:34:26,650 --> 00:34:28,190
أذكر ما يبدو URL مثل.

758
00:34:28,190 --> 00:34:29,449
انها خفي جدا.

759
00:34:29,449 --> 00:34:33,000
ولكن جزءا لا يتجزأ من هناك،
أذكر، هو البحث مائل.

760
00:34:33,000 --> 00:34:35,100
علامة استفهام ف يساوي القطط.

761
00:34:35,100 --> 00:34:37,760
>> والتي يبدو أن تعطيني
مجموعة كاملة من نتائج البحث.

762
00:34:37,760 --> 00:34:39,134
حتى تعرف ما أنا ذاهب الى القيام به؟

763
00:34:39,134 --> 00:34:41,650
انا ذاهب الى الاقتراض
جوجل لدقيقة واحدة فقط.

764
00:34:41,650 --> 00:34:43,670
انا ذاهب للذهاب أكثر
هنا وانا ذاهب الى القول

765
00:34:43,670 --> 00:34:47,850
أن هذا يشكل العمل أو
المقصد، إذا جاز التعبير،

766
00:34:47,850 --> 00:34:49,330
يجب أن يكون حرفيا جوجل.

767
00:34:49,330 --> 00:34:52,590
وطريقة أردت
لاستخدام سيكون الحصول عليها.

768
00:34:52,590 --> 00:34:53,560
>> فما هو العمل؟

769
00:34:53,560 --> 00:34:55,760
يدعى عمل بغرابة،
ولكن هذا يعني فقط

770
00:34:55,760 --> 00:34:58,120
وهو ذاهب للتعامل مع
عمل هذا النموذج؟

771
00:34:58,120 --> 00:35:00,820
عند النقر فوق بحث، حيث
يجب أن تذهب النتيجة؟

772
00:35:00,820 --> 00:35:05,300
وإذا كنت الآن نعود إلى مستواي
هنا وتحميل صفحات الويب الخاصة بي

773
00:35:05,300 --> 00:35:09,000
والآن ابحث عن شيء
مثل الكلب، لاحظ الآن

774
00:35:09,000 --> 00:35:10,850
لقد أعادت جوجل تنفيذها.

775
00:35:10,850 --> 00:35:11,350
الصحيح؟

776
00:35:11,350 --> 00:35:14,141
>> إذا كنت ترغب في البحث عن شيء
آخر، وأنها تعمل ليست مجرد الكلاب،

777
00:35:14,141 --> 00:35:16,400
كما أنها تعمل للقطط.

778
00:35:16,400 --> 00:35:21,930
كما أنها تعمل لCS50.

779
00:35:21,930 --> 00:35:24,310
وموافق، وهذا هو فقط
تحت يلمينج، أليس كذلك؟

780
00:35:24,310 --> 00:35:25,920
كل الحق، لكنه يعمل فعلا.

781
00:35:25,920 --> 00:35:27,360
ذلك ما تم بالفعل يحدث؟

782
00:35:27,360 --> 00:35:31,340
حتى لقد علمت متصفحي، وذلك باستخدام
HTML، لاتخاذ مدخلات من المستخدم

783
00:35:31,340 --> 00:35:35,810
والواقع أن ترسل المدخلات
إلى ملقم بعيد باستخدام HTTP.

784
00:35:35,810 --> 00:35:39,120
>> ولأن متصفحي
يفهم HTTP، فإنه في الواقع

785
00:35:39,120 --> 00:35:43,500
بناء URL بحيث أن ما
أنا في نهاية المطاف أكثر في متصفحي،

786
00:35:43,500 --> 00:35:45,660
لاحظ ما يحدث
عندما بحثت عن الكلب.

787
00:35:45,660 --> 00:35:49,270
إذا كنت انقر فوق بحث، لاحظ أن
تغيير URL كما كنت أنوي

788
00:35:49,270 --> 00:35:52,770
لgoogle.com/search~~V الاستعلام يساوي الكلب.

789
00:35:52,770 --> 00:35:56,020
وهذا لأن النموذج
يدري، لأن الأسلوب هو الحصول عليها،

790
00:35:56,020 --> 00:35:59,560
لمجرد إلحاقها إلى أن URL هناك.

791
00:35:59,560 --> 00:36:01,730
>> الآن، هذه صفحات الويب لا تزال قبيحة.

792
00:36:01,730 --> 00:36:04,890
لذلك دعونا أعرض واحدة أخرى
قطعة من جملة ما اذا كنا نستطيع اليوم.

793
00:36:04,890 --> 00:36:07,640
وهذا شيء معروف
كما أوراق الأنماط المتتالية.

794
00:36:07,640 --> 00:36:10,720
لذلك اسمحوا لي أن نلقي نظرة على
هذا المثال هنا ونرى

795
00:36:10,720 --> 00:36:12,380
إذا كان لنا أن نستنتج ما يجري.

796
00:36:12,380 --> 00:36:14,520
هذا هو CSS0.html.

797
00:36:14,520 --> 00:36:16,532
وهذا هو المكان أشياء
الحصول على القبيح قليلا.

798
00:36:16,532 --> 00:36:18,490
لأن للأسف،
في عالم الويب،

799
00:36:18,490 --> 00:36:20,920
HTML وحدها لا تستطيع أن تفعل كل شيء.

800
00:36:20,920 --> 00:36:22,920
وحتى إذا كنت تريد
أسلب صفحة الويب الخاصة بك،

801
00:36:22,920 --> 00:36:28,370
كنت فعلا بحاجة إلى التركيز على
جماليات بطريقة مختلفة.

802
00:36:28,370 --> 00:36:33,090
حتى هنا، لا بد لي جسد الويب الخاص بي
الصفحة الداخل والتي هي شعبة كبيرة.

803
00:36:33,090 --> 00:36:34,700
وشعبة يعني فقط تقسيم.

804
00:36:34,700 --> 00:36:38,060
لذلك مثل فقرة كنها
لا تملك نفس دلالات

805
00:36:38,060 --> 00:36:39,180
فقرة من النص.

806
00:36:39,180 --> 00:36:40,940
>> هذا يعني فقط لل
متصفح، ويأتي هنا

807
00:36:40,940 --> 00:36:45,210
منطقة مستطيلة كبيرة من الويب الخاص بي
الصفحة، أريد أن التعامل معها بشكل خاص.

808
00:36:45,210 --> 00:36:47,420
الآن، خط 21 هو المكان الذي يبدأ شعبة.

809
00:36:47,420 --> 00:36:48,770
وتأخذ مجرد تخمين.

810
00:36:48,770 --> 00:36:53,080
ما هو تأثير خط 21 على
باقي محتويات الصفحة؟

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
تركز عليه.

813
00:36:56,311 --> 00:36:56,810
هذا كل شيء.

814
00:36:56,810 --> 00:36:58,830
لذلك نحن لم نر وسيلة ل
تركز في الواقع على النص.

815
00:36:58,830 --> 00:37:00,996
>> في الواقع، محرك بحثي،
على عكس جوجل الفعلية،

816
00:37:00,996 --> 00:37:03,040
كان كل ما يبرره لأكثر من اليسار.

817
00:37:03,040 --> 00:37:07,430
وحتى الآن في خط 21، أقوله، مهلا
المتصفح، وخلق تقسيم الصفحة.

818
00:37:07,430 --> 00:37:09,450
فقط أعطني كبير، مستطيل غير مرئي.

819
00:37:09,450 --> 00:37:11,490
هذه هي الطريقة التي أريد أن
نفكر في صفحة الويب.

820
00:37:11,490 --> 00:37:13,870
ثم أسلب على النحو التالي.

821
00:37:13,870 --> 00:37:16,900
داخل تلك الاقتباسات،
الآن، هي لغة ثانية

822
00:37:16,900 --> 00:37:19,969
أن قدمنا ​​اليوم
ودعا أوراق الأنماط المتتالية.

823
00:37:19,969 --> 00:37:22,010
لحسن الحظ، فهو أيضا لا
لغة البرمجة،

824
00:37:22,010 --> 00:37:26,470
حتى انها محدودة جدا في بناء الجملة ولكن
أيضا محدودة جدا في وظائفه

825
00:37:26,470 --> 00:37:30,670
في حين HTML هو كل شيء
ترميز البيانات من صفحة ويب

826
00:37:30,670 --> 00:37:32,130
وهيكل صفحة الويب.

827
00:37:32,130 --> 00:37:35,320
CSS بشكل عام حول
الميل الأخير، وعلم الجمال،

828
00:37:35,320 --> 00:37:40,160
الحصول على حجم ولون و
التنسيب المناسب تماما في صفحة ويب.

829
00:37:40,160 --> 00:37:43,000
وبالفعل، تم تشكيلها
مع أزواج قيمة المفتاح.

830
00:37:43,000 --> 00:37:46,290
>> خاصية مثل هذا، نص
محاذاة، متبوعا بنقطتين،

831
00:37:46,290 --> 00:37:49,720
تليها قيمة تلك
الملكية، وهو في هذه الحالة هو المركز.

832
00:37:49,720 --> 00:37:51,910
والآن نلاحظ لك
يمكن تداخل هذه الأمور.

833
00:37:51,910 --> 00:37:56,780
إذا أردت كل شيء في ذلك
لقد أبرزت أن تركز،

834
00:37:56,780 --> 00:38:00,270
لهذا السبب لدي خط 21 و
على الخط المقابل 31.

835
00:38:00,270 --> 00:38:04,820
ولكن لنفترض الآن أريد أن أقول جون
جامعة هارفارد، مرحبا بكم في صفحتي الرئيسية.

836
00:38:04,820 --> 00:38:06,530
>> رمز حقوق النشر جون هارفارد.

837
00:38:06,530 --> 00:38:09,180
ونفترض أنني أريد أول
تلك الخطوط لتكون كبيرة جدا.

838
00:38:09,180 --> 00:38:10,450
36 بكسل.

839
00:38:10,450 --> 00:38:11,530
ذلك أن حجم لائق.

840
00:38:11,530 --> 00:38:13,240
وأردت وزنه إلى التحلي بالجرأة.

841
00:38:13,240 --> 00:38:15,450
ولكن بعد أقل من ذلك،
أريد نص أصغر.

842
00:38:15,450 --> 00:38:19,980
ودون ذلك، أريد
النص حتى أصغر.

843
00:38:19,980 --> 00:38:20,480
آسف.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
اليوم يشعر وكأنه يوم عطلة.

846
00:38:26,940 --> 00:38:29,840
>> وحتى الآن، ماذا أفعل للتعبير عن هذا؟

847
00:38:29,840 --> 00:38:34,580
هنا في السطر 22 هو جزءا لا يتجزأ من
شعبة أو شعبة متداخلة، اذا صح التعبير.

848
00:38:34,580 --> 00:38:36,190
لديها أيضا سمة نمط الخاصة بها.

849
00:38:36,190 --> 00:38:38,160
I تحديد حجم الخط 36.

850
00:38:38,160 --> 00:38:40,460
I تحديد وزن الخط جريئة.

851
00:38:40,460 --> 00:38:43,360
إلى هنا، أنا فقط تحديد 24 بكسل.

852
00:38:43,360 --> 00:38:45,960
وأخيرا، في خط 28، وتحديد 12.

853
00:38:45,960 --> 00:38:49,070
لذلك مثلما شيك التعقل سريعة
ونتيجة لقراءة هذا الإنسان،

854
00:38:49,070 --> 00:38:52,545
الكلمات التي تظهر على الشاشة ل
الذهاب فعلا أن تكون جريئة؟

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
الذي خطوط جريئة فعلا؟

857
00:38:58,760 --> 00:38:59,570
>> فقط جون هارفارد.

858
00:38:59,570 --> 00:39:00,070
الصحيح؟

859
00:39:00,070 --> 00:39:05,940
لمجرد كخط 22 يقول مهلا
متصفح، وهنا تقسيم الصفحة.

860
00:39:05,940 --> 00:39:07,920
جعله حجم الخط 36 نقطة.

861
00:39:07,920 --> 00:39:09,460
جعل وزن الخط الغامق.

862
00:39:09,460 --> 00:39:11,920
بمجرد الوصول إلى
العلامة نهاية المقابلة

863
00:39:11,920 --> 00:39:15,340
أو علامة مغلقة على خط 24،
وهذا يعني، يا المتصفح،

864
00:39:15,340 --> 00:39:17,640
يتوقف عن فعل كل ما هو تقومون به.

865
00:39:17,640 --> 00:39:21,020
وإشعار أن تكون واضحة، على الرغم من
خط 22 لديه كل هذه الصفات

866
00:39:21,020 --> 00:39:24,430
مثل نمط، عند
إغلاق علامة في خط 24،

867
00:39:24,430 --> 00:39:25,940
كنت أذكر اسم العلامة فقط.

868
00:39:25,940 --> 00:39:29,990
>> كنت لا تكرار النمط كلمة أو
كل ما يدور في داخل تلك العملات.

869
00:39:29,990 --> 00:39:32,860
وحتى لو كنت ننظر إلى هذا الآن
في متصفحي، دعونا نلقي

870
00:39:32,860 --> 00:39:38,060
نظرة على النتيجة النهائية. دعني اذهب
خلال هذا الملف، وهو CSS 0.

871
00:39:38,060 --> 00:39:41,814
وانها لا تزال سهل جدا،
ولكن الحصول على اهتمام كبير.

872
00:39:41,814 --> 00:39:43,980
ولكن اتضح هناك ل
أمور أخرى يمكنني القيام به هنا،

873
00:39:43,980 --> 00:39:46,490
وتحت طائلة اتخاذ
هذا البشعة تماما،

874
00:39:46,490 --> 00:39:48,630
نلاحظ هنا أنه في بلدي
الجسم من صفحات الويب الخاصة بي،

875
00:39:48,630 --> 00:39:53,930
أستطيع أن أفعل شيئا مضحكا
مثل حرس الحدود أو لون الخلفية.

876
00:39:53,930 --> 00:39:56,670
>> وسريعة، ما هو اللون المفضل لديك؟

877
00:39:56,670 --> 00:39:57,720
الأخضر سمعت.

878
00:39:57,720 --> 00:39:58,750
حسنا.

879
00:39:58,750 --> 00:40:02,920
وحتى الآن، إذا أنا ضربت تحديث الآن،
لدينا صفحة على شبكة الإنترنت الخضراء.

880
00:40:02,920 --> 00:40:04,710
كل الحق، لذلك هذا ليس سيئا.

881
00:40:04,710 --> 00:40:08,350
والآن، إذا كنت تريد أن تجعل هذا حقا
بارد، وأنا يمكن أن تجعل من لون النص الخاص بي

882
00:40:08,350 --> 00:40:09,360
حتى الأحمر.

883
00:40:09,360 --> 00:40:10,870
لذلك دعونا نرى ما يبدو هذا مثل.

884
00:40:10,870 --> 00:40:12,230
الآن انها تبحث جيدة.

885
00:40:12,230 --> 00:40:15,460
وإلى هنا، إذا كنت حقا
تريد الفوضى مع شخص

886
00:40:15,460 --> 00:40:17,487
أو إذا كنت تريد أن تكون
واحد من هؤلاء الناس الذين

887
00:40:17,487 --> 00:40:20,570
يحاول خداعك زيارة على شبكة الإنترنت
صفحة لأنها قد خدعت جوجل

888
00:40:20,570 --> 00:40:27,610
في التفكير هناك مجموعة كاملة
الكلمات الرئيسية like-- دعونا نرى، تحميل.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
حيث لم تذهب؟

891
00:40:30,680 --> 00:40:31,530
وهناك منا.

892
00:40:31,530 --> 00:40:32,030
حسنا.

893
00:40:32,030 --> 00:40:34,905
لذلك أنا أقول هذا بصفتي جانبا، وسوف نقوم
الحديث عن هذه الاشياء في غضون أسابيع قليلة

894
00:40:34,905 --> 00:40:36,740
عندما نتحدث عن
الأمن، إذا كنت فعلا

895
00:40:36,740 --> 00:40:38,852
باقات كلها تضمين ل
الكلمات الرئيسية في صفحة على شبكة الإنترنت،

896
00:40:38,852 --> 00:40:41,810
حتى لو لم تكن واضحة ل
الإنسان، شخص مثل جوجل، وبطبيعة الحال،

897
00:40:41,810 --> 00:40:43,250
لا تزال تجد هذا الواقع.

898
00:40:43,250 --> 00:40:45,820
كل الحق، لذلك هذا هو جميلة
البشعة بسرعة كبيرة.

899
00:40:45,820 --> 00:40:48,420
>> في واقع الأمر، فإنه ليس كل شيء
أن كثيرا على عكس بلدي على شبكة الإنترنت

900
00:40:48,420 --> 00:40:51,480
الصفحة كلامتخرجة، التي
بدأت غوغلينغ حول العثور على

901
00:40:51,480 --> 00:40:53,690
الإصدارات السابقة من المواقع بلادي القديمة.

902
00:40:53,690 --> 00:40:54,500
كان سيئا جدا.

903
00:40:54,500 --> 00:40:56,650
في الواقع، لم أجد
واحدة فقط قبل فئة.

904
00:40:56,650 --> 00:40:58,620
ولكن هناك ما هو أسوأ من هناك.

905
00:40:58,620 --> 00:41:01,534
هذا كان على ما يبدو لي
الصفحة الرئيسية مرة أخرى في عام 1996.

906
00:41:01,534 --> 00:41:04,200
على ما يبدو اعتقد انها كانت
مناسبة لنطلب من الناس اسمهم

907
00:41:04,200 --> 00:41:05,991
قبل أن يتمكنوا من
نرى في الواقع بلدي صفحة الويب.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> ثم أريته
شيء غبي، على الأرجح.

910
00:41:11,920 --> 00:41:13,450
أنا حفر أكثر في المرة القادمة.

911
00:41:13,450 --> 00:41:16,220
لكنه الآن، دعونا
تنظر قليلا من التصميم.

912
00:41:16,220 --> 00:41:17,444
لقد تحدثنا عن أسلوب.

913
00:41:17,444 --> 00:41:19,735
وهذه الصفحة حتى الآن، و
معظم كل شيء لقد كتب

914
00:41:19,735 --> 00:41:21,890
غير نظيفة جدا أسلوبيا.

915
00:41:21,890 --> 00:41:23,320
ولكن ماذا عن التصميم؟

916
00:41:23,320 --> 00:41:25,990
حسنا، هناك الكثير من التكرار
في ما قمت به هنا.

917
00:41:25,990 --> 00:41:28,156
>> لقد ذكر كلمة
اللون في بضعة أماكن.

918
00:41:28,156 --> 00:41:31,630
لقد ذكر حجم الخط في بضع
الأماكن وجريئة في بضعة أماكن.

919
00:41:31,630 --> 00:41:34,870
وبشكل أساسي، وأنا شاركت
الاختلاط لغتين.

920
00:41:34,870 --> 00:41:38,100
لقد حصلت HTML مع بلدي العلامات وبلدي
سمات ثم فجأة،

921
00:41:38,100 --> 00:41:40,100
بين نقلت ولدي
اللغة الثانية اليوم

922
00:41:40,100 --> 00:41:43,830
دعا CSS، والتي مرة أخرى، هو مجرد هذه
أزواج قيمة المفتاح أو هذه الخصائص

923
00:41:43,830 --> 00:41:45,280
مفصولة نقطتين.

924
00:41:45,280 --> 00:41:47,700
>> اتضح أن الكثير
كما هو الحال في C حيث نحن

925
00:41:47,700 --> 00:41:50,550
يمكن أن تبدأ لعامل خارج
بعض التعليمات البرمجية في ملفات رأس،

926
00:41:50,550 --> 00:41:53,520
لذلك يمكننا أن نفعل نفس الشيء في HTML.

927
00:41:53,520 --> 00:41:56,030
وخطوة نحو ذلك هي على النحو التالي.

928
00:41:56,030 --> 00:42:02,230
لاحظ أن هذا الإصدار، هو CSS1.html
هيكليا صفحة الويب بالضبط نفس.

929
00:42:02,230 --> 00:42:05,250
حتى لقد حصلت على مجموعة كاملة
من divs، لكن هذه المرة، لقد

930
00:42:05,250 --> 00:42:07,220
حصلت على التخلص من المجمع
شعبة كما سترى.

931
00:42:07,220 --> 00:42:12,390
>> ولقد منحت تلك divs ثلاثة
العليا والمتوسطة، وأسفل، معرفات فريدة من نوعها.

932
00:42:12,390 --> 00:42:14,760
هذا هو لطيف، لأنه من خلال
إعطاء هذه الانقسامات

933
00:42:14,760 --> 00:42:18,715
الصفحة معرفات فريدة من نوعها،
يمكنني الرجوع لهم في أماكن أخرى.

934
00:42:18,715 --> 00:42:19,215
الى اين؟

935
00:42:19,215 --> 00:42:21,070
حسنا، اسمحوا لي أن انتقل لأعلى.

936
00:42:21,070 --> 00:42:24,070
وحتى الآن، في أي وقت قمنا نظرت
على رأس صفحة على شبكة الإنترنت، ما هو

937
00:42:24,070 --> 00:42:28,560
العلامة الوحيدة لدينا في
رئيس لصفحة ويب؟

938
00:42:28,560 --> 00:42:29,740
A بصوت أعلى قليلا.

939
00:42:29,740 --> 00:42:30,799
مجرد لقب حتى الآن.

940
00:42:30,799 --> 00:42:32,590
ولكن اتضح هناك ل
بضعة أشياء أخرى

941
00:42:32,590 --> 00:42:35,840
يمكنك وضعه في هناك، واحدة من
الذي يسمى علامة الاسلوب.

942
00:42:35,840 --> 00:42:37,850
حتى قبل لحظة، ونحن ننظر
في سمة الاسلوب.

943
00:42:37,850 --> 00:42:39,150
تبين هناك علامة الاسلوب.

944
00:42:39,150 --> 00:42:41,200
وهو ينتمي داخل
رئيس صفحة على شبكة الإنترنت.

945
00:42:41,200 --> 00:42:42,840
والآن تلاحظ ما أفعله.

946
00:42:42,840 --> 00:42:46,540
لدي داخل هذا
العلامة أسلوب التالية.

947
00:42:46,540 --> 00:42:51,190
أنا بالذكر حرفيا على خط 20 ل
اسم العلامة التي أريد أن أسلب.

948
00:42:51,190 --> 00:42:53,489
>> ثم لدي متعرج مفتوحة
وأغلق متعرج.

949
00:42:53,489 --> 00:42:56,030
على غرار ذلك في الروح إلى C، ولكن
مرة أخرى، هذه ليست وظيفة،

950
00:42:56,030 --> 00:42:57,796
هذا هو مجرد تفصيل النحوي هنا.

951
00:42:57,796 --> 00:43:00,170
وبعد ذلك بالطبع، أنا أقول
متصفح، مهلا المتصفح،

952
00:43:00,170 --> 00:43:05,210
جعل الجسم كله من صفحة
لديهم محاذاة النص من المركز.

953
00:43:05,210 --> 00:43:06,930
ثم هذا يقول ما يلي.

954
00:43:06,930 --> 00:43:12,600
مهلا المتصفح، إذا كنت ترى HTML
العنصر أو علامة في الصفحة التي

955
00:43:12,600 --> 00:43:17,040
لديه معرف فريد من أعلى،
لذلك الرمز تجزئة هنا يعني فقط

956
00:43:17,040 --> 00:43:21,010
فكرة فريدة من نوعها من أعلى، والمضي قدما
وجعل حجم الخط ل36

957
00:43:21,010 --> 00:43:22,490
والوزن الخط في جريئة.

958
00:43:22,490 --> 00:43:26,840
>> مهلا المتصفح، هذا العنصر الذي لا
الرقم هو المتوسط، وجعلها 24 بكسل.

959
00:43:26,840 --> 00:43:31,070
ومهلا المتصفح، إذا كنت ترى
فكرة أسفل، وجعلها 12 بكسل.

960
00:43:31,070 --> 00:43:33,540
تأثير في النهاية
هو بالضبط سام.

961
00:43:33,540 --> 00:43:36,500
إذا ذهبت إلى CSS 1،
الصفحة تبدو هي نفسها.

962
00:43:36,500 --> 00:43:39,810
لكننا خطوة نحو
تصميم أفضل قليلا.

963
00:43:39,810 --> 00:43:44,850
اسمحوا لي الآن أن أعود هنا إلى CSS2
ونرى ماذا فعلت.

964
00:43:44,850 --> 00:43:48,030
>> الآن الصفحة هي حقا، حقا نظيفة.

965
00:43:48,030 --> 00:43:50,730
في الحقيقة، أنا يمكن أن تناسب جميع
محتويات على الصفحة هنا.

966
00:43:50,730 --> 00:43:54,270
ولكن ما علامة جديدة لديها I
قدم، من الواضح؟

967
00:43:54,270 --> 00:43:54,770
حلقة الوصل.

968
00:43:54,770 --> 00:43:57,853
وانها ليست أفضل اسم للعلامة،
لأنها ليست وصلة بالمعنى

969
00:43:57,853 --> 00:44:00,780
ونحن نعلم ذلك، ولكن هذا يعني
ارتباط في بعض الملفات الأخرى.

970
00:44:00,780 --> 00:44:02,890
هذا هو نوع من مثل تشمل حاد في C.

971
00:44:02,890 --> 00:44:06,280
>> هذه هي الطريقة HTML
أقول يا المتصفح،

972
00:44:06,280 --> 00:44:10,240
يذهب للحصول على محتويات
يسمى ملف css2.css.

973
00:44:10,240 --> 00:44:12,880
العلاقة، بالنسبة لي،
غير أنه ورقة الاسلوب.

974
00:44:12,880 --> 00:44:17,980
والواقع، وهذا ما واحدة من
وS في أوراق الأنماط المتتالية الوسائل.

975
00:44:17,980 --> 00:44:20,350
هذا هو ورقة الاسلوب.

976
00:44:20,350 --> 00:44:23,120
انها مجرد ملف نصي يحتوي على
مجموعة كاملة من الممتلكات.

977
00:44:23,120 --> 00:44:25,940
انها مجموعة كاملة من أساليب
التي تريد تطبيقها على صفحة.

978
00:44:25,940 --> 00:44:28,860
>> وحتى هذا على ما يبدو
في اشارة الى الملف الثاني.

979
00:44:28,860 --> 00:44:32,970
وإذا كان لي أن فتح، CSS2.css،
لاحظت أن كل ما قمت به

980
00:44:32,970 --> 00:44:35,900
هو نسخ ولصق كل
هذا إلى هذا الملف.

981
00:44:35,900 --> 00:44:38,220
والآن، حتى لو كنت أبدا
ترميز هذه الاشياء من قبل،

982
00:44:38,220 --> 00:44:40,700
مجرد النظر مع
قبعة الهندسة المثل

983
00:44:40,700 --> 00:44:44,220
، لماذا هو هذا
تصميم أفضل ربما؟

984
00:44:44,220 --> 00:44:48,910
العوملة من هذه الخصائص CSS،
وضعها في ملف والخاصة.

985
00:44:48,910 --> 00:44:51,330
على الرغم من أننا حل هذه
قبل مشكلة مثل خمس دقائق

986
00:44:51,330 --> 00:44:52,600
في النسخة الأولى.

987
00:44:52,600 --> 00:44:55,730
>> لقد تؤد إلى تحسن
أسلوبيا الصفحة،

988
00:44:55,730 --> 00:44:57,520
هذا هو مجرد أفضل
التصميم في بعض معانيها.

989
00:44:57,520 --> 00:44:58,990
لماذا تعتقد؟

990
00:44:58,990 --> 00:45:01,510
نعم.

991
00:45:01,510 --> 00:45:02,260
أكثر مرونة كيف؟

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
نعم.

994
00:45:05,540 --> 00:45:07,373
حتى إذا كنت تريد أن تذهب
العودة وتغيير الأشياء،

995
00:45:07,373 --> 00:45:09,540
الآن، لديك مكان واحد
حيث يمكنك تغيير الأشياء.

996
00:45:09,540 --> 00:45:11,622
في واقع الأمر، عن شيء
مثل مشكلة تعيين سبعة،

997
00:45:11,622 --> 00:45:13,690
حيث سنقوم تنفيذ
الأسهم موقع تداول،

998
00:45:13,690 --> 00:45:15,523
هذا ما ستكون لدينا
مجموعة كاملة من الصفحات.

999
00:45:15,523 --> 00:45:17,620
وسيكون حقا
مزعج إذا قررت، جلالة،

1000
00:45:17,620 --> 00:45:21,630
أنا لا أحب حقا 24 بكسل، أريد
أن يكون 28 بكسل أو أكبر قليلا.

1001
00:45:21,630 --> 00:45:23,550
ومن ثم يجب أن تفعل
العالمي ايجاد واستبدال

1002
00:45:23,550 --> 00:45:27,560
أو فتح كافة الملفات موقع الويب الخاص بك
ببساطة لتغيير الواقع قيمة واحدة.

1003
00:45:27,560 --> 00:45:31,290
من قبل العوملة من هذه الأنماط
في مكان مركزي واحد،

1004
00:45:31,290 --> 00:45:34,720
يمكنك الآن فتح ملف نصي واحد
في CS50IDE في أي برنامج،

1005
00:45:34,720 --> 00:45:36,479
تغييره، حفظه، والقيام به.

1006
00:45:36,479 --> 00:45:38,270
لقد نشر تلك
التغييرات في كل مكان.

1007
00:45:38,270 --> 00:45:42,450
والتي من شأنها أن تكون هي نفسها
في ملف نقطة ح كذلك.

1008
00:45:42,450 --> 00:45:46,697
لذلك أي أسئلة بالتالي
الآن على هذا النحو؟

1009
00:45:46,697 --> 00:45:48,530
كل الحق، لذلك قمنا
فعلت كل شيء على ما يبدو

1010
00:45:48,530 --> 00:45:51,170
إلا فعلا تنفيذ الارتباطات التشعبية.

1011
00:45:51,170 --> 00:45:52,740
وذلك دعونا نمضي قدما ونفعل ذلك.

1012
00:45:52,740 --> 00:45:54,830
اسمحوا لي أن المضي قدما في
إنشاء ملف جديد هنا.

1013
00:45:54,830 --> 00:45:59,970
انا ذاهب الى نسميها
link.html، وطرح في التعليمات البرمجية اليوم.

1014
00:45:59,970 --> 00:46:03,000
>> وانا ذاهب للقيام مفتوحة
قوس نوع وثيقة HTML.

1015
00:46:03,000 --> 00:46:05,970
بوصفها جانبا، وهذا الشيء في
أعلى، وهذا النوع إعلان وثيقة،

1016
00:46:05,970 --> 00:46:08,420
انها واحدة فقط وهذا غريب
مع علامة تعجب.

1017
00:46:08,420 --> 00:46:12,100
لديك فقط للقيام بذلك هناك، و
يعني أننا نستخدم HTML الإصدار 5.

1018
00:46:12,100 --> 00:46:14,460
الإصدارات القديمة من
كانت لغة لفترة أطول

1019
00:46:14,460 --> 00:46:16,400
السلاسل التي كنت في حاجة إلى وضع هناك.

1020
00:46:16,400 --> 00:46:18,620
حتى هنا هو مثال يسمى الارتباط.

1021
00:46:18,620 --> 00:46:20,950
>> أحتاج إلى الجسم من صفحة الويب الخاص بي هنا.

1022
00:46:20,950 --> 00:46:29,770
وهنا، على قدم المساواة HREF
دعنا نقول HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
وموقعي المفضل، فإننا سوف أقول.

1024
00:46:35,420 --> 00:46:38,550
كل الحق، لذلك جدا
حميدة، صفحة المستخدم ودية.

1025
00:46:38,550 --> 00:46:42,950
إذا كنت انتقل الآن إلى دليل بلدي
قائمة هنا وفتح link.html،

1026
00:46:42,950 --> 00:46:44,780
لدينا النصوص التشعبية.

1027
00:46:44,780 --> 00:46:47,410
>> وبالفعل، هذا هو المكان
وH في HTTP يأتي من.

1028
00:46:47,410 --> 00:46:51,580
بروتوكول نقل النص التشعبي
هو حول نقل النص

1029
00:46:51,580 --> 00:46:53,840
التي لديها ارتباطات تشعبية إلى الموارد الأخرى.

1030
00:46:53,840 --> 00:46:58,210
والواقع، وهنا هو ما هو مألوف،
إذا الرجعية، الرابط أنه إذا النقر عليها،

1031
00:46:58,210 --> 00:47:02,607
يهديني فعلا لDisney.com.

1032
00:47:02,607 --> 00:47:03,940
الآن، يا، الذي سيأتي قريبا.

1033
00:47:03,940 --> 00:47:08,970
كل الحق، وحتى الآن، ما هي بعض
الآثار المترتبة على ذلك؟

1034
00:47:08,970 --> 00:47:11,610
>> وبصراحة، يبدأ العالم
للحصول على أكثر من ذلك بقليل مألوفة

1035
00:47:11,610 --> 00:47:15,090
وأيضا قليلا ترويعا
ولكن أيضا أكثر قليلا

1036
00:47:15,090 --> 00:47:17,840
النفس الدفاع عنه بمجرد البدء
لفهم هذه الأمور.

1037
00:47:17,840 --> 00:47:21,610
وذلك لأن احتمالات، البعض منكم، وإذا ذهبت
من خلال مجلد البريد المزعج Gmail الخاص بك أو حتى

1038
00:47:21,610 --> 00:47:23,990
البريد الوارد الخاص بك، ربما كنت قد
حصلت على بعض النوع من البريد الالكتروني

1039
00:47:23,990 --> 00:47:26,980
وهذا ما يطلب منك تغيير الخاص بك
كلمة ربما أو ربما تحقق

1040
00:47:26,980 --> 00:47:28,910
أوراق اعتماد باي بال أو غيرها.

1041
00:47:28,910 --> 00:47:34,510
>> في واقع الأمر، قد تلقوا
شيء أن يقول مثل اضغط هنا

1042
00:47:34,510 --> 00:47:42,260
لإعادة تعيين كلمة المرور الخاصة بك باي بال.

1043
00:47:42,260 --> 00:47:44,130
والآن، لاحظ، إذا
هذا ليس Disney.com

1044
00:47:44,130 --> 00:47:51,600
ولكن مثل badplace.com و
تحميل، لاحظ أن النص هنا

1045
00:47:51,600 --> 00:47:53,710
يمكن أن نقول أي شيء على الإطلاق.

1046
00:47:53,710 --> 00:47:55,260
في واقع الأمر، وهذا هو مجرد كلمات.

1047
00:47:55,260 --> 00:48:04,610
لماذا لا أنا فعلا تكون فائقة الخبيثة
ويقول http://www.paypal.com.

1048
00:48:04,610 --> 00:48:14,090
>> انقر هنا إعادة تعيين باي بال الخاص بك
كلمة المرور و تحميل الآن.

1049
00:48:14,090 --> 00:48:16,220
هذا يبدو مشروعا جدا، أليس كذلك؟

1050
00:48:16,220 --> 00:48:20,470
أعني، أنا لن انقر على
رسالة بالبريد الالكتروني ان يقول هذا فقط.

1051
00:48:20,470 --> 00:48:22,450
ولكن لاحظ الانقسام هنا.

1052
00:48:22,450 --> 00:48:26,880
تقول www.paypal.com،
في واقع الأمر، انتظر لحظة،

1053
00:48:26,880 --> 00:48:29,210
ونحن نعلم أن كنت تريد
ليالي للأمن.

1054
00:48:29,210 --> 00:48:35,450
وحتى الآن، ذهبت إلى www.paypal.com HTTPS،
ولكن إذا كنت قد فعلت هذا لم يحدث من قبل،

1055
00:48:35,450 --> 00:48:38,182
لا تحصل في العادة من
تحوم حول الروابط قليلا هنا.

1056
00:48:38,182 --> 00:48:39,890
وأنه من الصعب أن نرى
على الشاشة هناك،

1057
00:48:39,890 --> 00:48:41,340
وانها ليست كل ما أسهل هنا.

1058
00:48:41,340 --> 00:48:43,615
ولكن الطريق إلى هنا في
في زاوية صغيرة صغيرة

1059
00:48:43,615 --> 00:48:45,740
لا متصفح الواقع
اقول لكم اننا ذاهبون

1060
00:48:45,740 --> 00:48:48,850
لbadplace.com بدلا من Paypal.com.

1061
00:48:48,850 --> 00:48:51,620
الآن، أين نحن ذاهبون مع هذا؟

1062
00:48:51,620 --> 00:48:54,859
كل الأمثلة التي قمنا بها اليوم،
لقد الثابت ترميز وكتابتها يدويا.

1063
00:48:54,859 --> 00:48:56,900
على شبكة الإنترنت هو لا يصدق
رتيبا عند الصعب

1064
00:48:56,900 --> 00:48:59,844
رمز صفحات الويب الخاصة بك بحيث المحتوى
هو ثابت وأبدا تغيير.

1065
00:48:59,844 --> 00:49:01,760
بالطبع، كل من لدينا
مواقع الويب المفضلة اليوم،

1066
00:49:01,760 --> 00:49:04,470
سواء كان بريد جوجل أو تويتر أو
الفيسبوك أو أي عدد آخر

1067
00:49:04,470 --> 00:49:05,290
دينامية.

1068
00:49:05,290 --> 00:49:07,340
انهم تغيير في
استجابة إلى إدخال المستخدم

1069
00:49:07,340 --> 00:49:08,840
تماما مثل نتائج بحث Google.

1070
00:49:08,840 --> 00:49:12,415
>> وذلك يوم الأربعاء، ما نقوم به هو
نترك HTML و CSS مقدمة

1071
00:49:12,415 --> 00:49:14,290
وراءنا ونحن نأخذ
من المسلم به أن لدينا الآن

1072
00:49:14,290 --> 00:49:16,640
أعلم أنه ونحن نقدم
لغة برمجة جديدة

1073
00:49:16,640 --> 00:49:19,050
دعا PHP، الذي أحب
C، وسيعطينا

1074
00:49:19,050 --> 00:49:22,450
القدرة على خلق الواقع برامج
هي نفسها إخراجا.

1075
00:49:22,450 --> 00:49:25,900
في هذه الحالة، فإننا سوف تستخدم
PHP لتوليد حيوي على شبكة الإنترنت

1076
00:49:25,900 --> 00:49:27,340
الصفحات باستخدام هذه اللغة الجديدة.

1077
00:49:27,340 --> 00:49:28,989
أكثر من ذلك على أن يوم الاربعاء.

1078
00:49:28,989 --> 00:49:29,530
اراك لاحقا.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [عزف الموسيقى]

1081
00:49:37,380 --> 00:52:38,864