1
00:00:00,000 --> 00:00:03,486
>> [MUSIC PLAYING]

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

3
00:00:10,460 --> 00:00:14,250
>> DAVID J Malan: Bu CS50 edir və
Bu həftə 7 başlanğıc.

4
00:00:14,250 --> 00:00:15,060
Belə ki, geri salamlayıram.

5
00:00:15,060 --> 00:00:17,540
Və siz geri bilər
problemi, dörd müəyyən

6
00:00:17,540 --> 00:00:21,510
bir zibilçi ov bir az var idi
bəzi inanılmaz mükafatlar vasitəsi üçün

7
00:00:21,510 --> 00:00:24,219
Siz photos bərpa sonra
həm də burada New Haven heyəti,

8
00:00:24,219 --> 00:00:27,468
Siz kimi bir çox tapmaq üçün etiraz edildi
Siz ola bilər kimi bu kompüter elm.

9
00:00:27,468 --> 00:00:29,550
Və biz bütün var
təqdim dəstə.

10
00:00:29,550 --> 00:00:31,930
Mən bir neçə bölüşmək istədiyiniz düşündüm
Bu gün burada sizinlə.

11
00:00:31,930 --> 00:00:35,100
>> Biz online Bütün bunlar göndərmək lazımdır.

12
00:00:35,100 --> 00:00:39,310
Amma xüsusilə də istədi
Yaxşı bir to-- diqqəti cəlb,

13
00:00:39,310 --> 00:00:42,670
Sam onların bir neçə idi
ümumiyyətlə, bu kimi çəkdirən.

14
00:00:42,670 --> 00:00:45,750
Amma bu kimi görünür
bu səhər, qalib

15
00:00:45,750 --> 00:00:51,170
Müəyyən bir kimsə ilə Ken seçildi
Heyəti 24 kamerası

16
00:00:51,170 --> 00:00:54,600
Siz daxil almaq zaman daha çox və ya bir neçə
şəkillər çox heyəti hesab.

17
00:00:54,600 --> 00:00:58,300
Burada təsvir növbəti Ken edir
New Haven Məryəm.

18
00:00:58,300 --> 00:01:01,300
>> İndi Ken, baxmayaraq ki, çevrilir
bir künc işin az

19
00:01:01,300 --> 00:01:02,880
ki, hələ əvvəl baş deyil.

20
00:01:02,880 --> 00:01:05,713
Bu baş vermədi çıxır ki,
Mənə problem gözəl çap qoymaq üçün

21
00:01:05,713 --> 00:01:09,710
heyəti var ki, deyir ki, dörd müəyyən
inanılmaz mükafatlar üçün qeyri-münasib

22
00:01:09,710 --> 00:01:13,130
Ken, əlbəttə, biridir, çünki
Bizim heyəti fotoqraflar.

23
00:01:13,130 --> 00:01:16,820
İndi bildirib ki, o
ilk demək mənə yazdı

24
00:01:16,820 --> 00:01:19,180
online bu photos göndərmək etməyin.

25
00:01:19,180 --> 00:01:21,630
Mən böyük bir hissəsi hesab
photos ən çünki

26
00:01:21,630 --> 00:01:24,499
Bu fotoqraf baxmaq etdi ki
bu kimi bir az bir şey.

27
00:01:24,499 --> 00:01:25,040
Və s.

28
00:01:25,040 --> 00:01:28,990
>> Amma Ken mənə Sizi əmin etmək istəyirəm ki,
o, bir çox yaxşı fotoqraf ki,

29
00:01:28,990 --> 00:01:33,190
o, bir professional alır
bulanık deyil photos,

30
00:01:33,190 --> 00:01:37,270
diqqət daha yaxşı ki, o,
öz işçilərinin bir neçə etdi.

31
00:01:37,270 --> 00:01:40,370
Əksinə yalnız çox etiraf
Biz nə istədiyiniz fikir nə Ken,

32
00:01:40,370 --> 00:01:43,390
siyahısını getmək
təqdim faktiki tələbələr.

33
00:01:43,390 --> 00:01:48,640
Və bu ilə Lance çıxır
Bu səhər etibarilə 15 photos

34
00:01:48,640 --> 00:01:50,030
Bizim qalibi olmuşdur.

35
00:01:50,030 --> 00:01:55,730
>> Və Lance Colton ilə burada təsvir
özüm ilə Skaz, və Sam ilə.

36
00:01:55,730 --> 00:02:00,230
Lakin o çıxır ki, kimi
11:46 AM, yalnız bir az əvvəl, belə ki,

37
00:02:00,230 --> 00:02:04,380
Mən e-poçt geri getdi və aşkar
Biz hələ bir daha təqdim ki,

38
00:02:04,380 --> 00:02:08,300
Bonnie adlı bir şagird tərəfindən
kimin e-poçt yalnız bildirib.

39
00:02:08,300 --> 00:02:10,800
Yalan fikrində deyil, mən
sinif zamanı bunu.

40
00:02:10,800 --> 00:02:17,620
Və sonra yalnız əlavə davam
14 photos, Lance 15 utancaq biridir.

41
00:02:17,620 --> 00:02:22,690
>> Amma Bonnie nin photos, bu çevrilir
həyata çox heyət üzvləri, Sam idi

42
00:02:22,690 --> 00:02:25,960
Onların arasında, belə ki, biz fikir nə
Bunu ki, bu, həm də etiraf edir.

43
00:02:25,960 --> 00:02:29,240
Belə ki, Dropbox əldə əlavə
space ki qatılan hər kəsə

44
00:02:29,240 --> 00:02:33,900
qəbul, bu iki bölmələr də olacaq
onlar üçün gözəl catered nahar almaq

45
00:02:33,900 --> 00:02:36,100
və onların bölmə
bu gələn həftə mates.

46
00:02:36,100 --> 00:02:38,970
Və belə ki, bizdən eşitmək,
Ki Lance və Bonnie.

47
00:02:38,970 --> 00:02:40,002
Onlara belə böyük Congrats.

48
00:02:40,002 --> 00:02:42,210
İndi, sizin kim ki
nahar Kimi daha çox, ümumiyyətlə,

49
00:02:42,210 --> 00:02:45,320
Cambridge ki, CS50 nahar bilirik
və New Haven bu cümə deyil.

50
00:02:45,320 --> 00:02:48,510
CS50 veb çizgi RSVP gedin.

51
00:02:48,510 --> 00:02:49,800
İndi seminarlar bir söz.

52
00:02:49,800 --> 00:02:50,730
Daha curricularly.

53
00:02:50,730 --> 00:02:52,490
Beləliklə, biz yaxınlaşır edirik
dövr point

54
00:02:52,490 --> 00:02:55,200
Siz başlamaq lazımdır
son layihələr haqqında düşünür.

55
00:02:55,200 --> 00:02:59,309
Və əslində, yalnız bir az olacaq
pre təkliflər ola qondarma.

56
00:02:59,309 --> 00:03:01,850
Belə ki, pre təkliflər üçün nəzərdə tutulub
ola olduqca aşağı təsir və həqiqətən

57
00:03:01,850 --> 00:03:04,109
yalnız bir imkan
Siz qısa bir qeyd yaratmaq üçün

58
00:03:04,109 --> 00:03:06,900
tədris fellow bildirmək üçün
ona və ya onun sizə düşüncə etdiyiniz nə

59
00:03:06,900 --> 00:03:09,140
son layihə üçün nə edə bilərsiniz.

60
00:03:09,140 --> 00:03:11,730
>> İndi, bir çox tələbələr son
bunu web final layihələr əsaslanır.

61
00:03:11,730 --> 00:03:13,800
Əlbəttə, biz yalnız istəyirik
bu artıq ötən həftə

62
00:03:13,800 --> 00:03:15,890
və web proqramlaşdırma dalğıc kənarda.

63
00:03:15,890 --> 00:03:18,200
Belə ki, əgər narahat deyil
heç bir fikir necə var

64
00:03:18,200 --> 00:03:21,594
Siz fikir qurmaq ki,
Əgər fikrinizi ola bilər.

65
00:03:21,594 --> 00:03:24,510
Bu, həqiqətən, yalnız bir məcbur funksiyası var
Əgər düşüncə və söhbət üçün

66
00:03:24,510 --> 00:03:25,650
bu barədə TF ilə.

67
00:03:25,650 --> 00:03:28,810
Amma ki, sizə kömək, və
nəticədə final layihələri ilə,

68
00:03:28,810 --> 00:03:31,750
CS50 bir ənənə var ki, bilirik
seminarların təklif.

69
00:03:31,750 --> 00:03:36,084
>> Və bu əlləri, on, isteğe bağlıdır
və ya imkanları əsasında mühazirə

70
00:03:36,084 --> 00:03:39,000
olan mövzular haqqında daha ətraflı məlumat üçün
Əlbəttə nin bir az əlavə

71
00:03:39,000 --> 00:03:43,310
proqramı, lakin buna baxmayaraq gözəl
material final layihələr çəkmək üçün.

72
00:03:43,310 --> 00:03:46,840
Və bu var siyahısı
Burada New Haven CS50 heyəti

73
00:03:46,840 --> 00:03:48,600
üçün ilə gəlmişəm
IOS bu il

74
00:03:48,600 --> 00:03:50,730
proqramlaşdırma, Android
proqramlaşdırma, oyun inkişaf,

75
00:03:50,730 --> 00:03:54,480
daha alətləri və dəstələri
və dil və texnika.

76
00:03:54,480 --> 00:03:56,780
>> Belə ki, CS50 saytda bir göz saxlamaq.

77
00:03:56,780 --> 00:04:00,110
Və bu arada, siz istəyirsinizsə
bu hər hansı sizin maraq qeydiyyatdan

78
00:04:00,110 --> 00:04:02,510
CS50 çizgi reyestrinə gedin.

79
00:04:02,510 --> 00:04:05,770
Və biz sonra kimi təqib edəcək
gün və uçuş dəfə və yeri

80
00:04:05,770 --> 00:04:09,090
və, hər şey ən hər şey edəcək
ola axın və tələb də mövcuddur

81
00:04:09,090 --> 00:04:11,750
Siz, həqiqətən, bunu edə bilməz, əgər sonra.

82
00:04:11,750 --> 00:04:15,800
Belə ki, daha ADO olmadan, biz
GET ilə son dəfə off sol.

83
00:04:15,800 --> 00:04:19,610
>> Və bu idi mesajı kimi idi
virtual zərf daxilində, geri,

84
00:04:19,610 --> 00:04:23,960
biz router router-dən keçdiyini
bir web browser və web arasında router

85
00:04:23,960 --> 00:04:24,487
server.

86
00:04:24,487 --> 00:04:26,695
Və mesaj baxdı
bu kimi kiçik bir şey.

87
00:04:26,695 --> 00:04:29,700
Bu gizli mesaj idi ki,
bir zərf daxilində həqiqətən idi

88
00:04:29,700 --> 00:04:34,440
olan kağız parçası üzərində yazılmış
ilk line sanki, çizgi almaq deyir.

89
00:04:34,440 --> 00:04:37,830
>> Və yalnız bir ağlı başında olma çek kimi,
slash nə işarə idi?

90
00:04:37,830 --> 00:04:40,455
Slash zaman nə deməkdir
bir web tələb?

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

92
00:04:43,070 --> 00:04:44,250
Siz hər zaman tələb.

93
00:04:44,250 --> 00:04:47,333
Ən heç bir zaman bir web saytına girə, siz
həqiqətən bir fayl adı yazın yoxdur.

94
00:04:47,333 --> 00:04:50,960
Siz yəqin ki, yalnız, Facebook.com getmək
, gmail.com, və ya kimi daxil edin.

95
00:04:50,960 --> 00:04:52,260
Və çizgi nə təmsil edir?

96
00:04:52,260 --> 00:04:53,506
Nə fayl?

97
00:04:53,506 --> 00:04:54,630
Xüsusi və ya nə səhifə?

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

99
00:04:59,642 --> 00:05:00,720
>> index, evet.

100
00:05:00,720 --> 00:05:01,810
Default səhifə So.

101
00:05:01,810 --> 00:05:04,810
Bir fayl daxil deyil, əgər belə
biz görmək başlamaq lazımdır kimi ad,

102
00:05:04,810 --> 00:05:07,750
Siz, həqiqətən, yalnız tələb edirik
Mənə Facebook default səhifə verir

103
00:05:07,750 --> 00:05:10,800
və ya mənə inbox vermək və ya vermək
Mənə xəbər default səhifə

104
00:05:10,800 --> 00:05:12,510
CNN-nin veb və ya belə.

105
00:05:12,510 --> 00:05:15,220
Və bir server sonra cavab
bir şey ilə mesaj

106
00:05:15,220 --> 00:05:18,420
bu kimi, mən, bəli deyərək
HTTP versiyası 1.1 danışmaq.

107
00:05:18,420 --> 00:05:21,130
>> Statusu 200,
biz nadir hallarda insanlar code

108
00:05:21,130 --> 00:05:22,790
yaxşı, çünki heç görəcəksiniz.

109
00:05:22,790 --> 00:05:26,640
OK, sorğu deməkdir
qəbul və düzgün ele edildi.

110
00:05:26,640 --> 00:05:28,960
Və məzmun növü
yəqin cavab

111
00:05:28,960 --> 00:05:31,170
tez-tez, lakin həmişə mətn.

112
00:05:31,170 --> 00:05:32,580
Və xüsusilə, HTML.

113
00:05:32,580 --> 00:05:34,760
Və həqiqətən
biz bu gün oldu.

114
00:05:34,760 --> 00:05:37,140
>> Belə ki, əslində, mən getmək üçün gedirəm
irəli və browser açmaq.

115
00:05:37,140 --> 00:05:40,410
Mən Chrome istifadə gedirəm, istifadə edə bilərsiniz
həftə hər hansı bir brauzer ən gəlib.

116
00:05:40,410 --> 00:05:42,410
Biz, ümumiyyətlə, Chrome gəlir
xüsusilə, çünki

117
00:05:42,410 --> 00:05:43,750
proqram geliştiriciler üçün yaxşı.

118
00:05:43,750 --> 00:05:46,070
Inşa bir çox var
daha asan alətləri

119
00:05:46,070 --> 00:05:49,800
HTML və CSS yalnız inkişaf etdirmək,
biz bu gün söhbət başlamaq lazımdır hər şeyi,

120
00:05:49,800 --> 00:05:51,530
həm də digər dillərdə həmçinin.

121
00:05:51,530 --> 00:05:55,530
>> Mən irəli getmək və to-- getmək üçün gedirəm
Mən klik və ya sağ nəzarət gedirəm

122
00:05:55,530 --> 00:05:57,210
bir web page yerdə basın.

123
00:05:57,210 --> 00:05:59,070
Mən Element Inspect getmək üçün gedirəm.

124
00:05:59,070 --> 00:06:03,850
Mən çimdik gedirəm mənim
Burada ekran yalnız bir az.

125
00:06:03,850 --> 00:06:05,790
Mənə alt bu hərəkət edək.

126
00:06:05,790 --> 00:06:08,140
Belə ki, bu deyirlər nə
Chrome-nin Inspector.

127
00:06:08,140 --> 00:06:11,010
Belə ki, bu ayıklama kimi
alət Chrome daxil.

128
00:06:11,010 --> 00:06:13,520
>> Hamınız artıq bu
Siz Chrome istifadə edilmişdir varsa.

