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
بنابراین علاوه بر گرفتن Dropbox به
فضایی که هر کس که شرکت

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 ناهار در کمبریج
و New Haven این روز جمعه است.

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
با برای تا
در این سال در مورد IOS

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
و همه چیز همه چیز ترین
تواند جریان و همچنین در تقاضا در دسترس

81
00:04:09,090 --> 00:04:11,750
پس اگر شما در واقع می تواند آن را.

82
00:04:11,750 --> 00:04:15,800
بنابراین بدون ado بیشتر، ما
ترک کردن زمان آخرین با دریافت کنید.

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
در وب سایت سی ان ان و یا مانند.

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
چون یعنی OK، درخواست
دریافت میشه و به کار گرفته به درستی.

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
>> همه شما در حال حاضر این دارند
اگر شما با استفاده از Chrome شده است.

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
>> در واقع، اجازه دهید انجام WWW
برای اندازه گیری خوبی، بریده بریده.

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 از کسانی که پاکت نامه،
هر کدام با درخواست GET خود را دارد،

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
و حتی اگر شما کروم استفاده کنید،
اینترنت اکسپلورر می توانید انجام دهید این، فایرفاکس می توانید این کار،

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
پس از آن عنوان بسته، سر بسته، باز
تگ body، متن، بسته بدن،

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
اگر شما ضربه کلید Tab زیادی یا
پیامدهای نوار فضا، در نظر بگیرید.

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
یک میلیارد بایت، یا یک گیگابایت
داده است که از سرورهای فیس بوک ارسال

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
این یک فایل متنی است، انجام
شما می خواهید به آن تماس بگیرید کلیپ برد چند منظوره؟

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
که ما نمی خواهیم
در URL های عمومی در دسترس است.

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
در CS50 IDE، توجه داشته باشید که
ناگهان نوار آدرس.

347
00:16:29,480 --> 00:16:33,690
دلیلش این است که حتی اگر ما
با استفاده از Chrome به بازدید 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
من قصد دارم به جلو بروید و فقط
باز کردن پنجره کروم خود من است.

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
و voila، در حال حاضر من و
در تئوری، هر کس

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
صفحه وب من فوق العاده underwhelming است.

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
تگ P و یا تگ پاراگراف.

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
و اگر من به گوگل بروید
تصاویر و ریک Astley.

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
>> بنابراین در اینجا ما یک
تصویر در تصاویر گوگل.

501
00:23:16,750 --> 00:23:19,390
و اجازه دهید فرض کنیم که این است
منطقی در همه جا بر روی اینترنت.

502
00:23:19,390 --> 00:23:22,570
بنابراین من قصد دارم به فرض آن را OK برای من
در واقع این را به صفحه وب من.

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
این ریک Astley است، هاها،
من قصد دارم به حال حاضر به بازگشت

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
به طوری که ریک Astley است.

515
00:23:56,070 --> 00:23:59,680
پس از آن معلوم ما می توانیم
در واقع او را در اینجا اضافه کنید.

516
00:23:59,680 --> 00:24:00,830
این Astley ریک است.

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
پس چه برخی از takeaways در اینجا؟

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
و یا در Google چگونه به انجام برخی
روش و یا به عنوان دیده ایم،

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
من قول می دهم نه برای رفتن به ریک Astley، به طوری که
من قصد دارم به برای یک گربه گوگل به جای.

618
00:28:25,680 --> 00:28:28,290
و اگر من به تصاویر گوگل بروید
در اینجا، و ما باید فرض کنیم

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
فرض من دانلود گربه همان،
اطلاع that-- که شایان ستایش بود.

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
من قصد دارم به جلو بروید و ایجاد
یک فایل جدید به نام صفحه ای.

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
بنابراین در اینجا آغاز است
یک فایل به نام صفحه ای.

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
بنابراین اگر این صرفه جویی و بیش در اینجا من،
اجازه دهید صفحه ای فایل را ببینید.

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
و من ممکن است چیزی شبیه کلمات کلیدی را مشاهده کنید،
و یا بیشتر به طور خاص، پرس و جو برای q.

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
و من آن را گفته ام که چگونه به ورودی،
من یک جعبه متن را و یک دکمه submit،

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
بنابراین اگر شما به دنبال چیزی در Google جستجو
و شما را در پیشبرد خاموش است،

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
علامت سوال Q برابر با گربه.

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
بنابراین در اینجا، من بدن از وب سایت من
صفحه که در داخل آن یک div بزرگ است.

803
00:36:33,090 --> 00:36:34,700
و یک div فقط به معنی تقسیم.

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 است جاسازی شده
div یا DIV تو در تو، اگر شما خواهد شد.

848
00:38:34,580 --> 00:38:36,190
این واژه نیز دارای برچسب سبک خود را دارد.

849
00:38:36,190 --> 00:38:38,160
من یک اندازه فونت 36 را مشخص کنید.

850
00:38:38,160 --> 00:38:40,460
من یک وزن فونت از جسورانه را مشخص کنید.

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
من چیزی خنده دار می توانید انجام دهید
مانند BG یا رنگ پس زمینه.

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
صفحه عنوان مقطع کارشناسی، که
من شروع به در Google اطراف برای پیدا کردن

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
و اساسا، من هستم CO
آمیختن دو زبان.

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
بنابراین من یک دسته کامل کردم
راستیآزمایی اطلاعات طراحی، اما این بار، من

930
00:42:05,250 --> 00:42:07,220
بدست از لفاف بسته بندی خلاص شدن از شر
DIV به عنوان خواهید دید.

931
00:42:07,220 --> 00:42:12,390
>> و من آن سه دایو داده ام
بالا، متوسط ​​و پایین، شناسه منحصر به فرد.

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
کمی بلندتر.

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
>> هی مرورگر، یک عنصر که
ID میانه است، آن 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
اما آنچه تگ جدید من
معرفی، بدیهی است؟

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
و آن را واقعا می شود
آزار دهنده اگر شما تصمیم، HM،

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
>> و من قصد دارم انجام دهید باز
براکت نوع DOC HTML.

1015
00:46:03,000 --> 00:46:05,970
همانطور که به کنار، این چیزی که در
بالا، این اعلان نوع DOC،

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
و در اینجا، یک عکاس هنگام عکسبرداری برابر
اجازه دهید بگویم 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
از آنجا که شانس هستند، برخی از شما، اگر شما به
از طریق پوشه اسپم جیمیل خود و یا حتی

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
درست مثل نتایج جستجوی گوگل.

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
نام پی اچ پی، که مانند
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