129
00:06:13,520 --> 00:06:17,169
Və bu neler görmek üçün imkan verir
Bəzi web page başlıq altında.

130
00:06:17,169 --> 00:06:19,210
Belə ki, əslində bir götürək
Aşağıdakı kimi bu baxmaq.

131
00:06:19,210 --> 00:06:21,251
Bu yol daha çox xüsusiyyətləri vardır
və biz bu gün qayğı.

132
00:06:21,251 --> 00:06:22,760
Amma burada artıq bu Nişanlar var.

133
00:06:22,760 --> 00:06:25,890
Elements, şəbəkə, mənbələri,
qrafiki, və bəzi digər stuff.

134
00:06:25,890 --> 00:06:27,800
Mən basın gedirəm
Bir an şəbəkə.

135
00:06:27,800 --> 00:06:30,500
>> Və bu bir az böyük var
Burada ilk baxışda.

136
00:06:30,500 --> 00:06:34,190
Amma mən nə gedirəm edək
Mənə bir az asanlaşdırmaq.

137
00:06:34,190 --> 00:06:37,560
Mən yandırmaq üçün gedirəm
qırmızı, belə ki, işıq qeyd.

138
00:06:37,560 --> 00:06:39,140
Mən log qorumaq demək gedirəm.

139
00:06:39,140 --> 00:06:41,015
Və bu, yalnız bir az
şey fiqurlu

140
00:06:41,015 --> 00:06:44,120
zamanla ki, saxlamaq olacaq
brauzerinizin olur hər şey.

141
00:06:44,120 --> 00:06:50,030
İndi getmək üçün gedirəm
http://facebook.com üçün.

142
00:06:50,030 --> 00:06:52,690
>> Əslində, bu www edək
yaxşı tədbir üçün, doğramaq.

143
00:06:52,690 --> 00:06:53,643
Daxil edin.

144
00:06:53,643 --> 00:06:56,180
Belə ki, bir URL bir çox
Siz ziyarət ola bilər.

145
00:06:56,180 --> 00:06:58,830
İndi Facebook web
səhifə üst gəlir.

146
00:06:58,830 --> 00:07:02,350
Və sonra bütün dəstə
stuff altındakı uçdu.

147
00:07:02,350 --> 00:07:04,830
Və əslində, bu çıxır ki,
Siz Facebook.com ziyarət zaman,

148
00:07:04,830 --> 00:07:09,320
yalnız bir HTTP sorğu edilməsi deyilik
Bu Facebook.com gedir çıxır

149
00:07:09,320 --> 00:07:14,320
bu zərflərin 41 göndərir
öz get xahişi ilə hər,

150
00:07:14,320 --> 00:07:18,360
ekran arxasında olsa da, göstərilən
Burada ekranın altındakı,

151
00:07:18,360 --> 00:07:24,040
Bu, həqiqətən, onu göstərir ki, mənim
browser 41 sorğu etdi.

152
00:07:24,040 --> 00:07:29,689
>> Və ümumi, bu 861 transfer
kilobayt və nədənsə etdi

153
00:07:29,689 --> 00:07:31,730
çox səkkiz kimi seconds
ki, bütün yükləmək üçün.

154
00:07:31,730 --> 00:07:33,790
Belə ki, həqiqətən bir az qəribə
Facebook site ki alacağını

155
00:07:33,790 --> 00:07:35,600
uzun, lakin bu halda ola bilər.

156
00:07:35,600 --> 00:07:39,520
İndi bütün bu mən, həqiqətən, qayğı yoxdur
topmost tələbi istisna olmaqla haqqında.

157
00:07:39,520 --> 00:07:46,440
Belə ki, burada bu bir gedək
və mənə yalnız bir an üçün zoom imkan verir.

158
00:07:46,440 --> 00:07:47,754
>> Və mənə bu zoom imkan verir.

159
00:07:47,754 --> 00:07:50,670
Mən hətta baxmayaraq sol etdik Belə ki, nə
burada gedən bir çox var

160
00:07:50,670 --> 00:07:53,360
Mən qeyd etdik ki,
Facebook.com və sonra

161
00:07:53,360 --> 00:07:56,540
Mən aşağı scrolling edirəm ki, qeyd
, aşağı kaydırarak aşağı kaydırarak,

162
00:07:56,540 --> 00:07:58,330
başlıqlarını tələb etmək.

163
00:07:58,330 --> 00:08:01,720
Və Chrome göstərir ki, görürsünüz
Mənə mahiyyətcə daxili məzmunu

164
00:08:01,720 --> 00:08:02,810
sorğunun Mən.

165
00:08:02,810 --> 00:08:06,130
Bu olduqca eyni format deyil
yol, lakin almaq qeyd var qeyd,

166
00:08:06,130 --> 00:08:09,481
, ev sahibi qeyd var qeyd
Facebook.com, yol, və ya çizgi,

167
00:08:09,481 --> 00:08:10,730
Mən xahiş fayl.

168
00:08:10,730 --> 00:08:12,930
>> Və sonra mən hərəkət əgər
geri, biz, həqiqətən lazımdır

169
00:08:12,930 --> 00:08:17,270
görmək Facebook döndü nə
Mənə bu başlıqlarını bütün.

170
00:08:17,270 --> 00:08:21,040
Ki, virtual zərflərin içərisində belə
Həqiqətən əsas dəyər cüt bir çox var.

171
00:08:21,040 --> 00:08:23,130
Bir söz, bir kolon, sonra dəyəri.

172
00:08:23,130 --> 00:08:25,050
Bir söz, bir kolon, və dəyəri.

173
00:08:25,050 --> 00:08:26,160
Bu adlı mövzular var.

174
00:08:26,160 --> 00:08:31,860
Və yol daha ətraflı çox burada var
biz, həqiqətən, indi qayğı.

175
00:08:31,860 --> 00:08:33,750
>> Amma bu ikinci
orada son bir,

176
00:08:33,750 --> 00:08:38,809
qeyd, Facebook.com server ki,
Həqiqətən burada dedi bəzi mətn HTML gəlir.

177
00:08:38,809 --> 00:08:41,409
Belə ki, bu bütün demək deyil
Bir web tələb zaman ki,

178
00:08:41,409 --> 00:08:44,300
bir bir brauzer səhifə
server ki, server cavab

179
00:08:44,300 --> 00:08:47,630
öz bir zərf ilə
olan daxili mətn.

180
00:08:47,630 --> 00:08:49,020
Başqa sözlə, HTML.

181
00:08:49,020 --> 00:08:50,590
Hypertext Markup Language.

182
00:08:50,590 --> 00:08:53,200
Hansı bir dil
biz bu gün təqdim ki,

183
00:08:53,200 --> 00:08:57,740
insanlar və ya kompüter yaratmaq
məqsədilə web pages həyata keçirmək.

184
00:08:57,740 --> 00:08:59,580
>> Xüsusilə, bu baxaq.

185
00:08:59,580 --> 00:09:03,277
İndi geri getmək üçün gedirəm
Facebook saytına.

186
00:09:03,277 --> 00:09:05,360
Mən gedirəm yalnız
nəzarət klik və ya sağ klik

187
00:09:05,360 --> 00:09:07,634
və View Page Source basın.

188
00:09:07,634 --> 00:09:10,550
Və Chrome istifadə bile,
IE bu, Firefox bunu edə bilərsiniz edə bilər,

189
00:09:10,550 --> 00:09:14,060
Safari hətta menyu baxmayaraq, bunu edə bilərsiniz
variantları bir az fərqli ola bilər.

190
00:09:14,060 --> 00:09:18,990
Bu HTML ki, Mark və
Facebook şirkəti yazıblar.

191
00:09:18,990 --> 00:09:24,640
>> Və kollektiv, bu dil burada
mavi və ağ səhifə həyata keçirir

192
00:09:24,640 --> 00:09:26,370
ki, biz bir an əvvəl gördüm.

193
00:09:26,370 --> 00:09:28,030
İndi, bu bir az böyük deyil.

194
00:09:28,030 --> 00:09:31,400
Biz sol üst yuxarı baxmaq əgər Lakin, biz istəyirik
bəzi nümunələri görmək üçün başlamaq niyyətindədir.

195
00:09:31,400 --> 00:09:34,140
Bir çox var kimi görünür
bu açıq bucaqlı bracket

196
00:09:34,140 --> 00:09:35,970
və sonra bu söz HTML var.

197
00:09:35,970 --> 00:09:38,330
Burada başqa bir açıq
bucaq bracket və baş.

198
00:09:38,330 --> 00:09:41,560
>> Biz aşağı diyirləyin əgər burada var
və aşağı və aşağı, mən

199
00:09:41,560 --> 00:09:43,820
irəli getmək və cəhd edir
bir şey axtarmaq üçün.

200
00:09:43,820 --> 00:09:48,510
Orada yol üzərində sağ
Burada açıq bracket orqanıdır.

201
00:09:48,510 --> 00:09:50,800
Və son geri
biz təklif olunan vaxt

202
00:09:50,800 --> 00:09:53,364
sadə web page ki,
bir insan yazmaq bilər ki,

203
00:09:53,364 --> 00:09:55,030
bu kimi bir az bir şey ola bilər.

204
00:09:55,030 --> 00:09:58,430
Open HTML tag, açıq rəhbəri
tag, açıq adı tag,

205
00:09:58,430 --> 00:10:03,230
sonra qapalı adı, qapalı baş, açıq
bədən tag, bəzi mətn, bədən qapalı

206
00:10:03,230 --> 00:10:04,720
qapalı HTML.

207
00:10:04,720 --> 00:10:06,290
>> Amma yalnız bir an üçün burada fasilə.

208
00:10:06,290 --> 00:10:09,030
Bu kodu, siz var olsa
əvvəl yazılı heç vaxt

209
00:10:09,030 --> 00:10:11,864
lakin hələ də kifayət qədər başa düşmürəm
neler, olduqca yaxşı görünür.

210
00:10:11,864 --> 00:10:12,821
Sağ, bu, çox təmiz.

211
00:10:12,821 --> 00:10:14,120
Bu, çox stylistically gözəl.

212
00:10:14,120 --> 00:10:16,190
Abzas və ağ kosmik bir çox.

213
00:10:16,190 --> 00:10:18,020
Facebook deyil.

214
00:10:18,020 --> 00:10:23,190
Belə ki, niyə Facebook qədər deyil
HTML yazılı mən daha pis?

215
00:10:23,190 --> 00:10:24,310
Görünür.

216
00:10:24,310 --> 00:10:26,899
>> Sağ, bu kimi
stil üçün beş həyata.

217
00:10:26,899 --> 00:10:29,315
Bir çekici səbəb var
onlar üçün bu küncləri kəsilmiş.

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

219
00:10:31,069 --> 00:10:33,860
Bütün hüquqlar, belə ki, onlar istəmirəm
daha asan oxumaq üçün edir.

220
00:10:33,860 --> 00:10:36,940
Belə ki, bəzi mənada, onlar
bu obfuscating, sort onu Scrambling

221
00:10:36,940 --> 00:10:40,260
ən azı estetik belə
Bu Myspace üçün çətindir ki,

222
00:10:40,260 --> 00:10:42,705
getmək və off rip onların
ana və bunun üçün HTML.

223
00:10:42,705 --> 00:10:45,080
Bu proqramları ilə çıxır ki,
Chrome, o cümlədən baxmayaraq,

224
00:10:45,080 --> 00:10:47,020
biz super asanlıqla bu qədər təmiz olar.

225
00:10:47,020 --> 00:10:49,420
Belə ki, səbəb kimi olduqca var.

226
00:10:49,420 --> 00:10:51,290
Nə səbəb ola bilər.

227
00:10:51,290 --> 00:10:51,790
Bəli.

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

229
00:10:54,680 --> 00:10:55,890
Bəli, ağ kosmik xərcləri data.

230
00:10:55,890 --> 00:10:56,598
Nəyi nəzərdə tutursan?

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

232
00:11:02,250 --> 00:11:02,979
Bəli, dəqiq.

233
00:11:02,979 --> 00:11:06,020
Siz Tab Açar çox və ya hit əgər
space bar, nəticələrini hesab edir.

234
00:11:06,020 --> 00:11:10,060
Belə ki, klaviatura hər əsas bir deyil
[Işitilemez] bir byte kimi təmsil.

235
00:11:10,060 --> 00:11:14,560
>> Belə güman ki, Mark və ya devs hər hansı
bu gün yalnız bir dəfə boşluq edib

236
00:11:14,560 --> 00:11:17,899
Bu HTML səhifə ki,
Facebook ana təmsil edir.

237
00:11:17,899 --> 00:11:19,690
Və Facebook bir çox var
istifadəçi bu gün.

238
00:11:19,690 --> 00:11:24,030
Belə güman ki, Facebook homepage
Bu gün bir milyard adam tərəfindən ziyarət olunur.

239
00:11:24,030 --> 00:11:27,020
Və Facebook kimsə var
yalnız bir dəfə yer bar basın.

240
00:11:27,020 --> 00:11:29,890
>> Belə ki, bir əlavə byte,
bir milyard sorğu,

241
00:11:29,890 --> 00:11:32,790
nə qədər daha çox məlumat Facebook
internet üzərindən köçürülməsi

242
00:11:32,790 --> 00:11:37,160
kimsə hit çünki
onun klaviatura boşluq?

243
00:11:37,160 --> 00:11:41,660
A milyard bytes, və ya bir gigabyte
data Facebook server göndərilir

244
00:11:41,660 --> 00:11:43,626
ətrafında insanlar üçün
heç bir yaxşı səbəbdən dünya.

245
00:11:43,626 --> 00:11:44,750
İndi ki, yalnız bir yer var.

246
00:11:44,750 --> 00:11:48,866
>> Biz, həqiqətən, bu təmiz əgər Təsəvvür edin
şey və girintili və əlavə

247
00:11:48,866 --> 00:11:50,990
ağ kosmik bir çox və
tab simvol və fəzalarında,

248
00:11:50,990 --> 00:11:53,656
Siz xərcləri gigabayt başa,
əgər terra bytes yer daha çox.

249
00:11:53,656 --> 00:11:56,640
Və belə super ümumi
web inkişaf faktiki dünya

250
00:11:56,640 --> 00:11:58,950
Sizin kodu küçültmek üçün.

251
00:11:58,950 --> 00:12:01,280
Və biz nəhayət görürsünüz
Bunu necə.

252
00:12:01,280 --> 00:12:04,630
>> Ancaq bu gün biz kodu yazılı başlamaq lazımdır
bizə insanlar tərəfindən həqiqətən oxunaqlı deyil.

253
00:12:04,630 --> 00:12:10,120
Geri getmək əgər, baxmayaraq ki, çıxır
Chrome bu alət, Element Inspect

254
00:12:10,120 --> 00:12:12,030
Əvvəllər biz Network nişanı idi.

255
00:12:12,030 --> 00:12:15,430
Bu getmək əgər çıxır ki,
Siz, həqiqətən, görmək nə elementləri tab,

256
00:12:15,430 --> 00:12:19,230
Chrome olduqca çap
həmin HTML versiyası.

257
00:12:19,230 --> 00:12:20,640
Belə ki, biz bunu deobfuscated etdik.

258
00:12:20,640 --> 00:12:22,472
Belə ki, bir kompüter üçün heç bir oyunu var.

259
00:12:22,472 --> 00:12:24,430
İndi həqiqətən bilərsiniz
ətrafında basın və başlamaq

260
00:12:24,430 --> 00:12:27,630
bir web səhifə iyerarxiya görmək.

261
00:12:27,630 --> 00:12:28,780
Belə ki, həqiqətən bunu edək.

262
00:12:28,780 --> 00:12:32,120
Mən irəli getmək və açmaq üçün gedirəm
Mənim Mac mətn redaktə adlı proqram.

263
00:12:32,120 --> 00:12:35,490
Və bu, yalnız ki, xatırlayıram
super sadə mətn proqram.

264
00:12:35,490 --> 00:12:37,490
Windows Notepad.exe var.

265
00:12:37,490 --> 00:12:39,820
Mən birə gedirəm
Aşağıdakı yazın.

266
00:12:39,820 --> 00:12:44,650
Doc növü HTML, açıq bracket
HTML, bracket HTML qapalı

267
00:12:44,650 --> 00:12:49,000
biz burada səhifənin baş
Burada səhifə rəhbəri sonu,

268
00:12:49,000 --> 00:12:52,310
bir adı, salam dünya kimi olacaq.

269
00:12:52,310 --> 00:12:56,660
>> Və sonra burada, biz lazım
web page orqanı.

270
00:12:56,660 --> 00:12:58,050
Bağlı bədən.

271
00:12:58,050 --> 00:13:00,700
Və sonra burada, salam dünya.

272
00:13:00,700 --> 00:13:01,270
Oldu.

273
00:13:01,270 --> 00:13:03,350
Beləliklə, biz bir super sürətli web page yazdıq.

274
00:13:03,350 --> 00:13:06,675
Mən kimi saxlamaq üçün gedirəm
mənim masa üstü hello.html.

275
00:13:06,675 --> 00:13:09,050
My Mac, gedərək şikayətçi
ki, düşüncə, bir dəqiqə gözləyin,

276
00:13:09,050 --> 00:13:11,091
Bu mətn faylı, nə
Siz Txt zəng etmək istəyirsiniz?

277
00:13:11,091 --> 00:13:13,300
Amma xeyr, mən dot HTML istifadə etmək istəyirik.

278
00:13:13,300 --> 00:13:16,140
>> Mən onda gözəl nə var
yalnız bu faylı basın,

279
00:13:16,140 --> 00:13:18,600
hello.html, burada mənim web səhifə var.

280
00:13:18,600 --> 00:13:22,564
Təəssüf ki, mən
dünyada yeganə şəxs

281
00:13:22,564 --> 00:13:23,980
kim indi bu səhifə bilər.

282
00:13:23,980 --> 00:13:26,734
Harada yəqin yaşayır çünki?

283
00:13:26,734 --> 00:13:27,650
Bu, mənim Mac var, sağ?

284
00:13:27,650 --> 00:13:28,470
Hansı əhəmiyyətsizdir.

285
00:13:28,470 --> 00:13:30,390
Bu otaqda heç kimi
internet Dursun

286
00:13:30,390 --> 00:13:31,598
həqiqətən səhifəsini ziyarət edə bilərsiniz.

287
00:13:31,598 --> 00:13:33,820
Belə ki, bu gün biz lazımdır
başqa element təqdim edir.

288
00:13:33,820 --> 00:13:36,720
>> Və bunu, mən gedirəm
davam və bulud 9 açmaq.

289
00:13:36,720 --> 00:13:40,090
Belə ki, bulud 9 kurs a deyil
bulud-based service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- Yəni bizim İş bütün var
haradasa internet çalışan.

291
00:13:44,890 --> 00:13:48,330
Və bizim faylları bütün deməkdir
artıq açıq erişilebilir.

292
00:13:48,330 --> 00:13:49,830
Belə ki, irəli getmək və bunu bildirin.

293
00:13:49,830 --> 00:13:53,670
Mən irəli getmək üçün gedirəm və
yeni bir fayl NCS50IDE yaradır.

294
00:13:53,670 --> 00:13:58,819
Mən əvvəl kimi saxlamaq üçün gedirəm
və hello.html kimi saxlamaq basın.

295
00:13:58,819 --> 00:14:01,860
Və indi yalnız vaxt saxlamaq, mən gedirəm
Bu kodu yapışdırıb irəli getmək və surəti

296
00:14:01,860 --> 00:14:03,470
yerine köçürmək.

297
00:14:03,470 --> 00:14:04,550
Və saxlamaq.

298
00:14:04,550 --> 00:14:07,550
Və indi mən bir var
Fayl hello.html çağırıb.

299
00:14:07,550 --> 00:14:09,710
Amma necə, həqiqətən, Mən nə
bir web page kimi açmaq?

300
00:14:09,710 --> 00:14:14,120
Bəli, bu CS50 üçün inşa çıxır
IDE cingilti kimi yalnız bir compiler deyil

301
00:14:14,120 --> 00:14:16,670
və gdb kimi ayıklama və
digər proqramların dəstələri,

302
00:14:16,670 --> 00:14:21,140
tam hüquqlu həqiqətən var
CS50 IDE ərzində çalışan web server.

303
00:14:21,140 --> 00:14:23,900
>> Hamınız ki, demək deyil,
öz web server.

304
00:14:23,900 --> 00:14:26,850
Və bir web server yalnız bir parça
kimin məqsədi həyat proqram

305
00:14:26,850 --> 00:14:28,220
web pages xidmət etməkdir.

306
00:14:28,220 --> 00:14:32,490
Brauzerlər sorğu üçün qulaq asmaq üçün və
az virtual zərflərin ilə cavab

307
00:14:32,490 --> 00:14:35,290
içərisində olan edir
yazdıq content.

308
00:14:35,290 --> 00:14:38,372
Belə ki, bu web server
həqiqətən pulsuz və açıq mənbə.

309
00:14:38,372 --> 00:14:40,830
Harada açıq mənbə yalnız deməkdir
Başqası var ki, proqram

310
00:14:40,830 --> 00:14:43,480
yazılı hamımız bilər ki,
həqiqətən görmək və hətta download və

311
00:14:43,480 --> 00:14:44,780
mənbə kodu dəyişdirmək.

312
00:14:44,780 --> 00:14:46,150
Və Apache deyirlər.

313
00:14:46,150 --> 00:14:51,450
>> Və biz bir az daha asan etdik
Apache 50 zəng tərəfindən CS50IDE istifadə edin.

314
00:14:51,450 --> 00:14:53,780
Bu, həqiqətən bilər ki,
Aşağıdakı başa düşürük.

315
00:14:53,780 --> 00:14:56,560
Mən Apache 50 başlanğıc demək gedirəm.

316
00:14:56,560 --> 00:14:58,910
Və sonra mən yalnız dot demək gedirəm.

317
00:14:58,910 --> 00:15:01,080
Və biz bir qədər çox
deyərək gizli mesaj

318
00:15:01,080 --> 00:15:04,640
Apache sənəd [qəbulu? qrup?]
ev, ubuntu, ki, nə,

319
00:15:04,640 --> 00:15:05,770
iş doğramaq.

320
00:15:05,770 --> 00:15:08,280
Başlanğıc web server
Uğurla Apache 2.

321
00:15:08,280 --> 00:15:11,330
>> Belə ki, uzun hekayə qısa, I
yalnız bir düyməsini basdı

322
00:15:11,330 --> 00:15:18,000
və indi bir web server çıxdı
TCP port internet dinləmək

323
00:15:18,000 --> 00:15:20,587
Xüsusi ünvanda 80.

324
00:15:20,587 --> 00:15:22,420
Və burada deyir və
Bu Based dəyişəcək

325
00:15:22,420 --> 00:15:26,550
Istifadəçi adınızı və digər amillər,
Mən bu basın əgər, artıq qeyd

326
00:15:26,550 --> 00:15:30,211
IDE50 dot jharvard və belə
belə ki, qeyd bütün bu vaxt ki,

327
00:15:30,211 --> 00:15:31,960
Son bir neçə üçün
həftə, siz ola bilər

328
00:15:31,960 --> 00:15:35,200
Öz istifadəçi adı fark
sağ üst tərəfdən daxil edilir

329
00:15:35,200 --> 00:15:37,130
CS50IDE künc.

330
00:15:37,130 --> 00:15:41,050
>> Və həqiqətən olmuşdur bütün bu
Ünvanı zaman siz bilərsiniz

331
00:15:41,050 --> 00:15:43,574
internet vasitəsilə bütün faylları edin.

332
00:15:43,574 --> 00:15:45,990
İndiyədək bu mattered deyil,
C, çünki siz, ümumiyyətlə,

333
00:15:45,990 --> 00:15:48,073
bir çalışan şeyi istəyirəm
terminal deyil, web.

334
00:15:48,073 --> 00:15:50,800
Amma bu gün biz başlamaq
web-based kodu yazmaq

335
00:15:50,800 --> 00:15:53,350
biz istəyirik ki,
ictimai URL əlçatan.

336
00:15:53,350 --> 00:15:56,100
Belə ki, nə mən gedirəm
Bunu bu URL basın.

337
00:15:56,100 --> 00:16:00,880
>> Mən kifayət qədər çox ki, qeyd
çirkin index, bir kataloq siyahısı

338
00:16:00,880 --> 00:16:04,090
lakin nə Fayl yəqin ki, sizin həyata Jumps?

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

340
00:16:05,210 --> 00:16:07,870
Mən xilas olmasıdır
Mənim iş fayl.

341
00:16:07,870 --> 00:16:12,310
Mən Apache web server bildirib etdik nə
Davudun iş kataloq baxmaq.

342
00:16:12,310 --> 00:16:15,300
Və hər kəs imkan
Dünya bu faylları bax.

343
00:16:15,300 --> 00:16:19,050
>> Şübhəsiz ki, mən indi
hello.html basın

344
00:16:19,050 --> 00:16:22,180
Mən məhz bu nişanı fayl ərzində görmək.

345
00:16:22,180 --> 00:16:26,430
İndi Cloud 9 işi, qeyd
bizim üçün bir az faydalı bir şey.

346
00:16:26,430 --> 00:16:29,480
CS50 IDE ərzində var qeyd
birdən-birə bir ünvan bar.

347
00:16:29,480 --> 00:16:33,690
Biz olmalarına baxmayaraq ki, var
CS50IDE ziyarət Chrome istifadə edərək,

348
00:16:33,690 --> 00:16:37,940
CS50IDE daxilində öz var
İndi bir web browser versiyası.

349
00:16:37,940 --> 00:16:40,820
Və belə daha çox
kimi şeyi çətinləşdirir,

350
00:16:40,820 --> 00:16:42,955
Mən irəli getmək üçün gedirəm
və yalnız bu URL surəti.

351
00:16:42,955 --> 00:16:45,330
Mən irəli və yalnız getmək üçün gedirəm
öz Chrome pəncərə açmaq.

352
00:16:45,330 --> 00:16:47,800
Belə ki, burada heç bir sehrli, heç CS50IDE var.

353
00:16:47,800 --> 00:16:51,800
Mən yalnız sözün yapışdırıb gedirəm
Mənim J Harvard URL və Enter düyməsini basın.

354
00:16:51,800 --> 00:16:54,750
Və voiture, indi, və
nəzəri, hər kəs

355
00:16:54,750 --> 00:16:57,700
internet, mən konfiqurasiya olsanız
müvafiq icazələrin

356
00:16:57,700 --> 00:16:58,720
Bu faylı edə bilərsiniz.

357
00:16:58,720 --> 00:17:03,230
Və indi mən söylədi
hello.html, voiture var

358
00:17:03,230 --> 00:17:06,366
Mənim olduqca underwhelming web səhifə.

359
00:17:06,366 --> 00:17:07,740
Belə ki, tez ağlı başında olma çek bunu bildirin.

360
00:17:07,740 --> 00:17:09,710
Ki, bütün Çünki
konseptual set edir.

361
00:17:09,710 --> 00:17:13,180
Və biz, həqiqətən, həqiqətən var
necə HTML özlüyündə yazmaq üçün öyrətdi.

362
00:17:13,180 --> 00:17:16,084
Hər hansı bir sualınız indiyə qədər
yalnız baş nə?

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

364
00:17:18,549 --> 00:17:19,049
Bəli.

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

366
00:17:24,290 --> 00:17:25,800
CS50 bu web pages sahibi varmı?

367
00:17:25,800 --> 00:17:26,460
Hansı mənada?

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

369
00:17:28,947 --> 00:17:29,530
Yaxşı sualdır.

370
00:17:29,530 --> 00:17:32,429
Belə ki, CS50 nin CS50.io. sahibi

371
00:17:32,429 --> 00:17:33,970
Biz bilirik ki, domen adı alıb etdik.

372
00:17:33,970 --> 00:17:37,240
Və uşaqlar təbiət
CS50IDE daxil,

373
00:17:37,240 --> 00:17:39,270
Siz bütün bir subdomain deyirlər nə almaq.

374
00:17:39,270 --> 00:17:46,840
>> Belə ki, Malan IDE50-, və ya IDE50-Rob.CS50.io,
ki, ərzində unikal ünvanı var

375
00:17:46,840 --> 00:17:47,730
bizim domen adı.

376
00:17:47,730 --> 00:17:50,850
Əlbəttə məqsədləri üçün, belə ki,
Siz öz unikal ünvan var.

377
00:17:50,850 --> 00:17:55,150
Amma biz şeyi sadələşdirilmiş etdik
domeni alınması, CS50 dot

378
00:17:55,150 --> 00:17:58,050
I / O və sonra başqa hər kəs
ki, daxili, belə danışmaq.

379
00:17:58,050 --> 00:17:59,890
Və biz geri gəlmək lazımdır
yəqin ki, bir neçə həftə ilə,

380
00:17:59,890 --> 00:18:01,930
xüsusilə final layihəsi
Siz vaxt, bəzi

381
00:18:01,930 --> 00:18:03,596
Öz domen adları almaq isteyebilirsiniz.

382
00:18:03,596 --> 00:18:06,270
Bu nisbətən həqiqətən
sadə.

383
00:18:06,270 --> 00:18:06,770
Oldu.

384
00:18:06,770 --> 00:18:07,880
Belə ki, indi bunu edək.

385
00:18:07,880 --> 00:18:11,910
Mən geri getmək üçün gedirəm
CS50IDE, mənim fayl indi,

386
00:18:11,910 --> 00:18:14,710
hello.html, bütün maraqlı deyil.

387
00:18:14,710 --> 00:18:17,130
Mən bir şey etmək istərdim
ki, bir az gözəl.

388
00:18:17,130 --> 00:18:19,440
Mən bu kimi bir şey üçün gedirəm.

389
00:18:19,440 --> 00:18:21,510
Açıq paragraphs.html mənə bildirin.

390
00:18:21,510 --> 00:18:23,560
Belə ki, bu mən əvvəlcədən yazdığı bir fayl.

391
00:18:23,560 --> 00:18:26,480
Bunun başında, kimi
həmişə biz şərh yoxdur.

392
00:18:26,480 --> 00:18:28,730
Lakin HTML, şərh
bir az fərqli baxmaq.

393
00:18:28,730 --> 00:18:33,270
Xətti üç və xətt 14-də, siz
Şərh başlamaq üçün sintaksis görəcəksiniz

394
00:18:33,270 --> 00:18:34,020
və comment son.

395
00:18:34,020 --> 00:18:36,820
>> Amma məhsullarının heç biri
funksional məsələlər arasında.

396
00:18:36,820 --> 00:18:40,250
Bu yalnız bir qeyd var
burada neler insan.

397
00:18:40,250 --> 00:18:43,040
Və yalnız bir sürətli ağlı başında olma kimi
mən aşağı diyirləyin əgər, yoxlamaq,

398
00:18:43,040 --> 00:18:46,820
Aşkar yeni nə var
biz təqdim etdik tag?

399
00:18:46,820 --> 00:18:52,130
qədər biz gördük beləliklə tags açıqdır
bracket HTML, baş, adı və bədən.

400
00:18:52,130 --> 00:18:54,400
Amma indi açıq-aydın yeni nə var?

401
00:18:54,400 --> 00:18:55,200
>> Bəli, belə p.

402
00:18:55,200 --> 00:18:57,320
p tag və ya paraqraf tag.

403
00:18:57,320 --> 00:19:01,182
Və sonra mən yalnız bir default borc
Latin mətn mənim ci maddələrdə təşkil.

404
00:19:01,182 --> 00:19:03,390
Mən istəyirdim nə çünki
nümayiş necə güc var

405
00:19:03,390 --> 00:19:05,859
HTML mətn ci maddələrdə əks etdirir.

406
00:19:05,859 --> 00:19:08,400
Və nə baş başlayan
burada artıq var ki

407
00:19:08,400 --> 00:19:09,657
bir model inkişaf edir.

408
00:19:09,657 --> 00:19:10,990
Və mənə irəli getmək və bunu bildirin.

409
00:19:10,990 --> 00:19:12,760
Mənə ilk Apache söndürmək edək.

410
00:19:12,760 --> 00:19:17,340
Mən özü başlamaq üçün demək gedirəm
daha bugünkü mənbə yeddi daxilində

411
00:19:17,340 --> 00:19:18,420
m directory.

412
00:19:18,420 --> 00:19:20,100
Belə ki, Mən hər şeyi etmək imkanı var.

413
00:19:20,100 --> 00:19:22,230
>> Və indi mən geri getmək əgər
Bu kataloq siyahısı,

414
00:19:22,230 --> 00:19:24,846
Mən bu gün hər fayl bildiriş.

415
00:19:24,846 --> 00:19:26,720
Və görəcəksiniz
növbəti problem set alacağıq

416
00:19:26,720 --> 00:19:28,594
Sizə təlimatlar verə bilər
məhz bu etmək üçün.

417
00:19:28,594 --> 00:19:35,210
Mən paragraphs.html açmaq varsa, bu bilər
eləcə də bir proqramlaşdırma dili kimi baxmaq

418
00:19:35,210 --> 00:19:36,970
sizə danışmaq və ya latın oxumaq yoxdur.

419
00:19:36,970 --> 00:19:40,525
Amma bu yalnız üç-ci maddələrdə var
Mətn HTML qədər qeyd olunur.

420
00:19:40,525 --> 00:19:43,100
>> Və paraqraf qeyd
Onların arasında fasilələri.

421
00:19:43,100 --> 00:19:46,400
, Bu çıxır, çünki
və hətta sizin olsa

422
00:19:46,400 --> 00:19:49,210
Bunu etmək üçün meylli ola bilər,
real dünyada isə,

423
00:19:49,210 --> 00:19:51,370
Siz line qoymaq istəyirsinizsə
şeylər arasında fasilələri,

424
00:19:51,370 --> 00:19:55,680
güc sadəcə
Bunu və Saxla edib.

425
00:19:55,680 --> 00:19:59,460
Və indi mən burada yeniden əgər bildiriş
ki, hər şey yalnız birlikdə blurs

426
00:19:59,460 --> 00:20:01,100
Mətn yalnız bir damcı da.

427
00:20:01,100 --> 00:20:03,570
HTML bir lal dil növüdür, çünki.

428
00:20:03,570 --> 00:20:07,230
>> Bu istifadə üçün nəzərdə tutulmuşdur
bir yol browser olacaq ki, yalnız

429
00:20:07,230 --> 00:20:09,920
açıq-aydın nə demək nə.

430
00:20:09,920 --> 00:20:12,890
Siz onu demək deyil Belə ki
mənə yeni-cü bəndə vermək,

431
00:20:12,890 --> 00:20:14,569
Yeni bir bəndə bax fikrində deyilik.

432
00:20:14,569 --> 00:20:16,360
Və əslində, nə
browser nə olacaq

433
00:20:16,360 --> 00:20:20,020
Siz Enter düyməsini basın, hətta əgər,
nin təkrar deyək

434
00:20:20,020 --> 00:20:23,190
və yenə bu mətn şəkildə hərəkət
sonra ekranda və aşağı saxlamaq

435
00:20:23,190 --> 00:20:26,610
və sonra browser gedir, yenidən
ağ alan bütün Daraltmak üçün

436
00:20:26,610 --> 00:20:29,021
yalnız bir, görünən ağ daxil.

437
00:20:29,021 --> 00:20:29,520
Oldu.

438
00:20:29,520 --> 00:20:30,869
Belə ki, paraqraf tag var.

439
00:20:30,869 --> 00:20:32,910
Və belə model nə
burada inkişaf var?

440
00:20:32,910 --> 00:20:37,450
Bəli, bu halda görünür ki,
HTML bütün tag başlayaraq haqqında

441
00:20:37,450 --> 00:20:38,460
və tag başa.

442
00:20:38,460 --> 00:20:39,300
Və tag nədir?

443
00:20:39,300 --> 00:20:41,160
Bəli, bu sintaksis bir yığın var.

444
00:20:41,160 --> 00:20:44,400
Open bracket, bir söz,
qapalı bracket, bir tag edir.

445
00:20:44,400 --> 00:20:45,510
Və ya tag başlayın.

446
00:20:45,510 --> 00:20:48,590
Və sonra olduğunuzda
özünüzü ifadə edildiyini,

447
00:20:48,590 --> 00:20:52,300
kimi siz-ci bəndinə ilə tamamlayın,
Siz qarşı danışmaq üçün bunu.

448
00:20:52,300 --> 00:20:55,480
Amma qarşı olduqca geri deyil.

449
00:20:55,480 --> 00:21:00,630
>> Siz sadəcə eyni tag nin prefiks
oxşar irəli çizgi ilə ad.

450
00:21:00,630 --> 00:21:01,130
Oldu.

451
00:21:01,130 --> 00:21:02,570
Belə ki, bütün maraqlı deyil.

452
00:21:02,570 --> 00:21:05,270
Və əslində, biz edilməsi deyilik
web bütün daha maraqlı.

453
00:21:05,270 --> 00:21:07,630
Mən etmək istəyirsinizsə
böyük və cəsarətli şeyi?

454
00:21:07,630 --> 00:21:11,780
Belə ki, burada bir misal var ki, həyata çevirir
headings.html da, mənim bədən,

455
00:21:11,780 --> 00:21:17,280
Mən bir H1 tag, H2, H3 var
dörd, beş və ya altı, olan

456
00:21:17,280 --> 00:21:18,310
olduqca gizli görünür.

457
00:21:18,310 --> 00:21:21,010
Amma bu açıq getmək əgər
Məsələn, bir nəzər salaq.

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

459
00:21:22,490 --> 00:21:27,030
>> Default brauzerlər verə bilər, belə ki, mətn
ki, böyük və disparate ölçülü qalın.

460
00:21:27,030 --> 00:21:28,070
H1 böyük.

461
00:21:28,070 --> 00:21:31,240
H6 sonra kiçik və
arasında başqa hər şey.

462
00:21:31,240 --> 00:21:34,170
Belə ki, hələ maraqlı, lakin var
həqiqətən bilirəm web.

463
00:21:34,170 --> 00:21:36,870
Biz istəyirsinizsə Mən
siyahısı kimi bir şey. .

464
00:21:36,870 --> 00:21:40,190
Belə ki, burada bir bulleted siyahısı
Harvard evlərin üç.

465
00:21:40,190 --> 00:21:41,600
>> Siz bunu necə haqqında getmək idi?

466
00:21:41,600 --> 00:21:45,410
Yaxşı, list.html nəzər.

467
00:21:45,410 --> 00:21:47,870
Və burada, biz bir çox
funkiness az

468
00:21:47,870 --> 00:21:49,630
lakin nə hesab edək.

469
00:21:49,630 --> 00:21:56,182
Belə ki, yalnız gördüm nə əsasında,
UL unordered siyahısı üçün dayanır.

470
00:21:56,182 --> 00:21:57,640
Unordered siyahısı yalnız bulleted deməkdir.

471
00:21:57,640 --> 00:21:58,431
Heç bir nömrə var.

472
00:21:58,431 --> 00:22:01,850
Də var ki, bir şey bir adlı
tag bir OL edir siyahısını verdi.

473
00:22:01,850 --> 00:22:05,350
Sonra LI siyahısı maddə deməkdir deyil.

474
00:22:05,350 --> 00:22:07,790
>> Və belə ki, avtomatik olaraq
Sizin üçün nömrələri hər şey.

475
00:22:07,790 --> 00:22:11,270
Amma mənim abzas yenidən, bütün
və ağ kosmik yalnız mənim naminə edir.

476
00:22:11,270 --> 00:22:13,050
browser deyil
həqiqətən qayğı gedir.

477
00:22:13,050 --> 00:22:16,670
Belə ki, baxmayaraq ki, bilmədi
Bu, yalnız aydın olmaq üçün nə,

478
00:22:16,670 --> 00:22:19,880
olsa belə olmamalıdır
browser hələ olacaq

479
00:22:19,880 --> 00:22:22,130
yalnız gözəl onu anlamaq mümkün.

480
00:22:22,130 --> 00:22:24,590
Mən yenidən vuruş edirəm mənim
browser, mən yenidən tıklayarak alıram

481
00:22:24,590 --> 00:22:26,760
və heç bir dəyişiklik baş
hələ browser çünki

482
00:22:26,760 --> 00:22:29,550
Mən bunu demək dəqiq nə.

483
00:22:29,550 --> 00:22:30,050
>> Oldu.

484
00:22:30,050 --> 00:22:31,340
Belə ki, bu yalnız mətn.

485
00:22:31,340 --> 00:22:33,730
İndi daha maraqlı bir şey edək.

486
00:22:33,730 --> 00:22:36,660
Mən irəli getmək üçün gedirəm və
Bu HTML bəzi borc.

487
00:22:36,660 --> 00:22:40,910
Mən irəli getmək üçün gedirəm və
Burada yeni bir fayl yaratmaq.

488
00:22:40,910 --> 00:22:43,370
Və biz bu rick.html zəng edəcəyik.

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

490
00:22:46,190 --> 00:22:48,916
Biz qeyri-mütənasib var
istifadə bir şey

491
00:22:48,916 --> 00:22:51,290
bu bir rick roll adlı
class bu il, mən bilmirəm,

492
00:22:51,290 --> 00:22:53,880
yalnız üzvi baş verib.

493
00:22:53,880 --> 00:22:55,397
>> Və indi idarədən var.

494
00:22:55,397 --> 00:22:56,730
Mən yalnız onunla getmək üçün gedirəm.

495
00:22:56,730 --> 00:22:59,700
Mən Google getmək əgər
Şəkillər və Rick Astley.

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

497
00:23:02,450 --> 00:23:06,170
Biz nə niyə bilmirsinizsə
Bu, yalnız Wikipedia oxumaq.

498
00:23:06,170 --> 00:23:11,520
Siz link tıklayan sonra hər zaman,
kimsə haradasa laughing edilmişdir.

499
00:23:11,520 --> 00:23:14,860
Və mənə ahead-- getmək imkan
biz bu image keçirmək imkan, gedin.

500
00:23:14,860 --> 00:23:16,750
>> Belə ki, burada biz bir var
Google Şəkillər image.

501
00:23:16,750 --> 00:23:19,390
Və bu ki, güman edək
əsaslı hər yerdə internet.

502
00:23:19,390 --> 00:23:22,570
Belə ki, bu, mənim üçün OK güman gedirəm
həqiqətən, mənim web page bu qoymaq.

503
00:23:22,570 --> 00:23:24,820
Mən irəli getmək üçün gedirəm
və image URL surəti.

504
00:23:24,820 --> 00:23:28,600
İndi Cloud geri getmək əgər
9, mən burada nə görmək edək.

505
00:23:28,600 --> 00:23:30,630
Belə ki, burada yalnız bir web səhifə.

506
00:23:30,630 --> 00:23:39,020
Bu haha, Rick Astley deyil,
İndi geri getmək üçün gedirəm

507
00:23:39,020 --> 00:23:43,510
mənim brauzerinizin, yenidən, və maraqlı.

508
00:23:43,510 --> 00:23:44,530
>> Rick haradadır?

509
00:23:44,530 --> 00:23:46,050
Belə ki, mənə baş nə görmək bildirin.

510
00:23:46,050 --> 00:23:49,114
Əslində, mən gedirəm
Mən bunu etmədi kimi iddia.

511
00:23:49,114 --> 00:23:50,280
[Işitilemez] burada onu qoymaq.

512
00:23:50,280 --> 00:23:52,520
Biz bir anda geri gəlmək lazımdır.

513
00:23:52,520 --> 00:23:54,200
Belə ki, burada rick.html var.

514
00:23:54,200 --> 00:23:56,070
Belə ki, Rick Astley deyil.

515
00:23:56,070 --> 00:23:59,680
Bu çıxır ki, biz edə bilərsiniz
həqiqətən, burada ona əlavə edin.

516
00:23:59,680 --> 00:24:00,830
Bu Rick Astley edir.

517
00:24:00,830 --> 00:24:06,680
Mənə onun bir şəkil vermək demək gedirəm
mənbə Mən yalnız sitemizi URL olan

518
00:24:06,680 --> 00:24:09,110
yəqin xoşbəxt
ad bir şey və ya digər.

519
00:24:09,110 --> 00:24:13,280
>> İndi gedirəm
oxşar tag yaxın.

520
00:24:13,280 --> 00:24:15,170
Belə ki, bu super uzun wrapping edir.

521
00:24:15,170 --> 00:24:17,740
Amma bütün var fark
açıq bracket image edilir,

522
00:24:17,740 --> 00:24:20,270
bu bir atributu ilə mənbəyidir.

523
00:24:20,270 --> 00:24:21,530
Və bu həqiqətən uzun URL var.

524
00:24:21,530 --> 00:24:23,720
Və çox sonunda, bu bildiriş.

525
00:24:23,720 --> 00:24:29,530
Niyə etmiş çizgi bucaqlı bracket
əvəzinə, hər tag kimi,

526
00:24:29,530 --> 00:24:33,590
açıq bracket olan,
IMG, bracket bağlanıb?

527
00:24:33,590 --> 00:24:37,040
Just hətta əgər bir tahmin almaq
heç bir tanışlıq heç yoxdur

528
00:24:37,040 --> 00:24:40,410
HTML ilə əvvəl.

529
00:24:40,410 --> 00:24:42,710
>> Belə ki, bu bağlayıb necə
komanda, amma niyə

530
00:24:42,710 --> 00:24:45,850
bu, həqiqətən intuitiv etmir
mənada bir az daha bir şey etmək

531
00:24:45,850 --> 00:24:48,820
yaxın image kimi Verbose?

532
00:24:48,820 --> 00:24:51,400
Bəli.

533
00:24:51,400 --> 00:24:52,000
Bəli.

534
00:24:52,000 --> 00:24:55,620
Just semantically, heç mənada var
bir resim başlayan və bir şəkil bitən,

535
00:24:55,620 --> 00:24:56,870
bu da var və ya deyil.

536
00:24:56,870 --> 00:25:00,960
Belə ki, bir boşluğu tərk etmək məntiqli deyil
bir resim daxilində başqa bir şey üçün.

537
00:25:00,960 --> 00:25:02,010
Siz yalnız bunu edə bilməz.

538
00:25:02,010 --> 00:25:03,720
Və belə syntax
ümumiyyətlə yalnız olardı

539
00:25:03,720 --> 00:25:07,910
daxili irəli çizgi etmək
açıq tag və ya start tag

540
00:25:07,910 --> 00:25:09,020
və sonra Save edib.

541
00:25:09,020 --> 00:25:13,350
>> Əgər mən indi bu faylı yeniden
Mən burada bir yaxşı web səhifə yemək var.

542
00:25:13,350 --> 00:25:15,100
Və biz, əlbəttə, ola bilər
həqiqətən insanların annoy

543
00:25:15,100 --> 00:25:17,010
əvəzinə daxilolma ilə
YouTube linki kimi.

544
00:25:17,010 --> 00:25:19,350
Və əslində, heç bir zaman
Əgər YouTube getdi sonra

545
00:25:19,350 --> 00:25:22,190
və təsadüfən həqiqətən mənə imkan
rick burada özümü roll.

546
00:25:22,190 --> 00:25:25,770
Belə ki, Rick roll.

547
00:25:25,770 --> 00:25:29,592
Belə ki, rick Mən burada getmək üçün gedirəm roll--.

548
00:25:29,592 --> 00:25:31,900
>> [MUSIC PLAYING]

549
00:25:31,900 --> 00:25:33,730
>> OK, bir adam ki, xoşuma gəldi.

550
00:25:33,730 --> 00:25:37,270
Belə ki, bütün bu dəfə qeyd əgər
Əlbəttə, siz Share link basın

551
00:25:37,270 --> 00:25:41,390
URL almaq ki, siz həqiqətən bilərsiniz
Bir e-poçt və ya məhkəmə image bütünləşdirmək

552
00:25:41,390 --> 00:25:43,730
və ya bir problem və ya bir slayd.

553
00:25:43,730 --> 00:25:49,055
İndi, mən əvəzinə embed basın əgər,
qeyd edir ki, bütün bu vaxt, bu məhsulları

554
00:25:49,055 --> 00:25:49,680
olmuşdur.

555
00:25:49,680 --> 00:25:50,910
Mən irəli getmək və bu surəti gedirəm.

556
00:25:50,910 --> 00:25:54,000
>> Və yalnız biz Mən, daha yaxşı görə bilərsiniz
Mənim mətn redaktoru yapışdırıb gedir.

557
00:25:54,000 --> 00:25:55,860
Bu bildirək ki nə
YouTube belirten edilmişdir.

558
00:25:55,860 --> 00:25:57,693
Bir səfər hər dəfə
YouTube video, əgər

559
00:25:57,693 --> 00:26:00,410
video embed istəyirəm sizin
veb səhifə, sadəcə bu qamarlamaq.

560
00:26:00,410 --> 00:26:03,350
Belə ki, bu başqa bir deyil
HTML tag bir iframe çağırıb.

561
00:26:03,350 --> 00:26:04,590
Və ya line çərçivəsində bir.

562
00:26:04,590 --> 00:26:08,680
Belə ki, çox bir az daha görünür
bütün digər daha mürəkkəb.

563
00:26:08,680 --> 00:26:11,950
Belə ki, image çıxır ki,
tag və yəqin iframe tag

564
00:26:11,950 --> 00:26:13,370
adlı atributları nə almaq.

565
00:26:13,370 --> 00:26:15,710
>> Bu başqa
HTML sintaksis parça.

566
00:26:15,710 --> 00:26:19,240
Tag nin əlavə
adı, açıq bracket tag adı,

567
00:26:19,240 --> 00:26:23,780
Siz tag davranış nəzarət edə bilərsiniz
atributu bütün dəstə olan

568
00:26:23,780 --> 00:26:24,860
dəyəri bərabərdir.

569
00:26:24,860 --> 00:26:26,290
Atribut dəyər bərabərdir.

570
00:26:26,290 --> 00:26:28,100
Və belə, məsələn,
YouTube bizə izah edir

571
00:26:28,100 --> 00:26:31,990
Bu video eni istəyirsinizsə
420 piksel və hündürlüyü olmaq

572
00:26:31,990 --> 00:26:35,470
315 piksel olmalıdır ki, var
necə HTML bildirirəm.

573
00:26:35,470 --> 00:26:38,480
>> Video mənbəyi gedir
ki, uzun YouTube URL olmaq

574
00:26:38,480 --> 00:26:40,830
və sonra bəzi digər məhsulları
, frame sərhəd sıfır kimi

575
00:26:40,830 --> 00:26:43,500
ki, yəqin ki, var deməkdir
şey ətrafında heç bir sərhəd.

576
00:26:43,500 --> 00:26:45,450
Yəqin ki, tam ekran imkan verir
istifadəçi o deməkdir ki,

577
00:26:45,450 --> 00:26:47,840
bir düyməsini basın və
həqiqətən tam ekran video.

578
00:26:47,840 --> 00:26:52,870
Mən, həqiqətən, olmaq istəyirsinizsə Belə ki,
Rick dot HTML burada təsirli,

579
00:26:52,870 --> 00:26:58,490
image tag istifadə daha çox imkan
Mənə silmək, əvəzinə bu yapışdırıb.

580
00:26:58,490 --> 00:27:00,810
İndi yeniden.

581
00:27:00,810 --> 00:27:02,500
İndi burada biz yenə getmək.

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

583
00:27:04,979 --> 00:27:06,020
Bütün hüquqlar, kifayət qədər var.

584
00:27:06,020 --> 00:27:08,970
Bütün hüquqlar çalışacağıq, belə ki,
ağır yenidən bunu etmək deyil.

585
00:27:08,970 --> 00:27:11,400
Belə ki, burada takeaways bir nə var?

586
00:27:11,400 --> 00:27:15,130
Bu web pages kimi belə HTML, kimi çirkin
ki, həqiqətən olduqca sadədir.

587
00:27:15,130 --> 00:27:16,467
Bu proqramlaşdırma dili deyil.

588
00:27:16,467 --> 00:27:17,550
Bu funksiyaları yoxdur.

589
00:27:17,550 --> 00:27:18,410
Bu loops yoxdur.

590
00:27:18,410 --> 00:27:19,535
Bu şərait yoxdur.

591
00:27:19,535 --> 00:27:22,900
Bu bütün onlarla deyil
müxtəlif tags, hər hansı

592
00:27:22,900 --> 00:27:24,620
sıfır və ya daha çox atributları var.

593
00:27:24,620 --> 00:27:27,320
Və əslində, fun haqqında nə
HTML daxil dalış başlamaq kimi

594
00:27:27,320 --> 00:27:29,560
bu, çox self tövsiyyələri var ki.

595
00:27:29,560 --> 00:27:32,880
>> Edir Bütün bir anlayış deyil
HTML ümumi çərçivəsində.

596
00:27:32,880 --> 00:27:36,510
Bir tag nədir, bir atributu nə,
Siz, həqiqətən, bir web page konfiqurasiya necə

597
00:27:36,510 --> 00:27:37,250
göstərildiyi kimi.

598
00:27:37,250 --> 00:27:40,720
Və başqa hər şey həqiqətən nəticəsidir
bir online istinad axtarır

599
00:27:40,720 --> 00:27:43,080
və ya bəzi bunu necə googling
texnika və ya biz gördük kimi,

600
00:27:43,080 --> 00:27:45,371
Facebook mənbə axtarır
indeksi, bir web baxaraq

601
00:27:45,371 --> 00:27:48,710
Siz onu istəyirəm ki, mənbə kodu və
anlamaqda necə orada developers

602
00:27:48,710 --> 00:27:50,550
həqiqətən şeyi qoydu.

603
00:27:50,550 --> 00:27:52,180
>> Beləliklə, biz həmçinin images edə bilərsiniz.

604
00:27:52,180 --> 00:27:53,994
Və əslində, biz bir an əvvəl bunu.

605
00:27:53,994 --> 00:27:55,410
Mənə davam və yalnız göstərmək edək.

606
00:27:55,410 --> 00:27:56,770
Burada bir nümunə kodu var.

607
00:27:56,770 --> 00:27:58,380
Əgər grumpy pişik görmək istəyirsinizsə.

608
00:27:58,380 --> 00:28:00,620
Belə ki, mən fark
Burada bir resim tag var.

609
00:28:00,620 --> 00:28:02,090
Mən yuxarıda şərh var.

610
00:28:02,090 --> 00:28:04,490
Mən alternativ var
accessibility üçün mətn.

611
00:28:04,490 --> 00:28:07,250
Bir ekran istifadə, belə ki, kimsə
görmə səbəblərdən oxucu

612
00:28:07,250 --> 00:28:10,172
həqiqətən, sonra ola bilər onların
ekran oxucu grumpy pişik deyirlər.

613
00:28:10,172 --> 00:28:11,880
Əgər onlar bilməz, çünki
image görmək, onlar

614
00:28:11,880 --> 00:28:14,504
ən azı onların kompüter ola bilər
Bu şifahi nə onlara.

615
00:28:14,504 --> 00:28:18,020
Və fayl mənbəyidir cat.jpeg edir.

616
00:28:18,020 --> 00:28:22,472
Belə ki, əslində, mən, həqiqətən istəyirdi
Mən ola bilər nə, ağıllı almaq done--

617
00:28:22,472 --> 00:28:25,680
Mən, Rick Astley getməmək üçün söz
Mən əvəzinə pişik google gedirəm.

618
00:28:25,680 --> 00:28:28,290
Mən Google Şəkillər getmək əgər
Burada biz güman lazımdır

619
00:28:28,290 --> 00:28:30,040
bu mənim pişik bir şəkil edir.

620
00:28:30,040 --> 00:28:35,070
>> Mən nəzarət tıklayan ki, düşünək
və ya sağ təsadüfən, bu tıklayan

621
00:28:35,070 --> 00:28:35,630
ürpertici.

622
00:28:35,630 --> 00:28:40,320
Və cat.jpeg Mən gedirəm
mənim masa üstü saxlamaq üçün.

623
00:28:40,320 --> 00:28:44,700
Mənə indi bulud 9 geri gedək.

624
00:28:44,700 --> 00:28:48,150
Ki, burada edə bilərsiniz edək
yerli faylları yüklemek üçün getmək.

625
00:28:48,150 --> 00:28:51,530
Mən bu işğalçı əgər
fayl, cat.jpeg, bildiriş

626
00:28:51,530 --> 00:28:54,674
Mən bunu sürükleyin bilər ki,
bulud 9 onu buraxın

627
00:28:54,674 --> 00:28:56,090
və burada mənə fəğan olacaq.

628
00:28:56,090 --> 00:28:59,000
>> Biz artıq etdik, çünki
bir cat.jpeg fayl verilmiş,

629
00:28:59,000 --> 00:29:01,430
lakin bu super asandır
Siz var bir şəkil işğalçı

630
00:29:01,430 --> 00:29:03,220
Facebook götürülmüşdür
Flickr və ya kimi və ya

631
00:29:03,220 --> 00:29:05,678
və həqiqətən sürükleyin və düşmək
sonra bulud 9 daxil və bunu etmək

632
00:29:05,678 --> 00:29:07,970
öz şəxsi hissəsi
veb və ya problem

633
00:29:07,970 --> 00:29:10,442
biz tezliklə görəcəksiniz kimi yeddi və ya səkkiz seçin.

634
00:29:10,442 --> 00:29:12,150
Və sonra zaman
nəhayət ki, pişik ziyarət

635
00:29:12,150 --> 00:29:16,610
Hesab edirəm ki, eyni pişik nazil fərz,
ki that-- bildiriş sitayişə layiq idi.

636
00:29:16,610 --> 00:29:19,160
>> Nə görmək olardı
Burada bu üz kimi bir şey.

637
00:29:19,160 --> 00:29:21,810
Faylları Belə ki,
bir web page arayış

638
00:29:21,810 --> 00:29:26,050
ya öz yerli ola bilər
bəzi digər server hesabı və ya uzaq

639
00:29:26,050 --> 00:29:29,670
Rick olduğu kimi
Bir az əvvəl Astley photo.

640
00:29:29,670 --> 00:29:32,990
Belə ki, burada nə else--
başqa biz burada edə bilərsiniz?

641
00:29:32,990 --> 00:29:34,890
Belə ki, aşağıdakı bir nəzər salaq.

642
00:29:34,890 --> 00:29:36,160
Siz növ nə sərin bilirik?

643
00:29:36,160 --> 00:29:39,330
>> Biz indiyədək edilməsi olmuşdur
çox statik web pages.

644
00:29:39,330 --> 00:29:41,830
Mən aşağıdakı kimi ədviyyə şeyi etmək istəyirəm.

645
00:29:41,830 --> 00:29:44,344
Mən öz search engine etmək istəyirəm.

646
00:29:44,344 --> 00:29:47,010
Belə edək, bir axtarışı etmək
irəli getmək və bunu başlayın.

647
00:29:47,010 --> 00:29:52,570
Mən irəli getmək və yaratmaq üçün gedirəm
yeni bir fayl search.html çağırıb.

648
00:29:52,570 --> 00:29:54,890
Və biz online versiyasını prefabed var.

649
00:29:54,890 --> 00:29:56,027
Whoops.

650
00:29:56,027 --> 00:29:57,610
Sizin terminal pəncərə yapışdırıb etməyin.

651
00:29:57,610 --> 00:29:58,744
Online Prefab versiyasını.

652
00:29:58,744 --> 00:30:00,160
Mən belə başlamaq üçün gedirəm.

653
00:30:00,160 --> 00:30:04,490
Belə ki, burada başlanğıcı var
bir fayl search.html çağırıb.

654
00:30:04,490 --> 00:30:07,510
Mən onu saxlamaq üçün gedirəm
bugünkü mənbə directory.

655
00:30:07,510 --> 00:30:09,079
Mən bu Axtar zəng etmək üçün gedirəm.

656
00:30:09,079 --> 00:30:10,370
Əslində, biz daha yaxşı etmək lazımdır.

657
00:30:10,370 --> 00:30:13,600
CS50 Axtar və həqiqətən marka.

658
00:30:13,600 --> 00:30:17,500
Və indi mən demək gedirəm
H1 CS50 Axtarış kimi bir şey.

659
00:30:17,500 --> 00:30:20,930
Və sonra burada, H2 tezliklə.

660
00:30:20,930 --> 00:30:23,230
Və yalnız, H1 recap üçün və
H2 nə müvafiq olaraq deməkdir?

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

662
00:30:26,750 --> 00:30:30,320
>> Bəli, belə böyük və qalın, və
kimi böyük, lakin hələ də qalın deyil.

663
00:30:30,320 --> 00:30:37,375
Mən bu saxlamaq və burada getmək əgər,
fayl search.html görək.

664
00:30:37,375 --> 00:30:42,560
Bütün hüquqlar, bu bir
[Işitilemez] right-- edir.

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

666
00:30:46,980 --> 00:30:49,110
Yanındayız.

667
00:30:49,110 --> 00:30:49,945
David səhv edir.

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

669
00:30:52,610 --> 00:30:54,080
Oh, sağ var.

670
00:30:54,080 --> 00:30:54,860
David bir idiot var.

671
00:30:54,860 --> 00:30:55,420
OLDU.

672
00:30:55,420 --> 00:30:56,660
Belə ki, orada deyil.

673
00:30:56,660 --> 00:30:58,350
Belə ki, CS50 axtarış tezliklə.

674
00:30:58,350 --> 00:31:00,370
Belə ki, indi, bu sintez edək
Keçən həftə nə.

675
00:31:00,370 --> 00:31:03,400
>> Biz danışdıq harada
HTTP aşağı səviyyədə mexanika.

676
00:31:03,400 --> 00:31:05,780
Və bu yeni ideyalar
HTML, hansı yalnız

677
00:31:05,780 --> 00:31:08,890
bu biçimlendirme dili harada
dəqiq nə etmək üçün bir browser demək

678
00:31:08,890 --> 00:31:10,740
və öz axtarış mühərriki həyata keçirir.

679
00:31:10,740 --> 00:31:12,520
Belə ki, əvəzinə yalnız
Tezliklə deyərək, mən

680
00:31:12,520 --> 00:31:14,810
təqdim etmək niyyətindədir
bir şey forması tag çağırıb.

681
00:31:14,810 --> 00:31:19,610
Bu formada, mən gedirəm
giriş sahəsində kimi bir şey var.

682
00:31:19,610 --> 00:31:22,450
>> Bu giriş adı
sahəsində Mən zəng etmək üçün gedirəm Q.

683
00:31:22,450 --> 00:31:26,240
Bu giriş sahəsində növü
Mən demək gedirəm yalnız "text" dir.

684
00:31:26,240 --> 00:31:29,130
Bir mətn sahəsində və biz lazımdır
bax, yalnız bir mətn qutusu edir.

685
00:31:29,130 --> 00:31:32,830
Və belə ki, var burada hiss deyil
Bu nöqtədə daxilində bir şey.

686
00:31:32,830 --> 00:31:35,320
Və mən sadəcə gedirəm
ki, tag yaxın

687
00:31:35,320 --> 00:31:38,099
irəli tag özü sağ doğramaq.

688
00:31:38,099 --> 00:31:39,890
Və sonra mən gedirəm
başqa bir giriş var.

689
00:31:39,890 --> 00:31:43,480
Input type təqdim bərabərdir.

690
00:31:43,480 --> 00:31:45,320
Və sonra mən gedirəm
də bu bir bağlayın.

691
00:31:45,320 --> 00:31:46,840
>> İndi mən burada geri getmək üçün gedirəm.

692
00:31:46,840 --> 00:31:49,520
Və artıq biz, bax
olduqca çirkin olsa, mən var

693
00:31:49,520 --> 00:31:52,460
əvvəlinə var
Burada öz axtarış səhifə.

694
00:31:52,460 --> 00:31:55,150
Əslində, mənə edək
bir az bu qədər təmiz.

695
00:31:55,150 --> 00:31:57,330
Bu barədə çıxır ki,
Burada giriş, mən ola bilər

696
00:31:57,330 --> 00:31:59,910
tutucu adlı bir atribut.

697
00:31:59,910 --> 00:32:05,165
Mən açar sözlər kimi bir şey görə bilərsiniz,
və ya daha çox xüsusi, q üçün sorğu.

698
00:32:05,165 --> 00:32:07,820
>> İndi, mən qeyd
boz mətn bu cür

699
00:32:07,820 --> 00:32:10,440
ki, yox
Mən yazmağa başlamaq kimi,

700
00:32:10,440 --> 00:32:12,930
lakin yəqin ki, bir şey
digər web pages gördüm.

701
00:32:12,930 --> 00:32:14,650
Mən, həqiqətən, təqdim düyməsinə kimi deyil.

702
00:32:14,650 --> 00:32:18,320
Mən, həqiqətən vermək gedirəm
Düyməsini axtarış bir dəyər göndərin.

703
00:32:18,320 --> 00:32:21,680
Mən yenidən əgər İndi, fark
Mənim düyməsinə axtarış adlı olur.

704
00:32:21,680 --> 00:32:24,140
Mən, həqiqətən, yoxdur, bilmək
Burada logo kimi.

705
00:32:24,140 --> 00:32:27,140
Belə ki, Google Font generator.

706
00:32:27,140 --> 00:32:28,820
>> Mən daha bu qədər ədviyyə istəyirəm.

707
00:32:28,820 --> 00:32:30,660
Belə ki, CS50 axtarış.

708
00:32:30,660 --> 00:32:31,870
Mənə öz logo yaratmaq imkan verir.

709
00:32:31,870 --> 00:32:33,080
Ki, gözəl görünür.

710
00:32:33,080 --> 00:32:36,945
Belə ki, indi mənə bu barədə gəlib as-- xilas edək.

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

712
00:32:40,710 --> 00:32:43,120
Harada gedir?

713
00:32:43,120 --> 00:32:43,620
Orada.

714
00:32:43,620 --> 00:32:44,160
OLDU.

715
00:32:44,160 --> 00:32:44,980
Buraxılmış.

716
00:32:44,980 --> 00:32:47,740
Kimi saxla.

717
00:32:47,740 --> 00:32:49,470
Stupid brauzerlər.

718
00:32:49,470 --> 00:32:51,700
Yanındayız, biz olacaq
Bu dəfə və bütün üçün düzeltmek.

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

720
00:32:57,650 --> 00:32:58,590
Biz orada getmək.

721
00:32:58,590 --> 00:32:59,090
Oldu.

722
00:32:59,090 --> 00:32:59,600
Sorry.

723
00:32:59,600 --> 00:33:00,750
Off gün.

724
00:33:00,750 --> 00:33:02,310
İndi bu funky edir.

725
00:33:02,310 --> 00:33:03,160
Tam ekran çıxın.

726
00:33:03,160 --> 00:33:04,150
Oldu.

727
00:33:04,150 --> 00:33:06,870
>> İndi normal kimi
şəxs kimi image edin.

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

729
00:33:08,810 --> 00:33:13,194
İndi CS50IDE və getmək üçün gedirəm
Mən sadəcə loqosu qamarlamaq üçün gidiyorum,

730
00:33:13,194 --> 00:33:15,360
Mən daxil sürükleyin gedirəm
Mənim mənbə yeddi directory,

731
00:33:15,360 --> 00:33:17,002
fayl artıq mən ki, OK deyiləm, mövcuddur.

732
00:33:17,002 --> 00:33:19,210
Belə ki, mən yalnış gedirəm
Mən artıq idi, çünki.

733
00:33:19,210 --> 00:33:20,630
İndi necə bu xilas edirsiniz?

734
00:33:20,630 --> 00:33:24,670
>> Burada irəli getmək və bunu edək
image mənbə logo.gif bərabərdir.

735
00:33:24,670 --> 00:33:25,490
Bu bağlayın.

736
00:33:25,490 --> 00:33:26,050
Yadda saxla.

737
00:33:26,050 --> 00:33:30,560
İndi mən axtarış geri əgər
səhifə, indi olduqca yaxşı axtarır.

738
00:33:30,560 --> 00:33:33,610
Bütün hüquqlar, bu deyil, belə ki,
olduqca faydalı bir şey.

739
00:33:33,610 --> 00:33:37,000
Əslində, mənə axtarış edək
və pişik üçün nə görmək.

740
00:33:37,000 --> 00:33:38,890
Cats.

741
00:33:38,890 --> 00:33:39,420
Lənət olsun.

742
00:33:39,420 --> 00:33:41,400
Bu, sadəcə yəqin, işləmir.

743
00:33:41,400 --> 00:33:43,760
Belə ki, əsas parça var
burada itkin?

744
00:33:43,760 --> 00:33:49,100
>> Sağ, hər hansı bir HTML bilmək bile,
Mən telefon formu qeyd açılmış etdik

745
00:33:49,100 --> 00:33:54,130
və mən giriş əldə etmək üçün necə izah etdik
Mənə bir mətn qutusuna vermək və bir düyməsinə təqdim

746
00:33:54,130 --> 00:33:55,730
yəqin nə parça eksik?

747
00:33:55,730 --> 00:33:58,975
Biz, həqiqətən almaq istəyirəm düşünək
düzgün iş bu şey.

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

749
00:34:02,420 --> 00:34:05,360
Biz nə etmək lazımdır?

750
00:34:05,360 --> 00:34:08,860
Biz geri son həyata keçirilməsi üçün ehtiyac var
verilənlər bazası və ya search engine özü,

751
00:34:08,860 --> 00:34:11,210
ki, bir almaq olacaq
səmimi zaman bütün çox.

752
00:34:11,210 --> 00:34:13,380
>> Belə ki, biz son dəfə nə xatırlayıram.

753
00:34:13,380 --> 00:34:18,230
Belə ki, Google bir şey üçün axtarış əgər
və siz əvvəlcədən, off çevrilmişdir

754
00:34:18,230 --> 00:34:20,355
Xatırladaq ki, ani axtarış.

755
00:34:20,355 --> 00:34:22,230
Belə ki, mənə söndürmək imkan
ki, bu, həqiqətən,

756
00:34:22,230 --> 00:34:26,650
köhnə məktəb browser kimi davranır,
İndi pişik kimi bir şey üçün axtarış əgər,

757
00:34:26,650 --> 00:34:28,190
URL kimi görünür nə xatırlayıram.

758
00:34:28,190 --> 00:34:29,449
Bu olduqca sirli var.

759
00:34:29,449 --> 00:34:33,000
Amma əlaqədar,
Xatırladaq ki, çizgi axtarış edir.

760
00:34:33,000 --> 00:34:35,100
Sual işarəsi q pişik bərabərdir.

761
00:34:35,100 --> 00:34:37,760
>> Və mənə vermək görünür
axtarış nəticələri bütün dəstə.

762
00:34:37,760 --> 00:34:39,134
Belə ki, mən gedirəm nə bilirik?

763
00:34:39,134 --> 00:34:41,650
Mən borc gedirəm
Yalnız bir dəqiqə üçün Google.

764
00:34:41,650 --> 00:34:43,670
Mən artıq getmək gedirəm
burada və mən demək gedirəm

765
00:34:43,670 --> 00:34:47,850
bu hərəkəti təşkil edir və ya
təyinat, belə ki, danışmaq

766
00:34:47,850 --> 00:34:49,330
sözün Google olmalıdır.

767
00:34:49,330 --> 00:34:52,590
Və metodu Mən istəyirdim
istifadə etmək olacaq.

768
00:34:52,590 --> 00:34:53,560
>> Belə ki, fəaliyyət nədir?

769
00:34:53,560 --> 00:34:55,760
Fəaliyyət weirdly, adlı
lakin yalnız o deməkdir

770
00:34:55,760 --> 00:34:58,120
kim idarə gedir
Bu formada fəaliyyət?

771
00:34:58,120 --> 00:35:00,820
Mən axtarış, basın
nəticə getmək lazımdır?

772
00:35:00,820 --> 00:35:05,300
Və mən indi mənim forma geri getmək əgər
burada mənim web səhifə yeniden

773
00:35:05,300 --> 00:35:09,000
və indi bir şey üçün axtarış
it kimi, indi qeyd

774
00:35:09,000 --> 00:35:10,850
Google həyata yenidən var.

775
00:35:10,850 --> 00:35:11,350
Sağ?

776
00:35:11,350 --> 00:35:14,141
>> Mən bir şey axtarmaq istəyirsinizsə
başqa, bu yalnız itlər üçün çalışır,

777
00:35:14,141 --> 00:35:16,400
bu da pişiklər üçün çalışır.

778
00:35:16,400 --> 00:35:21,930
O, həmçinin CS50 üçün çalışır.

779
00:35:21,930 --> 00:35:24,310
Və OK, bu, yalnız var
whelming altında deyilmi?

780
00:35:24,310 --> 00:35:25,920
Bütün hüquqlar, lakin bu, həqiqətən işləyir.

781
00:35:25,920 --> 00:35:27,360
Belə ki, həqiqətən, nə davam edir?

782
00:35:27,360 --> 00:35:31,340
Beləliklə, mən istifadə edərək, mənim brauzerinizin tədris etdik
HTML, istifadəçi daxil etmək

783
00:35:31,340 --> 00:35:35,810
və həqiqətən daxil göndərmək
bir uzaq server HTTP istifadə.

784
00:35:35,810 --> 00:35:39,120
>> Və mənim brauzerinizin çünki
HTTP, bu, həqiqətən anlayır

785
00:35:39,120 --> 00:35:43,500
nə ki, URL tikintisi
Mən brauzerinizin üzərində son

786
00:35:43,500 --> 00:35:45,660
nə görürsünüz
mən it üçün axtarış.

787
00:35:45,660 --> 00:35:49,270
Mən axtarış basın, fark
Mən nəzərdə tutulmuş URL dəyişikliklər

788
00:35:49,270 --> 00:35:52,770
sorğu it bərabərdir google.com/search üçün.

789
00:35:52,770 --> 00:35:56,020
Və şəklində, çünki
metodu almaq, çünki bilir,

790
00:35:56,020 --> 00:35:59,560
sadəcə var ki, URL üçün əlavə.

791
00:35:59,560 --> 00:36:01,730
>> İndi, bu web pages hələ çirkin var.

792
00:36:01,730 --> 00:36:04,890
Belə ki, başqa bir təqdim edək
sintaksis parça bu gün əgər.

793
00:36:04,890 --> 00:36:07,640
Bu məlum bir şeydir
Cascading Style Sheets kimi.

794
00:36:07,640 --> 00:36:10,720
Belə ki, mənə bir nəzər edək
burada bu nümunə və görmək

795
00:36:10,720 --> 00:36:12,380
biz neler çıxarmaq bilər.

796
00:36:12,380 --> 00:36:14,520
Bu CSS0.html edir.

797
00:36:14,520 --> 00:36:16,532
Bu harada şeylər
bir az çirkin almaq.

798
00:36:16,532 --> 00:36:18,490
Təəssüf ki, çünki
web dünyada,

799
00:36:18,490 --> 00:36:20,920
HTML tək hər şeyi edə bilməz.

800
00:36:20,920 --> 00:36:22,920
Və belə ki, istəyirsinizsə
, web page stylize

801
00:36:22,920 --> 00:36:28,370
Siz, həqiqətən, diqqət etmək lazımdır
fərqli bir şəkildə estetik.

802
00:36:28,370 --> 00:36:33,090
Belə ki, burada, mən web bədən
olan daxili səhifə böyük div var.

803
00:36:33,090 --> 00:36:34,700
Və div yalnız bölgüsü deməkdir.

804
00:36:34,700 --> 00:36:38,060
Belə ki, bir bəndin ancaq kimi
eyni semantika yoxdur

805
00:36:38,060 --> 00:36:39,180
mətn bir bəndin.

806
00:36:39,180 --> 00:36:40,940
>> Bu yalnız deməkdir
browser, burada gəlir

807
00:36:40,940 --> 00:36:45,210
Mənim web bir böyük düzbucaqlı region
səhifə, mən xüsusi onu idarə etmək istəyirəm.

808
00:36:45,210 --> 00:36:47,420
Ki, div başlayır İndi, line 21 edir.

809
00:36:47,420 --> 00:36:48,770
Və yalnız bir tahmin edir.

810
00:36:48,770 --> 00:36:53,080
On line 21 təsiri nədir
səhifənin məzmunu qalan?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
Bu mərkəzə.

813
00:36:56,311 --> 00:36:56,810
Bu hamısıdır.

814
00:36:56,810 --> 00:36:58,830
Beləliklə, biz bir yol görmədim
həqiqətən mətn mərkəzə.

815
00:36:58,830 --> 00:37:00,996
>> Əslində, mənim search engine,
faktiki Google fərqli olaraq,

816
00:37:00,996 --> 00:37:03,040
bütün sol üzərində haqq qazandırmaq.

817
00:37:03,040 --> 00:37:07,430
Və indi line 21, mən hey deyərək alıram
browser, səhifə bölgüsü yaratmaq.

818
00:37:07,430 --> 00:37:09,450
Yalnız mənə böyük, görünməz düzbucaqlı vermək.

819
00:37:09,450 --> 00:37:11,490
Mən istəyirəm necə
web page haqqında düşünürəm.

820
00:37:11,490 --> 00:37:13,870
Aşağıdakı kimi və sonra stylize.

821
00:37:13,870 --> 00:37:16,900
Bu quotes daxilində,
İndi, ikinci dil

822
00:37:16,900 --> 00:37:19,969
biz bu gün təqdim ki,
adlı Cascading Style Sheets.

823
00:37:19,969 --> 00:37:22,010
Təşəkkürlə, bu, çox deyil
bir proqramlaşdırma dili,

824
00:37:22,010 --> 00:37:26,470
belə ki, çox onun sintaksis məhdud, lakin
də çox onun funksionallığı məhduddur

825
00:37:26,470 --> 00:37:30,670
HTML halbuki bütün haqqında
bir web page məlumatın qeyd

826
00:37:30,670 --> 00:37:32,130
və bir web page strukturu.

827
00:37:32,130 --> 00:37:35,320
CSS haqqında ümumiyyətlə
son mil, estetik,

828
00:37:35,320 --> 00:37:40,160
ölçüsü və rəngi və əldə
bir web page tam doğru yerləşdirilməsi.

829
00:37:40,160 --> 00:37:43,000
Şübhəsiz ki, bu, formalaşır
əsas dəyər cüt ilə.

830
00:37:43,000 --> 00:37:46,290
>> Bu mətn kimi A əmlak
bir kolon izlədi align,

831
00:37:46,290 --> 00:37:49,720
ki, dəyəri izlədi
bu halda mərkəzi əmlak.

832
00:37:49,720 --> 00:37:51,910
İndi sizə bildiriş
yuva bu şeyi edə bilərsiniz.

833
00:37:51,910 --> 00:37:56,780
Hesab edirəm ki, hər şey istəyirdi
Mən mərkəzi üçün qeyd etdik

834
00:37:56,780 --> 00:38:00,270
ki, niyə xətt 21 və
müvafiq line 31.

835
00:38:00,270 --> 00:38:04,820
Amma indi güman John demək istəyirəm
Harvard, mənim ana səhifəsinə xoş gəlmisiniz.

836
00:38:04,820 --> 00:38:06,530
>> Copyright simvolu John Harvard.

837
00:38:06,530 --> 00:38:09,180
Mən ilk istəyirəm Güman
bu xətləri olduqca böyük olacaq.

838
00:38:09,180 --> 00:38:10,450
36 piksel.

839
00:38:10,450 --> 00:38:11,530
Belə ki, layiqli ölçüsü var.

840
00:38:11,530 --> 00:38:13,240
Mən qalın olması onun çəki istədi.

841
00:38:13,240 --> 00:38:15,450
Amma sonra aşağıda,
Mən kiçik mətn istəyirəm.

842
00:38:15,450 --> 00:38:19,980
Və aşağıda, mən istəyirəm
hətta kiçik mətn.

843
00:38:19,980 --> 00:38:20,480
Sorry.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
Bu gün off gün kimi hiss edir.

846
00:38:26,940 --> 00:38:29,840
>> Belə ki, indi mən bu ifadə nə edirəm?

847
00:38:29,840 --> 00:38:34,580
Burada line 22-də əlaqədar deyil
div və ya nested div, siz əgər.

848
00:38:34,580 --> 00:38:36,190
Bu da, öz stil tag var.

849
00:38:36,190 --> 00:38:38,160
Mən 36 font ölçüsü daxil.

850
00:38:38,160 --> 00:38:40,460
Mən qalın bir font çəki daxil.

851
00:38:40,460 --> 00:38:43,360
Burada, mən yalnız 24 piksel daxil.

852
00:38:43,360 --> 00:38:45,960
Və nəhayət, line 28, mən 12 daxil.

853
00:38:45,960 --> 00:38:49,070
Belə ki, yalnız tez ağlı başında olma çek kimi
və insan oxu bu,

854
00:38:49,070 --> 00:38:52,545
Ekranda olan sözlər
həqiqətən cəsarətli olacaq?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
Hansı xətləri həqiqətən cəsarətli var?

857
00:38:58,760 --> 00:38:59,570
>> Just John Harvard.

858
00:38:59,570 --> 00:39:00,070
Sağ?

859
00:39:00,070 --> 00:39:05,940
Line 22 hey deyir, çünki
browser, burada səhifə bölgüsü var.

860
00:39:05,940 --> 00:39:07,920
Bu font size 36 point etmək.

861
00:39:07,920 --> 00:39:09,460
Font çəki qalın olun.

862
00:39:09,460 --> 00:39:11,920
Kimi tezliklə olmaq kimi
müvafiq end tag

863
00:39:11,920 --> 00:39:15,340
və ya line 24-də qapalı tag,
o deməkdir ki, hey browser,

864
00:39:15,340 --> 00:39:17,640
bu edirik nə bunu dayandırmaq.

865
00:39:17,640 --> 00:39:21,020
Və bildiriş baxmayaraq, aydın olmaq
line 22 bu atributları bütün var

866
00:39:21,020 --> 00:39:24,430
stil kimi, zaman
line 24 tag yaxın,

867
00:39:24,430 --> 00:39:25,940
Yalnız tag adını.

868
00:39:25,940 --> 00:39:29,990
>> Siz söz stil təkrar etməyin və ya
bu quotes daxilində bir şey.

869
00:39:29,990 --> 00:39:32,860
Və mən indi bu baxmaq əgər
mənim brauzerinizin, bu götürək

870
00:39:32,860 --> 00:39:38,060
Bir son nəticə baxmaq. Getməmə
qabaqda CSS 0 bu faylı üçün.

871
00:39:38,060 --> 00:39:41,814
Və bu, olduqca düz hələ
lakin olduqca maraqlı əldə.

872
00:39:41,814 --> 00:39:43,980
Amma bu var çıxır
Mən burada edə bilərsiniz başqa şeylər,

873
00:39:43,980 --> 00:39:46,490
və edilməsi riski
tamamilə çirkin bu,

874
00:39:46,490 --> 00:39:48,630
burada da qeyd my
Mənim web page bədən,

875
00:39:48,630 --> 00:39:53,930
Mən funny bir şey edə bilərsiniz
BG və ya fon rəngi kimi.

876
00:39:53,930 --> 00:39:56,670
>> Və tez sevdiyiniz rəng var?

877
00:39:56,670 --> 00:39:57,720
Green eşitdim.

878
00:39:57,720 --> 00:39:58,750
Oldu.

879
00:39:58,750 --> 00:40:02,920
Belə ki, indi mən indi yenidən hit əgər,
Biz yaşıl web page var.

880
00:40:02,920 --> 00:40:04,710
Bütün hüquqlar, belə ki, pis deyil.

881
00:40:04,710 --> 00:40:08,350
Və indi mən bu etmək istəyirsinizsə, həqiqətən
cool, mən mətn rəng edə bilərsiniz

882
00:40:08,350 --> 00:40:09,360
hətta qırmızı.

883
00:40:09,360 --> 00:40:10,870
Belə ki, bu kimi görünür nə edək.

884
00:40:10,870 --> 00:40:12,230
İndi olduqca yaxşı axtarır.

885
00:40:12,230 --> 00:40:15,460
Və aşağı burada, əgər həqiqətən
kimsə ilə mess istəyirəm

886
00:40:15,460 --> 00:40:17,487
və ya olmaq istəyirsinizsə
insanların bir olan

887
00:40:17,487 --> 00:40:20,570
Bir web ziyaret sizi bezemek çalışır
səhifə Google aldatdığı etdik, çünki

888
00:40:20,570 --> 00:40:27,610
düşüncə bütün dəstə var
Açar sözlər görək like-- ki, yeniden.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
Harada getmək idi?

891
00:40:30,680 --> 00:40:31,530
Bizi orada.

892
00:40:31,530 --> 00:40:32,030
Oldu.

893
00:40:32,030 --> 00:40:34,905
Mən kənara olaraq söyləyirəm ki, biz lazımdır
bir neçə həftə bu məhsulları haqqında danışmaq

894
00:40:34,905 --> 00:40:36,740
Biz haqqında danışmaq zaman
təhlükəsizlik, əgər həqiqətən

895
00:40:36,740 --> 00:40:38,852
bir embed bütün dəstələri
bir web page açar sözlər,

896
00:40:38,852 --> 00:40:41,810
Onlar üçün görünən deyilik, hətta
Google kimi insan, kimsə, əlbəttə,

897
00:40:41,810 --> 00:40:43,250
hələ həqiqətən bu tapa bilərsiniz.

898
00:40:43,250 --> 00:40:45,820
Bütün hüquqlar, belə ki, olduqca var
olduqca tez çirkin.

899
00:40:45,820 --> 00:40:48,420
>> Və əslində, bu, bütün deyil
Öz web fərqli olaraq çox

900
00:40:48,420 --> 00:40:51,480
bir lisenziya kimi səhifə olan
Mən tapmaq üçün ətrafında googling başladı

901
00:40:51,480 --> 00:40:53,690
mənim köhnə web son versiyasını.

902
00:40:53,690 --> 00:40:54,500
Bu olduqca pis idi.

903
00:40:54,500 --> 00:40:56,650
Əslində, mən almısan
yalnız sinif əvvəl bir.

904
00:40:56,650 --> 00:40:58,620
Amma orada pis var.

905
00:40:58,620 --> 00:41:01,534
Bu yəqin mənim
1996-cı ildə ana səhifə.

906
00:41:01,534 --> 00:41:04,200
Görünür Mən idi düşündüm
insanlar öz adını soruşmaq uyğun

907
00:41:04,200 --> 00:41:05,991
onlar bilər əvvəl
həqiqətən, mənim web səhifəsinə baxın.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> Və sonra mən onlara göstərdi
yəqin ki, axmaq bir şey.

910
00:41:11,920 --> 00:41:13,450
Mən növbəti dəfə daha çıxartmaq lazımdır.

911
00:41:13,450 --> 00:41:16,220
Amma indi, edək
dizayn bir az hesab edir.

912
00:41:16,220 --> 00:41:17,444
Biz stil haqqında söhbət etdik.

913
00:41:17,444 --> 00:41:19,735
Bu səhifə indiyədək və
yazdıq ən hər şey

914
00:41:19,735 --> 00:41:21,890
stylistically olduqca təmiz.

915
00:41:21,890 --> 00:41:23,320
Amma dizayn haqqında nə?

916
00:41:23,320 --> 00:41:25,990
Bəli, ixtisar bir çox var
Mən burada bunu etdik nə.

917
00:41:25,990 --> 00:41:28,156
>> Mən söz qeyd etdik
yerlərdə bir neçə rəng.

918
00:41:28,156 --> 00:41:31,630
Mən bir neçə font ölçüsü qeyd etdik
yerlərdə bir neçə yerləri və qalın.

919
00:41:31,630 --> 00:41:34,870
Və əsaslı mən co deyiləm
iki dildə qarışaraq.

920
00:41:34,870 --> 00:41:38,100
Mən tags ilə HTML var mənim
atributları və sonra qəflətən,

921
00:41:38,100 --> 00:41:40,100
quotes arasında, mən
ikinci dil bu gün

922
00:41:40,100 --> 00:41:43,830
yenə yalnız bu adlanır CSS,
əsas dəyər cüt və ya bu xassələri

923
00:41:43,830 --> 00:41:45,280
colons ayrılmış.

924
00:41:45,280 --> 00:41:47,700
>> Bu çox çıxır
kimi C biz

925
00:41:47,700 --> 00:41:50,550
amil başlaya bilərsiniz
header faylları bəzi indeksi,

926
00:41:50,550 --> 00:41:53,520
belə ki, biz HTML eyni edə bilərsiniz.

927
00:41:53,520 --> 00:41:56,030
Belə ki, doğru bir addımdır.

928
00:41:56,030 --> 00:42:02,230
Bu versiya, CSS1.html olduğunu qeyd
eyni web page struktur.

929
00:42:02,230 --> 00:42:05,250
Beləliklə, mən bütün dəstə var
divs, lakin bu dəfə mən var

930
00:42:05,250 --> 00:42:07,220
banderol xilas kazanılmış
Siz görəcəksiniz kimi div.

931
00:42:07,220 --> 00:42:12,390
>> Mən bu üç divs təqdim etdik
top, orta və alt, unikal kimlikleri.

932
00:42:12,390 --> 00:42:14,760
Bu, çox gözəl,
o bölmələri verilməsi

933
00:42:14,760 --> 00:42:18,715
səhifə unikal tanımlayıcıları,
Mən başqa yerdə onlara istinad edə bilər.

934
00:42:18,715 --> 00:42:19,215
Harada?

935
00:42:19,215 --> 00:42:21,070
Yaxşı, mənə diyirləyin bildirin.

936
00:42:21,070 --> 00:42:24,070
Və bu günə qədər, zaman biz baxdı etdik
bir web page başında, nə

937
00:42:24,070 --> 00:42:28,560
biz yaşadığınız yalnız tag
bir web page rəhbəri?

938
00:42:28,560 --> 00:42:29,740
Bir az louder.

939
00:42:29,740 --> 00:42:30,799
Just adı bu günə qədər.

940
00:42:30,799 --> 00:42:32,590
Amma bu var çıxır
bir neçə başqa şeylər

941
00:42:32,590 --> 00:42:35,840
Siz orada bir qoya bilər
hansı bir stil tag deyirlər.

942
00:42:35,840 --> 00:42:37,850
Belə ki, bir an əvvəl biz baxdı
bir stil atributu da.

943
00:42:37,850 --> 00:42:39,150
Bir stil tag var çıxır.

944
00:42:39,150 --> 00:42:41,200
Bu daxili məxsusdur
bir web page rəhbəri.

945
00:42:41,200 --> 00:42:42,840
İndi edirəm nə görürsünüz.

946
00:42:42,840 --> 00:42:46,540
Mən bu daxilində var
stil tag aşağıdakı.

947
00:42:46,540 --> 00:42:51,190
Mən sözün line 20-də qeyd edirəm
Mən stylize istəyirəm ki, bir tag adı.

948
00:42:51,190 --> 00:42:53,489
>> Sonra mən açıq buruq brace var
və buruq brace bağladı.

949
00:42:53,489 --> 00:42:56,030
, C ruhu belə oxşar, lakin
yenə bu bir funksiyası deyil,

950
00:42:56,030 --> 00:42:57,796
burada yalnız bir sintaktik detal.

951
00:42:57,796 --> 00:43:00,170
Və sonra, əlbəttə, mən deyirəm
browser, hey browser,

952
00:43:00,170 --> 00:43:05,210
səhifənin bütün bədən etmək
mərkəzi mətn alignment var.

953
00:43:05,210 --> 00:43:06,930
Və sonra bu aşağıdakı deyib.

954
00:43:06,930 --> 00:43:12,600
Hey browser, bir HTML görmək əgər
səhifə element və ya tag ki,

955
00:43:12,600 --> 00:43:17,040
, üst benzersiz bir tanıdan var
belə hash simvolu burada yalnız deməkdir

956
00:43:17,040 --> 00:43:21,010
üst unikal fikir, davam
və font ölçüsü etmək 36

957
00:43:21,010 --> 00:43:22,490
və onun font çəki qalın.

958
00:43:22,490 --> 00:43:26,840
>> Hey browser, onun bir element
ID 24 piksel etmək, orta edir.

959
00:43:26,840 --> 00:43:31,070
Və hey browser, görürsünüz əgər
alt ideyası 12 piksel edir.

960
00:43:31,070 --> 00:43:33,540
sonunda təsiri
tam sam edir.

961
00:43:33,540 --> 00:43:36,500
Mən CSS 1 getmək varsa,
səhifə eyni görünür.

962
00:43:36,500 --> 00:43:39,810
Amma biz doğru bir addım istəyirik
bir az daha yaxşı dizayn.

963
00:43:39,810 --> 00:43:44,850
Mənə indi CSS2 burada qayıdaq
və mən etdik nə görmək.

964
00:43:44,850 --> 00:43:48,030
>> İndi səhifə, həqiqətən, həqiqətən təmiz.

965
00:43:48,030 --> 00:43:50,730
Əslində, mən bütün uyğun
Burada bir səhifə məzmunu.

966
00:43:50,730 --> 00:43:54,270
Amma nə yeni tag Mən var
təbii ki, təqdim?

967
00:43:54,270 --> 00:43:54,770
Link.

968
00:43:54,770 --> 00:43:57,853
Və bu, bir tag üçün ən yaxşı ad deyil
Bu mənada bir link deyil, çünki

969
00:43:57,853 --> 00:44:00,780
biz bunu bilirik, lakin bu o deməkdir ki,
bəzi digər fayl bir link.

970
00:44:00,780 --> 00:44:02,890
Bu kəskin C. daxil kimi növ

971
00:44:02,890 --> 00:44:06,280
>> Bu HTML yoldur
browser hey demək,

972
00:44:06,280 --> 00:44:10,240
məzmunu almaq getmək
Fayl css2.css çağırıb.

973
00:44:10,240 --> 00:44:12,880
əlaqələr, mənə,
bu bir stil var ki.

974
00:44:12,880 --> 00:44:17,980
And olsun ki, nə bir
Cascading Style Sheets vasitələri S var.

975
00:44:17,980 --> 00:44:20,350
Bu stil edir.

976
00:44:20,350 --> 00:44:23,120
Bu olan yalnız mətn faylı
əmlakın bütün dəstə.

977
00:44:23,120 --> 00:44:25,940
Bu üslub bütün dəstə var
Bir səhifə müraciət etmək istəyirəm.

978
00:44:25,940 --> 00:44:28,860
>> Və bu yəqin deyil
ikinci fayl istinad.

979
00:44:28,860 --> 00:44:32,970
Mən ki, CSS2.css açmaq əgər,
Mən etdik ki, görürsünüz

980
00:44:32,970 --> 00:44:35,900
surəti və bütün yapışdırıb edir
Bu fayla bu.

981
00:44:35,900 --> 00:44:38,220
İndi, siz heç vaxt belə
əvvəl bu məhsulları kodlu,

982
00:44:38,220 --> 00:44:40,700
yalnız ilə hesab
atasözü mühəndis papaq

983
00:44:40,700 --> 00:44:44,220
on, niyə bu bir
yəqin ki, yaxşı dizayn?

984
00:44:44,220 --> 00:44:48,910
Bu CSS xassələri Factoring,
öz fayl onları qoyulması.

985
00:44:48,910 --> 00:44:51,330
Baxmayaraq biz bu həll
problem kimi beş dəqiqə əvvəl

986
00:44:51,330 --> 00:44:52,600
ilk versiyası.

987
00:44:52,600 --> 00:44:55,730
>> Biz təkmilləşdirilmiş etdik
səhifə stylistically,

988
00:44:55,730 --> 00:44:57,520
bu yalnız daha yaxşıdır
müəyyən mənada dizayn.

989
00:44:57,520 --> 00:44:58,990
Niyə düşünürsünüz?

990
00:44:58,990 --> 00:45:01,510
Bəli.

991
00:45:01,510 --> 00:45:02,260
Daha çevik necə?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
Bəli.

994
00:45:05,540 --> 00:45:07,373
Siz getmək istəyirsinizsə Belə ki,
geri və hər şeyi dəyişdirmək,

995
00:45:07,373 --> 00:45:09,540
İndi, bir yer var
burada şeyi dəyişə bilərsiniz.

996
00:45:09,540 --> 00:45:11,622
Və əslində, bir şey üçün
kimi problem, yeddi müəyyən

997
00:45:11,622 --> 00:45:13,690
biz həyata lazımdır
fond ticarət haqqinda,

998
00:45:13,690 --> 00:45:15,523
ki, bir var olacaq
pages bütün dəstə.

999
00:45:15,523 --> 00:45:17,620
Və həqiqətən olardı
annoying siz istəsəniz, hm,

1000
00:45:17,620 --> 00:45:21,630
Mən, həqiqətən, Mən istəyirəm 24 piksel kimi deyil
28 piksel və ya bir qədər daha böyük olmalıdır.

1001
00:45:21,630 --> 00:45:23,550
Və sonra bir nə var
tapmaq və əvəz qlobal

1002
00:45:23,550 --> 00:45:27,560
və ya web faylları bütün açmaq
sadəcə həqiqətən bir dəyər dəyişdirmək üçün.

1003
00:45:27,560 --> 00:45:31,290
Bu üslub faktoring ilə
bir mərkəzi yer daxil,

1004
00:45:31,290 --> 00:45:34,720
İndi bir mətn faylı aça bilərsiniz
hər hansı bir proqram CS50IDE da,

1005
00:45:34,720 --> 00:45:36,479
, dəyişdirmək saxlamaq və görülən.

1006
00:45:36,479 --> 00:45:38,270
Siz bu təbliğ etdik
Hər yerdə dəyişikliklər.

1007
00:45:38,270 --> 00:45:42,450
Və eyni olardı
bir dot h fayl həmçinin.

1008
00:45:42,450 --> 00:45:46,697
Belə ki, hər hansı bir sualınız beləliklə
qədər bu sintaksis?

1009
00:45:46,697 --> 00:45:48,530
Bütün hüquqlar, belə ki, biz var
hər şey görünür həyata

1010
00:45:48,530 --> 00:45:51,170
həqiqətən başqa hiperlink həyata keçirir.

1011
00:45:51,170 --> 00:45:52,740
Və belə ki, irəli getmək və bunu bildirin.

1012
00:45:52,740 --> 00:45:54,830
Mənə davam edək
Burada yeni bir fayl yaratmaq.

1013
00:45:54,830 --> 00:45:59,970
Mən zəng etmək üçün gedirəm
link.html, bugünkü kodu qoymaq.

1014
00:45:59,970 --> 00:46:03,000
>> Mən açıq gedirəm
bracket doc növü html.

1015
00:46:03,000 --> 00:46:05,970
Bir kənara, bu şey kimi
top, bu doc ​​növü bəyannamə,

1016
00:46:05,970 --> 00:46:08,420
Bu qəribə yalnız biri
ünlem ilə.

1017
00:46:08,420 --> 00:46:12,100
Siz yalnız orada nə var və bu,
biz HTML versiyası 5 istifadə olunur deməkdir.

1018
00:46:12,100 --> 00:46:14,460
Eski versiyasını
dil çox uzun idi

1019
00:46:14,460 --> 00:46:16,400
Siz lazım strings var qoymaq.

1020
00:46:16,400 --> 00:46:18,620
Belə ki, burada link adlı bir nümunəsidir.

1021
00:46:18,620 --> 00:46:20,950
>> Mən burada mənim web page bir bədən lazımdır.

1022
00:46:20,950 --> 00:46:29,770
Və burada bir href bərabər
nin HTTP://www.disney.com deyək

1023
00:46:29,770 --> 00:46:35,420
və mənim sevimli haqqinda, biz demək lazımdır.

1024
00:46:35,420 --> 00:46:38,550
Bütün hüquqlar, belə ki, bir çox
xətərsiz, istifadəçi dostu səhifə.

1025
00:46:38,550 --> 00:46:42,950
İndi mənim kataloq daxil edin
burada siyahısı və link.html açmaq,

1026
00:46:42,950 --> 00:46:44,780
biz hiper mətn var.

1027
00:46:44,780 --> 00:46:47,410
>> And olsun ki, bu harada
HTTP H gəlir.

1028
00:46:47,410 --> 00:46:51,580
Hipermətn Ötürmə Protokolu
Mətn köçürülməsi haqqında

1029
00:46:51,580 --> 00:46:53,840
digər resursları hiperlink var.

1030
00:46:53,840 --> 00:46:58,210
Şübhəsiz ki, burada tanış
retro, əgər mavi link tıklayan ki,

1031
00:46:58,210 --> 00:47:02,607
həqiqətən Disney.com məni gətirib çıxaracaq.

1032
00:47:02,607 --> 00:47:03,940
İndi oh ki, tezliklə həyata gəlir.

1033
00:47:03,940 --> 00:47:08,970
Bütün hüquqlar, belə ki, indi, nə bəzi
Bu nəticələrinin?

1034
00:47:08,970 --> 00:47:11,610
>> Və səmimi, dünya başlayır
bir az daha yaxından tanış olmaq üçün

1035
00:47:11,610 --> 00:47:15,090
və həmçinin bir az scarier
həm də bir az daha

1036
00:47:15,090 --> 00:47:17,840
Siz başlamaq bir dəfə müdafiə self
bu şeyləri anlamaq üçün.

1037
00:47:17,840 --> 00:47:21,610
Oran, siz bəzi, siz getmək əgər, çünki
Gmail spam qovluq və ya hətta

1038
00:47:21,610 --> 00:47:23,990
Sizin gelen qutusu, siz yəqin ki, var
E-poçt bir növ kazanılmış

1039
00:47:23,990 --> 00:47:26,980
ki, dəyişdirmək isteyen sizin
parol bəlkə ya bəlkə yoxlamaq

1040
00:47:26,980 --> 00:47:28,910
PayPal etimadnaməsini və ya etajer.

1041
00:47:28,910 --> 00:47:34,510
>> Və əslində, siz qəbul ola bilər
burada klik kimi deyir ki, bir şey

1042
00:47:34,510 --> 00:47:42,260
PayPal Parolu sıfırlamak üçün.

1043
00:47:42,260 --> 00:47:44,130
İndi, əgər, qeyd
bu Disney.com deyil

1044
00:47:44,130 --> 00:47:51,600
lakin kimi badplace.com və
, yeniden Qeyd edək ki, burada mətn

1045
00:47:51,600 --> 00:47:53,710
heç bir şey deyə bilər.

1046
00:47:53,710 --> 00:47:55,260
Və əslində, bu, yalnız söz edir.

1047
00:47:55,260 --> 00:48:04,610
Niyə Mən, həqiqətən, super zərərli deyil
və http://www.paypal.com deyirlər.

1048
00:48:04,610 --> 00:48:14,090
>> PayPal yenidən buraya basın
parol və indi yeniden.

1049
00:48:14,090 --> 00:48:16,220
Bu hüquq, olduqca qanuni görünür?

1050
00:48:16,220 --> 00:48:20,470
Mən basın deyil, demək
bu deyir ki, bir e-poçt.

1051
00:48:20,470 --> 00:48:22,450
Amma burada dichotomy qeyd.

1052
00:48:22,450 --> 00:48:26,880
Bu www.paypal.com deyir,
və əslində, bir dəqiqə gözləyin,

1053
00:48:26,880 --> 00:48:29,210
biz istədiyiniz bilirik ki,
təhlükəsizlik s.

1054
00:48:29,210 --> 00:48:35,450
Belə ki, indi, www.paypal.com HTTPS getmək,
lakin siz əvvəl bunu heç vaxt varsa,

1055
00:48:35,450 --> 00:48:38,182
vərdiş halına alıram
Burada kiçik links üzərində hovering.

1056
00:48:38,182 --> 00:48:39,890
Və görmək çətindir
orada ekranda,

1057
00:48:39,890 --> 00:48:41,340
və burada bütün asandır.

1058
00:48:41,340 --> 00:48:43,615
Amma yol aşağı burada
kiçik kiçik künc

1059
00:48:43,615 --> 00:48:45,740
həqiqətən browser edir
gedirik ki, sizə xəbər

1060
00:48:45,740 --> 00:48:48,850
əvəzinə Paypal.com bir badplace.com üçün.

1061
00:48:48,850 --> 00:48:51,620
İndi biz bu gedir?

1062
00:48:51,620 --> 00:48:54,859
Biz bu gün etdiyiniz bütün nümunələri,
biz ağır kodlu və əl həyata çap etdik.

1063
00:48:54,859 --> 00:48:56,900
web inanılmaz
maraqsız zaman ağır

1064
00:48:56,900 --> 00:48:59,844
ki, content, sizin web pages kod
statik və heç vaxt dəyişir.

1065
00:48:59,844 --> 00:49:01,760
Əlbəttə, bütün
Sevimli saytları bu gün,

1066
00:49:01,760 --> 00:49:04,470
Bu Gmail və ya Twitter və ya olub
Facebook və ya digər hər hansı bir sayı

1067
00:49:04,470 --> 00:49:05,290
dinamikdir.

1068
00:49:05,290 --> 00:49:07,340
Onlar dəyişir edirik
istifadəçi daxil reaksiya

1069
00:49:07,340 --> 00:49:08,840
Google axtarış nəticələri kimi.

1070
00:49:08,840 --> 00:49:12,415
>> Və belə Çərşənbə günü biz nə deyil
biz HTML və CSS tətbiqi tərk

1071
00:49:12,415 --> 00:49:14,290
biz almaq və arxamızda
İndi ki, biz verilən üçün

1072
00:49:14,290 --> 00:49:16,640
bunu və biz təqdim
yeni proqramlaşdırma dili

1073
00:49:16,640 --> 00:49:19,050
kimi adlı PHP,
C, bizə vermək niyyətindədir

1074
00:49:19,050 --> 00:49:22,450
həqiqətən proqramları yaratmaq üçün güc
özləri ki, çıxış yaratmaq.

1075
00:49:22,450 --> 00:49:25,900
Bu halda, biz istifadə edəcəyik
PHP dinamik web yaratmaq üçün

1076
00:49:25,900 --> 00:49:27,340
Bu yeni dil istifadə pages.

1077
00:49:27,340 --> 00:49:28,989
Çərşənbə günü ki, daha çox.

1078
00:49:28,989 --> 00:49:29,530
Sonra baxın.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [MUSIC PLAYING]

1081
00:49:37,380 --> 00:52:38,864