1
00:00:00,000 --> 00:00:03,486
>> [Muzika]

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

3
00:00:10,460 --> 00:00:14,250
>> DAVID J Malan: Kjo është CS50 dhe
ky është fillimi i javës së 7.

4
00:00:14,250 --> 00:00:15,060
Pra, të mirëpritur mbrapa.

5
00:00:15,060 --> 00:00:17,540
Dhe ju mund të kujtojnë se
në problemin vendosur katër,

6
00:00:17,540 --> 00:00:21,510
ka pasur pak e një gjueti pastrues
për disa shpërblime të pabesueshëm nga ku

7
00:00:21,510 --> 00:00:24,219
pasi të shërohen fotot e
Stafi si këtu dhe në New Haven,

8
00:00:24,219 --> 00:00:27,468
ju u sfiduan për të gjetur sa më shumë prej
këta shkencëtarë kompjuter si ju mund.

9
00:00:27,468 --> 00:00:29,550
Dhe ne kemi marrë një e tërë
bandë e aplikimeve.

10
00:00:29,550 --> 00:00:31,930
Mendova se do të ndajnë disa
me ty këtu sot.

11
00:00:31,930 --> 00:00:35,100
>> Dhe ne do të postoj të gjitha këto në internet.

12
00:00:35,100 --> 00:00:39,310
Por në mënyrë të veçantë, kam kërkuar për të
tërheq vëmendjen tuaj to-- pra një,

13
00:00:39,310 --> 00:00:42,670
Sam ka qenë në mjaft disa prej tyre
përgjithësisht duke paraqitur si kjo.

14
00:00:42,670 --> 00:00:45,750
Por duket se që nga
këtë mëngjes, fituesi

15
00:00:45,750 --> 00:00:51,170
ishte një dikush me emër Ken me
24 e stafit kapur në kamera

16
00:00:51,170 --> 00:00:54,600
ose pak më shumë kur ju keni marrë në
përbëjnë stafin shumta në foto.

17
00:00:54,600 --> 00:00:58,300
Foto këtu është Ken tjetër
Marisë në New Haven.

18
00:00:58,300 --> 00:01:01,300
>> Tani, Ken, edhe pse, kthehet
jashtë është pak e një rast qoshe

19
00:01:01,300 --> 00:01:02,880
kjo nuk ka ndodhur ende përpara.

20
00:01:02,880 --> 00:01:05,713
Ajo rezulton se ajo nuk ka ndodhur
për mua për të vënë shtypura mirë në problemin

21
00:01:05,713 --> 00:01:09,710
vendosur katër që thotë se stafi
papërshtatshëm për çmimet pabesueshëm

22
00:01:09,710 --> 00:01:13,130
sepse Ken është, sigurisht, një prej
fotografët në stafin tonë.

23
00:01:13,130 --> 00:01:16,820
Tani, me tha se, ai
fillimisht shkroi mua të them

24
00:01:16,820 --> 00:01:19,180
ju lutem mos postoni këto foto online.

25
00:01:19,180 --> 00:01:21,630
Unë mendoj se në pjesën më të madhe
sepse shumica e fotografive

26
00:01:21,630 --> 00:01:24,499
se ky fotograf mori shikoni
një diçka të vogël si kjo.

27
00:01:24,499 --> 00:01:25,040
Dhe si.

28
00:01:25,040 --> 00:01:28,990
>> Por Ken do të donte mua për të siguruar ju
se ai është një fotograf shumë i mirë,

29
00:01:28,990 --> 00:01:33,190
ai është një profesionist, ai e merr
fotot që nuk janë blurry,

30
00:01:33,190 --> 00:01:37,270
që janë më të mira në fokus, dhe ai
mori mjaft disa prej vetë stafit tonë.

31
00:01:37,270 --> 00:01:40,370
Por në vend se vetëm të pranojmë
Ken, ajo që ne menduam se do të bëjmë

32
00:01:40,370 --> 00:01:43,390
është të shkoni nëpër listën e
Studentët të cilët aktuale të paraqitura.

33
00:01:43,390 --> 00:01:48,640
Dhe kjo rezulton se Lance me
15 fotografi, si e këtij mëngjesi

34
00:01:48,640 --> 00:01:50,030
ishte fitues ynë.

35
00:01:50,030 --> 00:01:55,730
>> Dhe foto këtu është Lance me Colton,
me SKAZ, me veten, dhe me Sam.

36
00:01:55,730 --> 00:02:00,230
Por pastaj ajo rezulton se si të
11:46, kështu që vetëm pak më parë,

37
00:02:00,230 --> 00:02:04,380
Unë u ktheva në email time dhe gjeti
se kemi pasur edhe një dorëzimi më shumë

38
00:02:04,380 --> 00:02:08,300
nga një student me emrin Bonnie
të cilit email tha vetëm këtë.

39
00:02:08,300 --> 00:02:10,800
Nuk do të gënjejë, unë jam
bërë këtë gjatë klasës.

40
00:02:10,800 --> 00:02:17,620
Dhe pastaj vazhdoi të bashkëngjitni vetëm
14 fotografi, një i trembur nga Lance-së 15.

41
00:02:17,620 --> 00:02:22,690
>> Por në fotot Bonnie, ajo kthehet
jashtë ishin anëtarë të shumta të stafit, Sam

42
00:02:22,690 --> 00:02:25,960
në mesin e tyre, kështu që ajo që ne menduam se
do të bëni është të pranojmë të dyja këto.

43
00:02:25,960 --> 00:02:29,240
Pra, përveç marrjen e Dropbox
hapësirë ​​që të gjithë ata që morën pjesë

44
00:02:29,240 --> 00:02:33,900
merr, këto dy seksione gjithashtu do të
marrin një drekë të mirë catered për ta

45
00:02:33,900 --> 00:02:36,100
dhe seksioni i tyre
mates këtë javë që vjen.

46
00:02:36,100 --> 00:02:38,970
Dhe kështu që ju do të dëgjoni nga ne,
Lance dhe Bonnie, në lidhje me atë.

47
00:02:38,970 --> 00:02:40,002
Congrats aq i madh për ta.

48
00:02:40,002 --> 00:02:42,210
Tani, ata prej jush që do të
si drekë në përgjithësi

49
00:02:42,210 --> 00:02:45,320
e di se drekë CS50 në Kembrixh
dhe New Haven është kjo e premte.

50
00:02:45,320 --> 00:02:48,510
Shko tek çaj website RSVP CS50 e.

51
00:02:48,510 --> 00:02:49,800
Dhe tani një fjalë në seminare.

52
00:02:49,800 --> 00:02:50,730
Më shumë curricularly.

53
00:02:50,730 --> 00:02:52,490
Pra, ne jemi afrohemi
Pika e semestrit

54
00:02:52,490 --> 00:02:55,200
ku ju duhet të fillojë
duke menduar në lidhje me projektet përfundimtare.

55
00:02:55,200 --> 00:02:59,309
Dhe në fakt, në vetëm pak, do të
ashtuquajtura propozimet e para të jetë për shkak.

56
00:02:59,309 --> 00:03:01,850
Propozimet Pra, para janë të destinuara për
Ndikimi jetë mjaft i ulët dhe të vërtetë

57
00:03:01,850 --> 00:03:04,109
vetëm një mundësi për
që të shkruaj një shënim të shkurtër

58
00:03:04,109 --> 00:03:06,900
shokët tuaj mësim të informoj
atij ose asaj çfarë jeni duke menduar ju

59
00:03:06,900 --> 00:03:09,140
mund të dëshironi të bëni për projektin tuaj përfundimtar.

60
00:03:09,140 --> 00:03:11,730
>> Tani, shumë studentë përfundojnë
duke bërë bazuar web projektet përfundimtare.

61
00:03:11,730 --> 00:03:13,800
Dhe sigurisht, ne jemi vetëm
Javën e kaluar tani në këtë

62
00:03:13,800 --> 00:03:15,890
dhe përtej zhyten në programimin e web.

63
00:03:15,890 --> 00:03:18,200
Pra, jo për t'u shqetësuar nëse ju
kanë absolutisht asnjë ide se si

64
00:03:18,200 --> 00:03:21,594
ju do të ndërtuar idetë që
ju mund të keni në mendjen tuaj.

65
00:03:21,594 --> 00:03:24,510
Kjo është me të vërtetë vetëm një funksion i detyruar
të merrni ju të menduarit dhe duke folur

66
00:03:24,510 --> 00:03:25,650
me TF tuaj në lidhje me të.

67
00:03:25,650 --> 00:03:28,810
Por për të ju ndihmojë me këtë, dhe
me projekte finale në fund të fundit,

68
00:03:28,810 --> 00:03:31,750
e di se CS50 ka traditë
për të ofruar seminare.

69
00:03:31,750 --> 00:03:36,084
>> Dhe këto janë fakultative, duart në,
ose leksion në bazë të mundësive

70
00:03:36,084 --> 00:03:39,000
për të mësuar më shumë në lidhje me temat që janë
një ndihmëse pak për Sigurisht së

71
00:03:39,000 --> 00:03:43,310
plani mësimor, por megjithatë e mrekullueshme
material për të përzënë projektet përfundimtare.

72
00:03:43,310 --> 00:03:46,840
Dhe kështu kjo është lista që është
Stafi CS50 këtu në New Haven

73
00:03:46,840 --> 00:03:48,600
kanë dalë me për
këtë vit për iOS

74
00:03:48,600 --> 00:03:50,730
programimit, Android
programimit, zhvillimin e lojës,

75
00:03:50,730 --> 00:03:54,480
dhe rrush të shumë mjeteve
dhe gjuhë dhe teknikat.

76
00:03:54,480 --> 00:03:56,780
>> Kështu që të mbajë një sy në faqen e internetit të CS50 e.

77
00:03:56,780 --> 00:04:00,110
Dhe në ndërkohë, në qoftë se ju dëshironi të
regjistruar interesin tuaj në ndonjë nga këto,

78
00:04:00,110 --> 00:04:02,510
shkoni në regjistrin CS50 e çaj.

79
00:04:02,510 --> 00:04:05,770
Dhe ne pastaj do të ndjekë deri sa të
ditë dhe kohët e fluturimit dhe vende

80
00:04:05,770 --> 00:04:09,090
dhe everything-- më çdo gjë do të
të jetë Transmetuar dhe gjithashtu në dispozicion në kërkesë

81
00:04:09,090 --> 00:04:11,750
pasi në qoftë se ju nuk mund të vërtetë të bëjë atë.

82
00:04:11,750 --> 00:04:15,800
Pra, pa zhurmë më tej, ne
lënë jashtë për herë të fundit me të merrni.

83
00:04:15,800 --> 00:04:19,610
>> Dhe kjo ishte si mesazh që ishte
brenda zarfit virtuale, kujtojnë,

84
00:04:19,610 --> 00:04:23,960
se kemi kaluar nga router në router për
router midis një shfletues web dhe një web

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

86
00:04:24,487 --> 00:04:26,695
Dhe se dukej një mesazh
pak diçka si kjo.

87
00:04:26,695 --> 00:04:29,700
Ky ishte mesazhi më misterioze që
ishte në fakt brenda një zarf

88
00:04:29,700 --> 00:04:34,440
shkruar në një copë letër të cilit
Linja e parë thotë fjalë për fjalë, të merrni plagë.

89
00:04:34,440 --> 00:04:37,830
>> Dhe ashtu si një kontroll mendje e shëndoshë,
çfarë treguar slash?

90
00:04:37,830 --> 00:04:40,455
Çfarë do të thotë kur slash
kërkuar një faqe interneti?

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

92
00:04:43,070 --> 00:04:44,250
Ti kërkojë atë gjatë gjithë kohës.

93
00:04:44,250 --> 00:04:47,333
Më çdo kohë që ju vizitoni një faqe interneti, ju
fakt nuk shkruani emrin e file.

94
00:04:47,333 --> 00:04:50,960
Ju ndoshta thjesht shkoni te Facebook.com,
të hyjë, gmail.com, ose si.

95
00:04:50,960 --> 00:04:52,260
Dhe çfarë slash përfaqëson?

96
00:04:52,260 --> 00:04:53,506
Çfarë skedar?

97
00:04:53,506 --> 00:04:54,630
Ose çfarë faqe, konkretisht?

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

99
00:04:59,642 --> 00:05:00,720
>> Indeksi, vërtet.

100
00:05:00,720 --> 00:05:01,810
Pra faqen e parazgjedhur.

101
00:05:01,810 --> 00:05:04,810
Pra, nëse ju nuk specifikoni një fotografi
emrin si ne do të fillojmë të shohim,

102
00:05:04,810 --> 00:05:07,750
ju jeni në të vërtetë vetëm të kërkuar
jepni faqen e parazgjedhur të Facebook

103
00:05:07,750 --> 00:05:10,800
ose më jepni kutinë time apo të japë
mua faqja parazgjedhur i lajmeve

104
00:05:10,800 --> 00:05:12,510
në faqen e internetit CNN apo të ngjashme.

105
00:05:12,510 --> 00:05:15,220
Dhe një server pastaj përgjigjet
që mesazhi me diçka

106
00:05:15,220 --> 00:05:18,420
kështu, duke thënë: Po, unë
flasin HTTP versionin 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200, e cila është një status
Kodi që ne njerëzit rrallë

108
00:05:21,130 --> 00:05:22,790
ndonjëherë shoh sepse kjo është e mirë.

109
00:05:22,790 --> 00:05:26,640
Sepse kjo do të thotë OK, kërkesën
u prit dhe trajtohet siç duhet.

110
00:05:26,640 --> 00:05:28,960
Dhe llojin përmbajtja
me sa duket në përgjigjen

111
00:05:28,960 --> 00:05:31,170
është mjaft shpesh, por jo gjithmonë, teksti.

112
00:05:31,170 --> 00:05:32,580
Dhe në mënyrë specifike, HTML.

113
00:05:32,580 --> 00:05:34,760
Dhe kjo është në fakt
ku ne shikojmë sot.

114
00:05:34,760 --> 00:05:37,140
>> Pra, në fakt, unë jam duke shkuar për të shkuar
përpara dhe të hapur një shfletues.

115
00:05:37,140 --> 00:05:40,410
Unë jam duke shkuar për të përdorur Chrome, ju mund të përdorni
më ndonjë shfletues në javët që do të vijnë.

116
00:05:40,410 --> 00:05:42,410
Ne përgjithësi rekomandojmë Chrome
sepse kjo është veçanërisht e

117
00:05:42,410 --> 00:05:43,750
mirë për zhvilluesit e programeve.

118
00:05:43,750 --> 00:05:46,070
Atë e mori një shumë të ndërtuar në
mjete që e bëjnë më të lehtë

119
00:05:46,070 --> 00:05:49,800
për të zhvilluar jo vetëm HTML dhe CSS,
gjëra ne do të fillojmë të flasim për sot,

120
00:05:49,800 --> 00:05:51,530
por edhe gjuhë të tjera si edhe.

121
00:05:51,530 --> 00:05:55,530
>> Dhe unë jam duke shkuar për të shkuar përpara dhe të shkojnë to--
Unë jam duke shkuar për të kontrolluar click ose djathtas

122
00:05:55,530 --> 00:05:57,210
klikoni kudo në një web faqe.

123
00:05:57,210 --> 00:05:59,070
Dhe unë jam duke shkuar për të shkuar në Inspect Element.

124
00:05:59,070 --> 00:06:03,850
Dhe unë jam duke shkuar për të shkulje tim
ekran vetëm pak këtu.

125
00:06:03,850 --> 00:06:05,790
Më lejoni të shkojë kjo në fund.

126
00:06:05,790 --> 00:06:08,140
Pra, kjo është ajo që quhet
Inspektori Chrome.

127
00:06:08,140 --> 00:06:11,010
Pra, kjo është si një debugging
mjet ndërtuar në Chrome.

128
00:06:11,010 --> 00:06:13,520
>> Të gjithë ju tashmë kanë këtë
në qoftë se ju keni qenë duke përdorur Chrome.

129
00:06:13,520 --> 00:06:17,169
Dhe kjo ju lejon të shihni se çfarë po ndodh
në nën kapuç e disa web faqe.

130
00:06:17,169 --> 00:06:19,210
Pra, le të vërtetë të marrë një
shikoni në këtë si në vijim.

131
00:06:19,210 --> 00:06:21,251
Ajo ka mënyrë më shumë karakteristika
dhe ne kujdesemi për sot.

132
00:06:21,251 --> 00:06:22,760
Por ka këto tabs mbi këtu.

133
00:06:22,760 --> 00:06:25,890
Elementet, rrjeti, burimet,
afat kohor, dhe disa sende të tjera.

134
00:06:25,890 --> 00:06:27,800
Unë jam duke shkuar për të klikoni mbi
Rrjeti për një moment.

135
00:06:27,800 --> 00:06:30,500
>> Dhe kjo është pak e madhe
në shikim të parë këtu.

136
00:06:30,500 --> 00:06:34,190
Por ajo që unë jam duke shkuar për të bëni është të le të
më të lehtësuar atë një pak.

137
00:06:34,190 --> 00:06:37,560
Unë jam duke shkuar për ta kthyer në
regjistrimi dritë në mënyrë që ajo është e kuqe.

138
00:06:37,560 --> 00:06:39,140
Dhe unë jam duke shkuar për të thënë ruajtur log.

139
00:06:39,140 --> 00:06:41,015
Dhe kjo është vetëm pak
gjë që unë me motive nga

140
00:06:41,015 --> 00:06:44,120
me kalimin e kohës kjo do të shpëtojë
çdo gjë që ndodh në shfletuesin.

141
00:06:44,120 --> 00:06:50,030
Dhe tani unë jam duke shkuar për të shkuar
për http://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> Në fakt, le ta bëjmë www
për masë të mirë, çaj.

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

144
00:06:53,643 --> 00:06:56,180
Pra, një URL që shumë prej
ju mund të keni vizituar.

145
00:06:56,180 --> 00:06:58,830
Dhe tani web Facebook
faqe vjen deri në krye.

146
00:06:58,830 --> 00:07:02,350
Dhe pastaj një bandë e tërë e
sende fluturoi nga në fund.

147
00:07:02,350 --> 00:07:04,830
Dhe në fakt, rezulton se
kur ju vizitoni facebook.com,

148
00:07:04,830 --> 00:07:09,320
ju nuk jeni vetëm duke bërë një kërkesë HTTP,
del se do të Facebook.com

149
00:07:09,320 --> 00:07:14,320
dërgon 41 e këtyre zarf,
secili me kërkesën e vet të merrni,

150
00:07:14,320 --> 00:07:18,360
siç tregohet, megjithëse prapa ekranit
këtu, në pjesën e poshtme të ekranit,

151
00:07:18,360 --> 00:07:24,040
ajo tregon se, me të vërtetë, im
Shfletuesi i bëri 41 kërkesat.

152
00:07:24,040 --> 00:07:29,689
>> Dhe në total, ajo bartet 861
kilobytes dhe ajo e mori për disa arsye

153
00:07:29,689 --> 00:07:31,730
sa më shumë si tetë sekonda
për të shkarkuar të gjithë se.

154
00:07:31,730 --> 00:07:33,790
Pra, kjo është në fakt pak i çuditshëm
që faqja Facebook do të marrë atë

155
00:07:33,790 --> 00:07:35,600
gjatë, por kështu që të jetë ajo në këtë rast.

156
00:07:35,600 --> 00:07:39,520
Tani, e gjithë kjo unë nuk e kujdesit të vërtetë
për përjashtim të kërkesës larti.

157
00:07:39,520 --> 00:07:46,440
Pra, le të shkojnë në këtë një të drejtë këtu
dhe më lejoni të zoom jashtë për vetëm një moment.

158
00:07:46,440 --> 00:07:47,754
>> Dhe më lejoni të zoom në në këtë.

159
00:07:47,754 --> 00:07:50,670
Pra, ajo që unë kam bërë në të majtën, edhe pse
ka shumë ndodh gjatë këtu

160
00:07:50,670 --> 00:07:53,360
po unë kam theksuar
Facebook.com dhe pastaj

161
00:07:53,360 --> 00:07:56,540
vëreni se unë jam scrolling poshtë,
scrolling poshtë, scrolling poshtë,

162
00:07:56,540 --> 00:07:58,330
për të kërkuar headers.

163
00:07:58,330 --> 00:08:01,720
Dhe ju do të shihni se Chrome është duke treguar
Me thelb përmbajtja e brendshme

164
00:08:01,720 --> 00:08:02,810
i kërkesës kam bërë.

165
00:08:02,810 --> 00:08:06,130
Kjo nuk është formatimit në krejt e njëjtë
mënyrë, por vini re nuk ka përmendur të marrë,

166
00:08:06,130 --> 00:08:09,481
vini re nuk ka përmendur të ushtrisë,
Facebook.com, rruga, apo Slash,

167
00:08:09,481 --> 00:08:10,730
që është skedari i kërkuar.

168
00:08:10,730 --> 00:08:12,930
>> Dhe pastaj në qoftë se unë lëviz
të mbështetur, ne do të vërtetë

169
00:08:12,930 --> 00:08:17,270
shihni se çfarë Facebook kthyer
për mua është të gjitha këto headers.

170
00:08:17,270 --> 00:08:21,040
Pra, brenda këtij zarf virtuale
në të vërtetë janë shumë çifte kyçe me vlerë.

171
00:08:21,040 --> 00:08:23,130
Një fjalë, një zorrë e trashë, dhe pastaj një vlerë.

172
00:08:23,130 --> 00:08:25,050
Një fjalë, një zorrë e trashë, dhe një vlerë.

173
00:08:25,050 --> 00:08:26,160
Këto janë quajtur headers.

174
00:08:26,160 --> 00:08:31,860
Dhe nuk ka mënyrë më shumë detaje këtu se
ne fakt e kujdesit për tani.

175
00:08:31,860 --> 00:08:33,750
>> Por kjo është e dyta për
e fundit atje poshtë,

176
00:08:33,750 --> 00:08:38,809
vini re, se serveri facebook.com së,
fakt, u tha këtu vjen disa HTML tekst.

177
00:08:38,809 --> 00:08:41,409
Pra, e gjithë kjo do të thotë
që kur ju kërkoni një web

178
00:08:41,409 --> 00:08:44,300
faqe nga një shfletues në një
server, server që i përgjigjet

179
00:08:44,300 --> 00:08:47,630
me një zarf të vetin
brenda së cilës është tekst.

180
00:08:47,630 --> 00:08:49,020
Me fjalë të tjera, HTML.

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

182
00:08:50,590 --> 00:08:53,200
E cila është një gjuhë tjetër
që ne kemi prezantuar sot

183
00:08:53,200 --> 00:08:57,740
se njerëzit apo kompjuterat gjenerojnë
në mënyrë që të zbatojë web pages.

184
00:08:57,740 --> 00:08:59,580
>> Në mënyrë të veçantë, le të shohim në këtë.

185
00:08:59,580 --> 00:09:03,277
Unë jam duke shkuar për të shkuar mbrapa tani
në faqen e internetit Facebook.

186
00:09:03,277 --> 00:09:05,360
Dhe unë jam duke shkuar për të vetëm
click kontrollin ose right click

187
00:09:05,360 --> 00:09:07,634
dhe klikoni në View Page Source.

188
00:09:07,634 --> 00:09:10,550
Dhe edhe në qoftë se ju nuk e përdorni Chrome,
IE mund ta bëjë këtë, Firefox-i mund ta bëjë këtë,

189
00:09:10,550 --> 00:09:14,060
Safari mund ta bëjë këtë, edhe pse menu
Opsionet mund të duket pak më ndryshe.

190
00:09:14,060 --> 00:09:18,990
Dhe kjo është HTML që Mark dhe
Kompania në Facebook kanë shkruar.

191
00:09:18,990 --> 00:09:24,640
>> Dhe për kolektivisht, kjo gjuhë këtu
zbaton blu dhe faqe të bardhë

192
00:09:24,640 --> 00:09:26,370
që ne pamë një moment më parë.

193
00:09:26,370 --> 00:09:28,030
Tani, kjo është pak e madhe.

194
00:09:28,030 --> 00:09:31,400
Por, nëse ne shikojmë në të lartë të majtë, ne jemi
do të fillojnë të shohin disa modele.

195
00:09:31,400 --> 00:09:34,140
Ajo duket sikur ka një shumë
e këtyre kllapa kënd të hapur

196
00:09:34,140 --> 00:09:35,970
dhe pastaj nuk ka kjo HTML fjalen.

197
00:09:35,970 --> 00:09:38,330
Ja një tjetër të hapur
kllapa kënd dhe kokë.

198
00:09:38,330 --> 00:09:41,560
>> Këtu është, në qoftë se ne lëvizni poshtë
dhe poshtë dhe poshtë, unë jam

199
00:09:41,560 --> 00:09:43,820
do të shkojnë përpara dhe të përpiqemi
për të kërkuar për diçka.

200
00:09:43,820 --> 00:09:48,510
Nuk ka mënyrë gjatë në të djathtë
këtu është trupi i hapur kllapa.

201
00:09:48,510 --> 00:09:50,800
Dhe kujtojnë nga e kaluar
koha që kemi propozuar

202
00:09:50,800 --> 00:09:53,364
se web faqe të thjeshtë
që një njeri mund të shkruani

203
00:09:53,364 --> 00:09:55,030
mund të duket një diçka të vogël si kjo.

204
00:09:55,030 --> 00:09:58,430
Hapur tag HTML, kreu hapur
tag, tag titullin e hapur,

205
00:09:58,430 --> 00:10:03,230
atëherë titulli mbyllur, kreu i mbyllur, të hapur
tag trupit, disa tekst, trupin e mbyllur,

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

207
00:10:04,720 --> 00:10:06,290
>> Por një pauzë këtu për vetëm një moment.

208
00:10:06,290 --> 00:10:09,030
Ky kod, edhe në qoftë se ju keni
kurrë shkruar atë më parë

209
00:10:09,030 --> 00:10:11,864
por ende nuk e kuptojnë mjaft
çfarë po ndodh, duket goxha e mirë.

210
00:10:11,864 --> 00:10:12,821
E drejtë, është shumë i pastër.

211
00:10:12,821 --> 00:10:14,120
Është shumë e stilistikisht e bukur.

212
00:10:14,120 --> 00:10:16,190
Një shumë e vulë dhe hapësirë ​​të bardhë.

213
00:10:16,190 --> 00:10:18,020
Facebook-së nuk është.

214
00:10:18,020 --> 00:10:23,190
Pra, pse është kaq shumë në Facebook
më keq se unë në shkrim HTML?

215
00:10:23,190 --> 00:10:24,310
Me sa duket.

216
00:10:24,310 --> 00:10:26,899
>> E drejtë, kjo është si një
nga pesë për stilin.

217
00:10:26,899 --> 00:10:29,315
Ka një arsye bindëse
për ata të prerë këto qoshet.

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

219
00:10:31,069 --> 00:10:33,860
Të gjithë të drejtë, kështu që ata nuk duan të
bëjnë më të lehtë për ju për të lexuar atë.

220
00:10:33,860 --> 00:10:36,940
Pra, në një farë mënyre, ata janë
obfuscating atë lloj të përpiqen atë

221
00:10:36,940 --> 00:10:40,260
të paktën estetikisht në mënyrë
se është e vështirë për Myspace

222
00:10:40,260 --> 00:10:42,705
për të shkuar dhe të shqyej off e tyre
homepage dhe HTML për të.

223
00:10:42,705 --> 00:10:45,080
Ajo rezulton se me programet e
Megjithatë, duke përfshirë Chrome,

224
00:10:45,080 --> 00:10:47,020
ne mund të pastër këtë ide super lehtë.

225
00:10:47,020 --> 00:10:49,420
Pra, kjo nuk është mjaft që është si arsye.

226
00:10:49,420 --> 00:10:51,290
Çfarë tjetër mund të jetë shkaku.

227
00:10:51,290 --> 00:10:51,790
Po.

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

229
00:10:54,680 --> 00:10:55,890
Po, kushton hapësirë ​​të bardhë e të dhënave.

230
00:10:55,890 --> 00:10:56,598
Cfare do te thuash?

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

232
00:11:02,250 --> 00:11:02,979
Po, pikërisht.

233
00:11:02,979 --> 00:11:06,020
Nëse ju goditi kyç Tab shumë ose
space bar, konsiderojnë pasojat.

234
00:11:06,020 --> 00:11:10,060
Pra, çdo kyç në tastierën tuaj është një
[Padëgjueshme] përfaqësuara si një byte.

235
00:11:10,060 --> 00:11:14,560
>> Pra, mendoj se Marku ose ndonjë nga devs
këto ditë godet spacebar vetëm një herë

236
00:11:14,560 --> 00:11:17,899
Në këtë faqe HTML që
përfaqëson faqen Facebook.

237
00:11:17,899 --> 00:11:19,690
Dhe Facebook ka një shumë
e përdoruesve të këto ditë.

238
00:11:19,690 --> 00:11:24,030
Pra, mendoj se homepage Facebook
është vizituar nga një miliard njerëz sot.

239
00:11:24,030 --> 00:11:27,020
Dhe dikush në Facebook ka
goditi space bar vetëm një herë.

240
00:11:27,020 --> 00:11:29,890
>> Pra, një bajt shtesë,
një miliard kërkesa,

241
00:11:29,890 --> 00:11:32,790
sa më shumë të dhënave është në Facebook
transferimin në lidhje me internet

242
00:11:32,790 --> 00:11:37,160
sepse dikush goditi
spacebar në tastierën e tij apo të saj?

243
00:11:37,160 --> 00:11:41,660
Një miliard bytes, ose një Gigabyte nga
të dhënat është dërguar nga serverat e Facebook

244
00:11:41,660 --> 00:11:43,626
të njerëzve në mbarë
botë për asnjë arsye të mirë.

245
00:11:43,626 --> 00:11:44,750
Tani, kjo është vetëm një hapësirë.

246
00:11:44,750 --> 00:11:48,866
>> Paramendoni nëse ne fakt pastruar këtë
gjë dhe të prerë atë dhe shtoi

247
00:11:48,866 --> 00:11:50,990
një shumë hapësirë ​​të bardhë dhe
karaktere tab dhe hapësira,

248
00:11:50,990 --> 00:11:53,656
ju deri në fund gigabajt të shpenzimeve,
në qoftë se nuk terra bytes më tepër hapësirë.

249
00:11:53,656 --> 00:11:56,640
Dhe kështu super të zakonshme në
Bota aktual i zhvillimit të internetit

250
00:11:56,640 --> 00:11:58,950
është që të minimizoj kodin tuaj.

251
00:11:58,950 --> 00:12:01,280
Dhe ne do të shohim përfundimisht
si ju mund të bëni këtë.

252
00:12:01,280 --> 00:12:04,630
>> Por sot, ne do të filloni të shkruani kodin
kjo është në fakt i lexueshëm nga ne njerëzit.

253
00:12:04,630 --> 00:12:10,120
Ajo rezulton, edhe pse, në qoftë se ju shkoni mbrapa
për këtë mjet në Chrome Inspect Element,

254
00:12:10,120 --> 00:12:12,030
më parë, ne ishim në skedën e rrjetit.

255
00:12:12,030 --> 00:12:15,430
Ajo rezulton se në qoftë se ju shkoni në
Elementet tab, ajo që ju shihni në fakt

256
00:12:15,430 --> 00:12:19,230
është Chrome e shtypur goxha
version i të njëjtit HTML.

257
00:12:19,230 --> 00:12:20,640
Pra, ne kemi deobfuscated atë.

258
00:12:20,640 --> 00:12:22,472
Kështu që nuk është ndeshje për një kompjuter.

259
00:12:22,472 --> 00:12:24,430
Dhe tani ju mund të vërtetë
klikoni përreth dhe të fillojnë

260
00:12:24,430 --> 00:12:27,630
për të parë hierarkinë që është një faqe web.

261
00:12:27,630 --> 00:12:28,780
Pra, le të bëjë në fakt këtë.

262
00:12:28,780 --> 00:12:32,120
Unë jam duke shkuar për të shkuar përpara dhe të hapur deri në
Mac tim një program të quajtur tekst edit.

263
00:12:32,120 --> 00:12:35,490
Dhe kujtojnë se kjo është vetëm
një program teksti super i thjeshtë.

264
00:12:35,490 --> 00:12:37,490
Windows ka notepad.exe.

265
00:12:37,490 --> 00:12:39,820
Dhe unë jam duke shkuar për Verbatim
Llojin e mëposhtme.

266
00:12:39,820 --> 00:12:44,650
Lloji doc HTML, kllapa e hapur
HTML, mbyllur kllapa HTML,

267
00:12:44,650 --> 00:12:49,000
ne kemi kreu i faqes këtu,
fundi i kreut të faqes këtu,

268
00:12:49,000 --> 00:12:52,310
një titull do të jetë si, Hello World.

269
00:12:52,310 --> 00:12:56,660
>> Dhe pastaj këtu poshtë, ne kemi nevojë
trupi i web faqe.

270
00:12:56,660 --> 00:12:58,050
Trupi i mbyllur.

271
00:12:58,050 --> 00:13:00,700
Dhe pastaj në këtu, Hello World.

272
00:13:00,700 --> 00:13:01,270
Në rregull.

273
00:13:01,270 --> 00:13:03,350
Pra, ne kemi shkruar një faqe të super të shpejtë web.

274
00:13:03,350 --> 00:13:06,675
Unë jam duke shkuar për të shpëtuar atë si
hello.html në tavolinën e punës time.

275
00:13:06,675 --> 00:13:09,050
My Mac do të ankohen,
duke menduar se, prit një minutë,

276
00:13:09,050 --> 00:13:11,091
kjo është një file teksti, të bëjë
ju doni të telefononi atë txt?

277
00:13:11,091 --> 00:13:13,300
Por jo, unë dua të përdorni dot HTML.

278
00:13:13,300 --> 00:13:16,140
>> Dhe pastaj çfarë është mirë nëse unë
thjesht klikoni këtë fotografi të dyfishtë,

279
00:13:16,140 --> 00:13:18,600
hello.html, këtu është web faqen time.

280
00:13:18,600 --> 00:13:22,564
Për fat të keq, unë jam
Personi i vetëm në botë

281
00:13:22,564 --> 00:13:23,980
të cilët mund të vizitoni këtë faqe tani.

282
00:13:23,980 --> 00:13:26,734
Sepse ku e bën atë të jetojë me sa duket?

283
00:13:26,734 --> 00:13:27,650
Është në Mac tim, e drejtë?

284
00:13:27,650 --> 00:13:28,470
E cila është e padobishme.

285
00:13:28,470 --> 00:13:30,390
Si askush në këtë dhomë
le të vetëm në internet

286
00:13:30,390 --> 00:13:31,598
në fakt mund të vizitoni atë faqe.

287
00:13:31,598 --> 00:13:33,820
Pra sot, ne kemi nevojë për
futur një element tjetër.

288
00:13:33,820 --> 00:13:36,720
>> Dhe për të bërë këtë, unë jam duke shkuar për
të shkojnë përpara dhe të hapur Cloud 9.

289
00:13:36,720 --> 00:13:40,090
Pra cloud 9 është sigurisht një
cloud service-- bazuar CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- Kjo ka të gjitha hapësirave të punës sonë
running diku në internet.

291
00:13:44,890 --> 00:13:48,330
Dhe kjo do të thotë se të gjitha dosjet tona
janë të qasshme publikisht tashmë.

292
00:13:48,330 --> 00:13:49,830
Pra, le të shkojnë përpara dhe të bëjë këtë.

293
00:13:49,830 --> 00:13:53,670
Unë jam duke shkuar për të shkuar përpara dhe
të krijojë një skedar të ri NCS50IDE.

294
00:13:53,670 --> 00:13:58,819
Unë jam duke shkuar për të shpëtuar atë si më parë
si hello.html dhe klikoni për të shpëtuar.

295
00:13:58,819 --> 00:14:01,860
Dhe tani vetëm për të kursyer kohë, unë jam duke shkuar
për të shkuar përpara dhe kopjoni ngjisni këtë kod

296
00:14:01,860 --> 00:14:03,470
në vend se Rivendos atë.

297
00:14:03,470 --> 00:14:04,550
Dhe për të shpëtuar atë.

298
00:14:04,550 --> 00:14:07,550
Dhe kështu që tani unë kam një
file i quajtur hello.html.

299
00:14:07,550 --> 00:14:09,710
Por si mund ta fakt
hapur atë si një faqe interneti?

300
00:14:09,710 --> 00:14:14,120
E pra, ajo rezulton të ndërtuar në të CS50
IDE nuk është vetëm një përpilues si tingëllim

301
00:14:14,120 --> 00:14:16,670
dhe një Rregullues si GDB dhe
bunches e programe të tjera,

302
00:14:16,670 --> 00:14:21,140
ka në fakt një të drejta të plota të plotë
web server running brenda CS50 IDE.

303
00:14:21,140 --> 00:14:23,900
>> Të gjithë ju, që do të thotë,
keni vet web serverin tuaj.

304
00:14:23,900 --> 00:14:26,850
Dhe një web server është vetëm një pjesë
e softuerit qëllimi i të cilave në jetë

305
00:14:26,850 --> 00:14:28,220
është për të shërbyer deri faqet e internetit.

306
00:14:28,220 --> 00:14:32,490
Për të dëgjuar për kërkesat nga shfletuesit dhe
përgjigjet me pak zarf virtuale

307
00:14:32,490 --> 00:14:35,290
brenda së cilës është
përmbajtje që unë kam shkruar.

308
00:14:35,290 --> 00:14:38,372
Pra, kjo web server është
burim të vërtetë e lirë dhe të hapur.

309
00:14:38,372 --> 00:14:40,830
Ku burim të hapur vetëm do të thotë
software që dikush tjetër ka

310
00:14:40,830 --> 00:14:43,480
shkruar se të gjithë ne mund të
në fakt të parë dhe të shkarkoni dhe madje

311
00:14:43,480 --> 00:14:44,780
ndryshoni kodin burim.

312
00:14:44,780 --> 00:14:46,150
Dhe kjo është quajtur Apache.

313
00:14:46,150 --> 00:14:51,450
>> Dhe ne kemi bërë atë një pak më e lehtë për të
përdorim në CS50IDE duke e quajtur atë Apache 50.

314
00:14:51,450 --> 00:14:53,780
Në mënyrë që ajo mund të vërtetë
kuptojnë në vijim.

315
00:14:53,780 --> 00:14:56,560
Unë jam duke shkuar për të thënë Apache 50 fillimin.

316
00:14:56,560 --> 00:14:58,910
Dhe atëherë unë jam vetëm do të them dot.

317
00:14:58,910 --> 00:15:01,080
Dhe ne shohim disa disi
Mesazhi misterioz duke thënë se

318
00:15:01,080 --> 00:15:04,640
vendosjen e apache është dokument [? grup?]
në shtëpi, ubuntu, çfarëdo që është,

319
00:15:04,640 --> 00:15:05,770
çaj hapësirë ​​pune.

320
00:15:05,770 --> 00:15:08,280
Duke filluar nga web server
Apache 2 me sukses.

321
00:15:08,280 --> 00:15:11,330
>> Pra histori të gjatë të shkurtër, unë
kanë shtyrë vetëm një buton

322
00:15:11,330 --> 00:15:18,000
dhe u kthye në një web server i cili është tani
duke dëgjuar në internet në portin TCP

323
00:15:18,000 --> 00:15:20,587
80 në një adresë të veçantë.

324
00:15:20,587 --> 00:15:22,420
Dhe ai thotë se këtu, dhe
kjo do të ndryshojë në bazë

325
00:15:22,420 --> 00:15:26,550
mbi emrin e përdoruesit dhe faktorë të tjerë,
por vini re tani, nëse unë klikoni këtë,

326
00:15:26,550 --> 00:15:30,211
IDE50 dot jharvard dhe kështu dhe
kështu, vini re se të gjithë këtë kohë

327
00:15:30,211 --> 00:15:31,960
për të kaluarën disa
javë, ju mund të keni

328
00:15:31,960 --> 00:15:35,200
vënë re se vetë emrin tuaj
është ngulitur në anën e sipërm të djathtë

329
00:15:35,200 --> 00:15:37,130
qoshe e CS50IDE.

330
00:15:37,130 --> 00:15:41,050
>> Dhe që në fakt ka qenë gjithë kjo
Herën e adresën në të cilën ju mund të

331
00:15:41,050 --> 00:15:43,574
vizitoni të gjitha dosjet tuaja nëpërmjet internetit.

332
00:15:43,574 --> 00:15:45,990
Deri më tash, kjo nuk ka rëndësi,
sepse në C, ju në përgjithësi

333
00:15:45,990 --> 00:15:48,073
duam që gjërat running në një
terminal, jo në web.

334
00:15:48,073 --> 00:15:50,800
Por sot, ne fillim
shkruar web bazuar kodin

335
00:15:50,800 --> 00:15:53,350
që ne duam
të arritshme në URLs publike.

336
00:15:53,350 --> 00:15:56,100
Pra, ajo që unë jam duke shkuar për
bëni është të klikoni këtë URL.

337
00:15:56,100 --> 00:16:00,880
>> Dhe vini re se unë shoh një mënyrë të drejtë
Indeksi i shëmtuar, një listë drejtori,

338
00:16:00,880 --> 00:16:04,090
por ajo që dosja hedhje nga ju ndoshta?

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

340
00:16:05,210 --> 00:16:07,870
Kjo për shkak se unë ruajtur
fotografi në Workspace time.

341
00:16:07,870 --> 00:16:12,310
Dhe ajo që unë kam thënë Apache web server
është të shikoni në directory Davidit Workspace.

342
00:16:12,310 --> 00:16:15,300
Dhe le të gjithë në
Bota shohin ato fotografi.

343
00:16:15,300 --> 00:16:19,050
>> Dhe me të vërtetë, në qoftë se unë tani
klikoni mbi hello.html,

344
00:16:19,050 --> 00:16:22,180
Unë shoh në këtë tab pikërisht këtë dosje.

345
00:16:22,180 --> 00:16:26,430
Tani vini re, cloud vepër 9-së
diçka pak të dobishme për ne.

346
00:16:26,430 --> 00:16:29,480
Brenda CS50 IDE, vini re nuk ka
papritmas një bar adresë.

347
00:16:29,480 --> 00:16:33,690
Kjo për shkak se, edhe pse ne jemi
duke përdorur Chrome për të vizituar CS50IDE,

348
00:16:33,690 --> 00:16:37,940
brenda CS50IDE është vet
version i një shfletuesi web të drejtë tani.

349
00:16:37,940 --> 00:16:40,820
Dhe kështu në vend se
komplikojë gjërat si i tillë,

350
00:16:40,820 --> 00:16:42,955
Unë jam duke shkuar për të shkuar përpara
dhe vetëm kopje këtë URL.

351
00:16:42,955 --> 00:16:45,330
Unë jam duke shkuar për të shkuar përpara dhe vetëm
të hapur vet dritaren time Chrome.

352
00:16:45,330 --> 00:16:47,800
Pra, nuk ka magji këtu, nuk ka CS50IDE.

353
00:16:47,800 --> 00:16:51,800
Unë jam vetëm duke shkuar për të fjalë për fjalë ngjitur
im J Harvard URL dhe hit Enter.

354
00:16:51,800 --> 00:16:54,750
Dhe voila, tani unë, dhe
në teori, të gjithë

355
00:16:54,750 --> 00:16:57,700
në internet, në qoftë se unë kam konfiguruar
lejet në mënyrë të përshtatshme,

356
00:16:57,700 --> 00:16:58,720
mund të vizitoni këtë fotografi.

357
00:16:58,720 --> 00:17:03,230
Dhe kështu që tani, në qoftë se unë i thashë
hello.html, voila, atje

358
00:17:03,230 --> 00:17:06,366
është web faqen time tepër të underwhelming.

359
00:17:06,366 --> 00:17:07,740
Pra, le të bëjë një kontroll të shpejtë mendje e shëndoshë.

360
00:17:07,740 --> 00:17:09,710
Sepse të gjithë që
është konceptual të vendosur deri.

361
00:17:09,710 --> 00:17:13,180
Dhe ne nuk kemi në fakt të vërtetë
ju mësoi se si të shkruajnë HTML në vetvete.

362
00:17:13,180 --> 00:17:16,084
Çfarëdo pyetjeje deri tani
në atë që ka ndodhur vetëm?

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

364
00:17:18,549 --> 00:17:19,049
Po.

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

366
00:17:24,290 --> 00:17:25,800
A vetë CS50 këto faqe web?

367
00:17:25,800 --> 00:17:26,460
Në çfarë kuptimi?

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

369
00:17:28,947 --> 00:17:29,530
Pyetje e mirë.

370
00:17:29,530 --> 00:17:32,429
Pra CS50 zotëron CS50.io.

371
00:17:32,429 --> 00:17:33,970
Ne e kemi blerë të vërtetë këtë emër domain.

372
00:17:33,970 --> 00:17:37,240
Dhe nga natyra e ju djema
prerje-transportim trupash në CS50IDE,

373
00:17:37,240 --> 00:17:39,270
të gjithë ju të merrni atë që quhet një subdomain.

374
00:17:39,270 --> 00:17:46,840
>> Pra IDE50-Malan, ose IDE50-Rob.CS50.io,
kjo është adresa juaj unik brenda

375
00:17:46,840 --> 00:17:47,730
emrin tonë domain.

376
00:17:47,730 --> 00:17:50,850
Pra, për qëllimet e kursit,
ju keni vet adresën tuaj unik.

377
00:17:50,850 --> 00:17:55,150
Por ne kemi thjeshtësuar gjërat nga
blerjen e domain të nivelit të lartë, CS50 dot

378
00:17:55,150 --> 00:17:58,050
I / O dhe pastaj të gjithë të tjerët është
brenda e që, si të thuash.

379
00:17:58,050 --> 00:17:59,890
Dhe ne do të kthehen në atë
në disa javë ndoshta,

380
00:17:59,890 --> 00:18:01,930
veçanërisht në projektin e fundit
kohë, kur disa nga ju

381
00:18:01,930 --> 00:18:03,596
mund të dëshironi të merrni emrat e domain tuaj.

382
00:18:03,596 --> 00:18:06,270
Kjo është në fakt relativisht
drejtpërdrejtë.

383
00:18:06,270 --> 00:18:06,770
Në rregull.

384
00:18:06,770 --> 00:18:07,880
Pra, tani le të bëjmë këtë.

385
00:18:07,880 --> 00:18:11,910
Unë jam duke shkuar për të shkuar mbrapa në
CS50IDE, ku dosjen time tani,

386
00:18:11,910 --> 00:18:14,710
hello.html, nuk është e gjitha që interesante.

387
00:18:14,710 --> 00:18:17,130
Unë do të doja të bëjë diçka
pak nicer se kaq.

388
00:18:17,130 --> 00:18:19,440
Kështu që unë jam duke shkuar për të bërë diçka si kjo.

389
00:18:19,440 --> 00:18:21,510
Më lejoni paragraphs.html hapur.

390
00:18:21,510 --> 00:18:23,560
Pra, kjo është një file i kam shkruar më parë.

391
00:18:23,560 --> 00:18:26,480
Në krye të saj, si
gjithmonë, ne kemi komente.

392
00:18:26,480 --> 00:18:28,730
Por në HTML, komente
duket pak më ndryshe.

393
00:18:28,730 --> 00:18:33,270
On line tre dhe linjë 14, ju
shih sintaksë për të filluar një koment

394
00:18:33,270 --> 00:18:34,020
dhe në fund një koment.

395
00:18:34,020 --> 00:18:36,820
>> Por asnjë të gjëra në
midis çështjeve funksionalisht.

396
00:18:36,820 --> 00:18:40,250
Kjo është vetëm një shënim për një
njerëzore çfarë po ndodh këtu.

397
00:18:40,250 --> 00:18:43,040
Dhe ashtu si një mendje e shëndoshë të shpejtë
kontrolloni, nëse unë lëvizni poshtë,

398
00:18:43,040 --> 00:18:46,820
çfarë është e re qartë
tag që ne i kemi futur?

399
00:18:46,820 --> 00:18:52,130
Tags deri më tani ne kemi parë jemi të hapur
kllapa HTML, kreu, titullin, dhe trupin.

400
00:18:52,130 --> 00:18:54,400
Por ajo që është padyshim i ri tani?

401
00:18:54,400 --> 00:18:55,200
>> Yeah, kështu f.

402
00:18:55,200 --> 00:18:57,320
Tag p ose paragrafi tag.

403
00:18:57,320 --> 00:19:01,182
Dhe atëherë unë vetëm huazuar disa parazgjedhje
Teksti latinisht të përbëjnë paragrafët e mia.

404
00:19:01,182 --> 00:19:03,390
Sepse ajo që kam kërkuar për të
demonstrojë është se si ju fuqia

405
00:19:03,390 --> 00:19:05,859
përfaqësojnë paragrafët e tekstit në HTML.

406
00:19:05,859 --> 00:19:08,400
Dhe kështu që ajo që është duke filluar të ndodhë
këtu është se ka tashmë

407
00:19:08,400 --> 00:19:09,657
një model zhvillimi.

408
00:19:09,657 --> 00:19:10,990
Dhe më lejoni të shkoj përpara dhe të bëjë këtë.

409
00:19:10,990 --> 00:19:12,760
Më lejoni së pari të fikur Apache.

410
00:19:12,760 --> 00:19:17,340
Dhe unë jam duke shkuar për të treguar atë për të filluar vetë
përsëri brenda e burimit të sotëm shtatë

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

412
00:19:18,420 --> 00:19:20,100
Kështu që unë të kenë qasje në çdo gjë.

413
00:19:20,100 --> 00:19:22,230
>> Dhe tani, në qoftë se unë kthehem në
Ky listim drejtori,

414
00:19:22,230 --> 00:19:24,846
vini re unë shoh çdo skedar nga sot.

415
00:19:24,846 --> 00:19:26,720
Dhe ju do të shihni në
Grupi tjetër problem, ne do të

416
00:19:26,720 --> 00:19:28,594
t'ju japë udhëzime
për të bërë pikërisht këtë.

417
00:19:28,594 --> 00:19:35,210
Në qoftë se unë të hapur paragraphs.html, kjo mund të
si dhe të duket si një gjuhë programimi

418
00:19:35,210 --> 00:19:36,970
për ju, nëse ju nuk flisni apo lexuar latinisht.

419
00:19:36,970 --> 00:19:40,525
Por kjo është vetëm tre paragrafë
i tekstit që janë shënuar deri në HTML.

420
00:19:40,525 --> 00:19:43,100
>> Dhe vini re paragrafin
Prishet mes tyre.

421
00:19:43,100 --> 00:19:46,400
Sepse ajo rezulton,
dhe edhe pse ju

422
00:19:46,400 --> 00:19:49,210
mund të jenë të prirur për të bërë këtë,
kurse në botën reale,

423
00:19:49,210 --> 00:19:51,370
në qoftë se ju doni të vënë linjë
prishet në mes të gjërave,

424
00:19:51,370 --> 00:19:55,680
ju fuqi mjaft e thjesht
bëni këtë dhe e goditi Save.

425
00:19:55,680 --> 00:19:59,460
Dhe tani, në qoftë se unë ringarkoni këtu, njoftimi
se çdo gjë vetëm zbeh së bashku

426
00:19:59,460 --> 00:20:01,100
në vetëm një pikë të tekstit.

427
00:20:01,100 --> 00:20:03,570
Sepse HTML është lloj i një gjuhe memec.

428
00:20:03,570 --> 00:20:07,230
>> Ajo është menduar për t'u përdorur në të tilla
një mënyrë se shfletuesi do të vetëm

429
00:20:07,230 --> 00:20:09,920
të bëjë në mënyrë të qartë atë që ju them se për të bërë.

430
00:20:09,920 --> 00:20:12,890
Pra, nëse ju nuk tregoni atë
më jepni një paragraf i ri,

431
00:20:12,890 --> 00:20:14,569
ju nuk jeni duke shkuar për të parë një paragraf të ri.

432
00:20:14,569 --> 00:20:16,360
Dhe në fakt, çfarë
shfletuesi do të bëjë

433
00:20:16,360 --> 00:20:20,020
është edhe në qoftë se ju goditi Enter,
le të themi përsëri dhe përsëri

434
00:20:20,020 --> 00:20:23,190
dhe përsëri, duke lëvizur në këtë mënyrë me tekst
poshtë në ekran dhe pastaj të shpëtuar

435
00:20:23,190 --> 00:20:26,610
dhe pastaj ringarkoni, shfletuesi do
të rrëzohet të gjithë atë hapësirë ​​të bardhë

436
00:20:26,610 --> 00:20:29,021
në vetëm një whitespace të vetme, të dukshme.

437
00:20:29,021 --> 00:20:29,520
Në rregull.

438
00:20:29,520 --> 00:20:30,869
Pra, kjo është paragrafi tag.

439
00:20:30,869 --> 00:20:32,910
Dhe kështu që çfarë është model
që është zhvilluar këtu?

440
00:20:32,910 --> 00:20:37,450
E pra, kjo duket të jetë rasti që
HTML është e gjitha në lidhje me fillimin e një tag

441
00:20:37,450 --> 00:20:38,460
dhe duke i dhënë fund një tag.

442
00:20:38,460 --> 00:20:39,300
Dhe çfarë është një tag?

443
00:20:39,300 --> 00:20:41,160
E pra, kjo është vetëm një copë e sintaksës.

444
00:20:41,160 --> 00:20:44,400
Parantezë të hapur, një fjalen,
kllapa mbyllur, është një tag.

445
00:20:44,400 --> 00:20:45,510
Ose të fillojnë tag.

446
00:20:45,510 --> 00:20:48,590
Dhe pastaj kur ju jeni
bëhet shprehur veten,

447
00:20:48,590 --> 00:20:52,300
si në ju jeni bërë me paragrafin,
ju të bëni në mënyrë që të flasin të kundërtën.

448
00:20:52,300 --> 00:20:55,480
Por e kundërta nuk është mjaft prapa.

449
00:20:55,480 --> 00:21:00,630
>> Ju thjesht prefiksin e njëjtë tag-së
emri me një plagë përpara si kjo.

450
00:21:00,630 --> 00:21:01,130
Në rregull.

451
00:21:01,130 --> 00:21:02,570
Pra, jo të gjithë që emocionuese.

452
00:21:02,570 --> 00:21:05,270
Dhe në fakt, ne nuk jemi duke e bërë
web të gjithë që më interesante.

453
00:21:05,270 --> 00:21:07,630
Çka nëse unë dua të bëj
gjëra të mëdha dhe të guximshme?

454
00:21:07,630 --> 00:21:11,780
Pra, rezulton se këtu është një shembull
në headings.html, ku në trupin tim,

455
00:21:11,780 --> 00:21:17,280
Unë kam marrë një tag H1, H2, H3,
kater, pese ose gjashte, të gjitha nga të cilat

456
00:21:17,280 --> 00:21:18,310
duket mjaft misterioze.

457
00:21:18,310 --> 00:21:21,010
Por në qoftë se unë shkoj hapur këtë
shembull, le të marrin një sy.

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

459
00:21:22,490 --> 00:21:27,030
>> Pra, shfletues by default mund të ju jap tekst
kjo është e madhe dhe të guximshme të madhësive të ndryshëm.

460
00:21:27,030 --> 00:21:28,070
H1 është i madh.

461
00:21:28,070 --> 00:21:31,240
H6 është më i vogël dhe më pas
çdo gjë tjetër në mes.

462
00:21:31,240 --> 00:21:34,170
Pra, kjo është interesante, por ende
jo të vërtetë web unë e di.

463
00:21:34,170 --> 00:21:36,870
Çfarë ndodh nëse ne duam të kam
diçka si një listë. .

464
00:21:36,870 --> 00:21:40,190
Kështu që këtu është një listë me kokrra të
tre prej shtëpive Harvardit.

465
00:21:40,190 --> 00:21:41,600
>> Si keni shkuar për të bërë këtë?

466
00:21:41,600 --> 00:21:45,410
E pra, hidhini një sy në list.html.

467
00:21:45,410 --> 00:21:47,870
Dhe këtu, ne shohim një
pak i funkiness

468
00:21:47,870 --> 00:21:49,630
por le të konsiderojmë se çfarë po ndodh.

469
00:21:49,630 --> 00:21:56,182
Pra, bazuar në atë që ju keni parë vetëm,
UL qëndron për listën e parregullt.

470
00:21:56,182 --> 00:21:57,640
Listë të renditura thjesht do të thotë bulleted.

471
00:21:57,640 --> 00:21:58,431
Nuk ka asnjë numër.

472
00:21:58,431 --> 00:22:01,850
Ka edhe diçka që quhet një
Lista e urdhëroi, i cili është një ol në tag.

473
00:22:01,850 --> 00:22:05,350
Pastaj LI, pika lista është e gjitha kjo do të thotë.

474
00:22:05,350 --> 00:22:07,790
>> Dhe kështu atë automatikisht
Numrat e çdo gjë për ju.

475
00:22:07,790 --> 00:22:11,270
Por, përsëri, të gjithë vulë e mia
dhe hapësira e bardhë është vetëm për shkakun tim.

476
00:22:11,270 --> 00:22:13,050
Shfletuesi nuk është
në të vërtetë do të kujdesen.

477
00:22:13,050 --> 00:22:16,670
Pra, edhe pse ju nuk mund të
bërë këtë, vetëm të jetë i qartë,

478
00:22:16,670 --> 00:22:19,880
ju nuk duhet edhe pse
shfletuesi do të vazhdojë

479
00:22:19,880 --> 00:22:22,130
të jetë në gjendje për të kuptuar atë vetëm gjobë.

480
00:22:22,130 --> 00:22:24,590
Unë jam goditur ringarkoni në tim
shfletuesi, unë jam duke klikuar ringarkoni

481
00:22:24,590 --> 00:22:26,760
dhe nuk ka ndryshim po ndodh
sepse shfletuesi ende

482
00:22:26,760 --> 00:22:29,550
duke bërë pikërisht atë që unë them atë për të bërë.

483
00:22:29,550 --> 00:22:30,050
>> Në rregull.

484
00:22:30,050 --> 00:22:31,340
Pra, kjo është e gjitha vetëm tekst.

485
00:22:31,340 --> 00:22:33,730
Tani le të bëjë diçka më interesante.

486
00:22:33,730 --> 00:22:36,660
Unë jam duke shkuar për të shkuar përpara dhe
hua disa nga këto HTML.

487
00:22:36,660 --> 00:22:40,910
Unë jam duke shkuar për të shkuar përpara dhe
të krijojë një skedar të ri këtu.

488
00:22:40,910 --> 00:22:43,370
Dhe ne do të quajmë këtë rick.html.

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

490
00:22:46,190 --> 00:22:48,916
Ne kemi në mënyrë disproporcionale
diçka përdorur

491
00:22:48,916 --> 00:22:51,290
quajtur një roll rick në këtë
klasë këtë vit, unë nuk e di,

492
00:22:51,290 --> 00:22:53,880
ajo vetëm ka ndodhur organikisht.

493
00:22:53,880 --> 00:22:55,397
>> Dhe tani ajo doli jashtë kontrollit.

494
00:22:55,397 --> 00:22:56,730
Kështu që unë jam vetëm duke shkuar për të shkuar me të.

495
00:22:56,730 --> 00:22:59,700
Dhe kur të shkoj në Google
Imazhet dhe Rick Astley.

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

497
00:23:02,450 --> 00:23:06,170
Nëse ju nuk e di pse ne bëjmë
kjo, vetëm lexoni deri në Wikipedia.

498
00:23:06,170 --> 00:23:11,520
Çdo herë që të keni klikuar mbi link,
dikush i është qeshur diku.

499
00:23:11,520 --> 00:23:14,860
Dhe më lejoni të shkoj atje ahead--
ne do të shkojmë, le të shohin këtë imazh.

500
00:23:14,860 --> 00:23:16,750
>> Pra, këtu ne kemi një
Imazhi në Google Images.

501
00:23:16,750 --> 00:23:19,390
Dhe le të supozojmë se kjo është
të arsyeshme kudo në internet.

502
00:23:19,390 --> 00:23:22,570
Kështu që unë jam duke shkuar për të supozojmë se është në rregull për mua
që në fakt të vënë këtë në web faqen time.

503
00:23:22,570 --> 00:23:24,820
Unë jam duke shkuar për të shkuar përpara
dhe kopje imazhit URL.

504
00:23:24,820 --> 00:23:28,600
Dhe tani, nëse unë kthehem në Cloud
9, le të shohim se çfarë mund të bëj këtu.

505
00:23:28,600 --> 00:23:30,630
Kështu që këtu është vetëm një faqe web.

506
00:23:30,630 --> 00:23:39,020
Kjo është Rick Astley, haha,
Unë jam duke shkuar për të shkuar mbrapa tani

507
00:23:39,020 --> 00:23:43,510
në shfletuesin tim, ringarkoni, dhe interesante.

508
00:23:43,510 --> 00:23:44,530
>> Ku është Rick?

509
00:23:44,530 --> 00:23:46,050
Pra më lejoni të shohim se çfarë ka ndodhur.

510
00:23:46,050 --> 00:23:49,114
Në fakt, unë jam duke shkuar për
pretendojë si unë nuk e ka bërë atë.

511
00:23:49,114 --> 00:23:50,280
[Padëgjueshme] e futi në këtu.

512
00:23:50,280 --> 00:23:52,520
Ne do të kthehen në se në një moment.

513
00:23:52,520 --> 00:23:54,200
Kështu që këtu është rick.html.

514
00:23:54,200 --> 00:23:56,070
Pra, kjo nuk është Rick Astley.

515
00:23:56,070 --> 00:23:59,680
Pra, ajo rezulton ne mund
në fakt shtoni atë në këtu.

516
00:23:59,680 --> 00:24:00,830
Kjo është Rick Astley.

517
00:24:00,830 --> 00:24:06,680
Unë jam duke shkuar për të thënë më jepni një imazh të cilit
burim është URL unë vetëm kopjuar, e cila

518
00:24:06,680 --> 00:24:09,110
me sa duket është një i lumtur
ditëlindjen diçka ose të tjera.

519
00:24:09,110 --> 00:24:13,280
>> Dhe tani unë jam duke shkuar për
mbylli tag si kjo.

520
00:24:13,280 --> 00:24:15,170
Pra, kjo është duke përfunduar super e gjatë.

521
00:24:15,170 --> 00:24:17,740
Por vini re se të gjitha unë kam
bërë është imazhi parantezë hapur,

522
00:24:17,740 --> 00:24:20,270
burim me një atribut të kësaj.

523
00:24:20,270 --> 00:24:21,530
Dhe kjo është një URL të vërtetë e gjatë.

524
00:24:21,530 --> 00:24:23,720
Dhe në fund, vini re kjo.

525
00:24:23,720 --> 00:24:29,530
Slash Pse kam bërë kllapa angled
në vend të, si çdo tag tjetër,

526
00:24:29,530 --> 00:24:33,590
të paturit e një parantezë të hapur,
IMG, mbyllur kllapa?

527
00:24:33,590 --> 00:24:37,040
Vetëm të marrë me mend edhe nëse ju
nuk kanë familjaritet whatsoever

528
00:24:37,040 --> 00:24:40,410
me HTML para.

529
00:24:40,410 --> 00:24:42,710
>> Pra, kjo është se si ajo mbyllet
komanda, por pse

530
00:24:42,710 --> 00:24:45,850
e bën atë të vërtetë të bëjë intuitive
kuptim për të bërë diçka pak më shumë

531
00:24:45,850 --> 00:24:48,820
fjalëshumë si imazh të ngushtë?

532
00:24:48,820 --> 00:24:51,400
Po.

533
00:24:51,400 --> 00:24:52,000
Po.

534
00:24:52,000 --> 00:24:55,620
Vetëm semantike, nuk ka kuptim të
duke filluar një imazh dhe duke i dhënë fund një imazh,

535
00:24:55,620 --> 00:24:56,870
ajo është ose ka ose nuk është.

536
00:24:56,870 --> 00:25:00,960
Pra, kjo nuk ka kuptim për të lënë një boshllëk
për çdo gjë tjetër brenda një imazh.

537
00:25:00,960 --> 00:25:02,010
Ju thjesht nuk mund ta bëjë këtë.

538
00:25:02,010 --> 00:25:03,720
Dhe kështu sintaksa
në përgjithësi do të jetë vetëm

539
00:25:03,720 --> 00:25:07,910
për të bërë plagë përpara brenda
e tag të hapur ose tag fillimit

540
00:25:07,910 --> 00:25:09,020
dhe pastaj goditi Save.

541
00:25:09,020 --> 00:25:13,350
>> Pra, nëse unë tani rifreskoni këtë fotografi, tani
Unë kam marrë një web faqe të mirë gatim këtu.

542
00:25:13,350 --> 00:25:15,100
Dhe ne mund sigurisht
me të vërtetë të fyejnë njerëzit

543
00:25:15,100 --> 00:25:17,010
nga embedding në vend
si një lidhje në YouTube.

544
00:25:17,010 --> 00:25:19,350
Dhe në fakt, në çdo kohë
ju keni shkuar ndonjëherë në YouTube,

545
00:25:19,350 --> 00:25:22,190
dhe më lejoni në fakt aksidentalisht
rick roll veten këtu.

546
00:25:22,190 --> 00:25:25,770
Pra, Rick roll.

547
00:25:25,770 --> 00:25:29,592
Kështu rick roll-- unë jam duke shkuar për të shkuar këtu.

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

549
00:25:31,900 --> 00:25:33,730
>> OK, një person i pëlqente që.

550
00:25:33,730 --> 00:25:37,270
Pra, vini re të gjithë këtë kohë, në qoftë se ju
klikoni Share linkun, ju natyrisht

551
00:25:37,270 --> 00:25:41,390
merrni URL që ju mund të vërtetë
embed në një email ose një imazh mjeko-ligjor

552
00:25:41,390 --> 00:25:43,730
ose në një problem të vendosur ose në një rrëshqitje.

553
00:25:43,730 --> 00:25:49,055
Dhe tani, në qoftë se unë në vend që të klikoni mbi Mbjell,
vini re se të gjithë këtë kohë, kjo stuff

554
00:25:49,055 --> 00:25:49,680
ka qenë atje.

555
00:25:49,680 --> 00:25:50,910
Unë jam duke shkuar për të shkuar përpara dhe kopje këtë.

556
00:25:50,910 --> 00:25:54,000
>> Dhe vetëm kështu që ne mund të shohim atë më të mirë, unë jam
duke shkuar për të ngjitur atë në editor teksti time.

557
00:25:54,000 --> 00:25:55,860
Vini re se kjo çfarë
YouTube ka qenë duke u thënë ju.

558
00:25:55,860 --> 00:25:57,693
Çdo herë që ju vizitoni një
Video YouTube, në qoftë se ju

559
00:25:57,693 --> 00:26:00,410
duan të embed video në tuaj
web faqe, thjesht kap kjo.

560
00:26:00,410 --> 00:26:03,350
Pra, kjo është edhe një
HTML tag quajtur një iframe.

561
00:26:03,350 --> 00:26:04,590
Ose një në kuadër linjë.

562
00:26:04,590 --> 00:26:08,680
Pra, kjo shumë duket pak më shumë
komplekse se të gjithë të tjerët.

563
00:26:08,680 --> 00:26:11,950
Pra, rezulton se imazhin
tag dhe me sa duket tag iframe

564
00:26:11,950 --> 00:26:13,370
të cilat janë quajtur atribute.

565
00:26:13,370 --> 00:26:15,710
>> Dhe kjo është një tjetër
pjesë e sintaksë në HTML.

566
00:26:15,710 --> 00:26:19,240
Përveç tag-së
emri, i hapur kllapa emri tag,

567
00:26:19,240 --> 00:26:23,780
ju mund të kontrollojë sjelljen e tag
duke pasur një bandë e tërë e atribut

568
00:26:23,780 --> 00:26:24,860
është e barabartë me vlerën.

569
00:26:24,860 --> 00:26:26,290
Atribut është e barabartë me vlerën.

570
00:26:26,290 --> 00:26:28,100
Dhe kështu për shembull,
YouTube është duke na thënë

571
00:26:28,100 --> 00:26:31,990
në qoftë se ju doni gjerësia e këtë video
të jetë 420 pixels dhe lartësia

572
00:26:31,990 --> 00:26:35,470
të jetë 315 pixel, kjo është
si ju shprehin atë në HTML.

573
00:26:35,470 --> 00:26:38,480
>> Burimi i video po shkon
të jetë se gjatë YouTube URL

574
00:26:38,480 --> 00:26:40,830
dhe pastaj disa sende të tjera
si kufiri kornizë është zero,

575
00:26:40,830 --> 00:26:43,500
kështu që ndoshta do të thotë se ka
nuk ka kufi rreth gjë.

576
00:26:43,500 --> 00:26:45,450
Lejo ekran të plotë ndoshta
do të thotë se përdoruesit

577
00:26:45,450 --> 00:26:47,840
mund të klikoni një buton dhe
në fakt ekran të plotë video.

578
00:26:47,840 --> 00:26:52,870
Pra, nëse unë me të vërtetë duan të jenë të
mbresëlënëse këtu në Rick dot HTML,

579
00:26:52,870 --> 00:26:58,490
në vend që të përdorni tag imazhit, le të
mua fshini se, në vend të ngjisni këtë.

580
00:26:58,490 --> 00:27:00,810
Dhe tani reload.

581
00:27:00,810 --> 00:27:02,500
Dhe tani këtu ne do të shkojmë përsëri.

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

583
00:27:04,979 --> 00:27:06,020
Të gjithë të drejtë, kjo është e mjaftueshme.

584
00:27:06,020 --> 00:27:08,970
Të gjithë të drejtë kështu që unë do të përpiqet
e vështirë të mos e bëjë atë përsëri.

585
00:27:08,970 --> 00:27:11,400
Pra cilat janë disa nga takeaways këtu?

586
00:27:11,400 --> 00:27:15,130
Pra HTML, të shëmtuara si këto faqet e internetit
janë, në fakt është shumë e thjeshtë.

587
00:27:15,130 --> 00:27:16,467
Kjo nuk është një gjuhë programimi.

588
00:27:16,467 --> 00:27:17,550
Ajo nuk ka funksione.

589
00:27:17,550 --> 00:27:18,410
Ajo nuk ka sythe.

590
00:27:18,410 --> 00:27:19,535
Ajo nuk ka kushte.

591
00:27:19,535 --> 00:27:22,900
Të gjitha ai ka është e dhjetra të
etiketa ndryshme, secila prej të cilave

592
00:27:22,900 --> 00:27:24,620
ka zero ose më shumë atribute.

593
00:27:24,620 --> 00:27:27,320
Dhe në fakt, ajo që është argëtim për
HTML si ju filloni për të zhyten në

594
00:27:27,320 --> 00:27:29,560
është se ajo është i aftë për shkollë shumë vetë.

595
00:27:29,560 --> 00:27:32,880
>> Të gjitha ai merr është një kuptim
e kuadrit të përgjithshëm të HTML.

596
00:27:32,880 --> 00:27:36,510
Çfarë është një tag, ajo që është një atribut,
si mendoni ju në të vërtetë të konfiguroni një faqe interneti

597
00:27:36,510 --> 00:27:37,250
si në vazhdim.

598
00:27:37,250 --> 00:27:40,720
Dhe çdo gjë tjetër është me të vërtetë rezultati
e shikuar deri në një referencë në internet

599
00:27:40,720 --> 00:27:43,080
ose googling se si të bëjë disa
teknikë ose siç e kemi parë,

600
00:27:43,080 --> 00:27:45,371
duke kërkuar në burim Facebook
Kodi, duke kërkuar në një faqe interneti

601
00:27:45,371 --> 00:27:48,710
që ju pëlqen në atë është kodi burim dhe
kuptuar se si zhvilluesve atje

602
00:27:48,710 --> 00:27:50,550
vuri në fakt gjërat jashtë.

603
00:27:50,550 --> 00:27:52,180
>> Pra, ne mund të bëjmë imazhe si.

604
00:27:52,180 --> 00:27:53,994
Dhe në fakt, ne e bëmë atë një moment më parë.

605
00:27:53,994 --> 00:27:55,410
Më lejoni të shkoj përpara dhe vetëm ju tregojnë.

606
00:27:55,410 --> 00:27:56,770
Ja disa kod mostër.

607
00:27:56,770 --> 00:27:58,380
Nëse ju ndonjëherë të dëshironi të shikoni macen ters.

608
00:27:58,380 --> 00:28:00,620
Kështu që vëreni se unë mund të
kanë një etiketë imazhit këtu.

609
00:28:00,620 --> 00:28:02,090
Dhe unë kam marrë një koment mbi atë.

610
00:28:02,090 --> 00:28:04,490
Unë kam marrë një alternativë
Teksti për qasje.

611
00:28:04,490 --> 00:28:07,250
Pra, dikush që është duke përdorur një ekran
lexues për arsye të syve

612
00:28:07,250 --> 00:28:10,172
në fakt mund të pastaj të ketë e tyre
Ekran lexuesi thonë cat ters.

613
00:28:10,172 --> 00:28:11,880
Sepse në qoftë se ata nuk mund të
shihni imazhin, ata

614
00:28:11,880 --> 00:28:14,504
mund të paktën të ketë kompjuterin e tyre
tregoni atyre verbalisht se çfarë është ajo.

615
00:28:14,504 --> 00:28:18,020
Dhe burimi i kësaj dosje është cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
Pra, në fakt, në qoftë se unë me të vërtetë të kërkuar për të
merrni zgjuar, atë që unë mund të ketë done--

617
00:28:22,472 --> 00:28:25,680
Unë nuk premtoj për të shkuar në Rick Astley, kështu
Unë jam duke shkuar për të google për një mace në vend.

618
00:28:25,680 --> 00:28:28,290
Dhe kur të shkoj në Google Images
këtu, dhe ne do të supozojmë

619
00:28:28,290 --> 00:28:30,040
se kjo është një foto e macja ime.

620
00:28:30,040 --> 00:28:35,070
>> Le të supozojmë se unë kam kontrolli klikuar
ose djathtas klikuar mbi këtë, rastësisht

621
00:28:35,070 --> 00:28:35,630
mërzitur.

622
00:28:35,630 --> 00:28:40,320
Dhe cat.jpeg unë jam duke shkuar
për të ruajtur në tavolinën e punës time.

623
00:28:40,320 --> 00:28:44,700
Lermë të shkoj përsëri në Cloud 9.

624
00:28:44,700 --> 00:28:48,150
Vini re se këtu, unë mund të
shkoni të ngarkoni fotografi lokale.

625
00:28:48,150 --> 00:28:51,530
Dhe në qoftë se unë kap këtë
file, cat.jpeg, njoftimi

626
00:28:51,530 --> 00:28:54,674
që unë mund të drag atë dhe
heqin atë në Cloud 9

627
00:28:54,674 --> 00:28:56,090
dhe ajo do të bërtas në mua këtu.

628
00:28:56,090 --> 00:28:59,000
>> Sepse ne kemi tashmë
ju dhënë një fotografi cat.jpeg,

629
00:28:59,000 --> 00:29:01,430
por është e super të lehtë për të
kap një foto që e keni

630
00:29:01,430 --> 00:29:03,220
marrë nga Facebook
ose Flickr apo si

631
00:29:03,220 --> 00:29:05,678
dhe në fakt drag and drop atë
në Cloud 9 dhe pastaj të bëjë atë

632
00:29:05,678 --> 00:29:07,970
pjesë e vetë tuaj personal
Faqja e internetit apo problem

633
00:29:07,970 --> 00:29:10,442
vendosur shtatë ose tetë si ne do të shohim së shpejti.

634
00:29:10,442 --> 00:29:12,150
Dhe pastaj kur ju
në fund të vizitoni këtë mace,

635
00:29:12,150 --> 00:29:16,610
duke supozuar I shkarkuar që të njëjtën mace,
njoftim that-- kjo ishte adorable.

636
00:29:16,610 --> 00:29:19,160
>> Çfarë ju do të shihni është
diçka si kjo fytyrë këtu.

637
00:29:19,160 --> 00:29:21,810
Pra, dosjet që ju
referencë në një web faqe

638
00:29:21,810 --> 00:29:26,050
ose mund të jetë lokal në tuaj
llogari ose të largët në ndonjë server tjetër

639
00:29:26,050 --> 00:29:29,670
si në rastin e Rick
Astley photo pak më parë.

640
00:29:29,670 --> 00:29:32,990
Pra, ku else--, çfarë
tjetër mund të bëjmë këtu?

641
00:29:32,990 --> 00:29:34,890
Pra, le të marrin një vështrim në vijim.

642
00:29:34,890 --> 00:29:36,160
Ju e dini se çfarë është lloj i ftohtë?

643
00:29:36,160 --> 00:29:39,330
>> Deri më tani ne kemi qenë duke e bërë
web faqet shumë statike.

644
00:29:39,330 --> 00:29:41,830
Unë dua të erëz gjërat si vijon.

645
00:29:41,830 --> 00:29:44,344
Unë dua të bëj vetë motorin tim e kërkimit.

646
00:29:44,344 --> 00:29:47,010
Pra, për të bërë një motor kërkimi, le të
të shkojnë përpara dhe të fillojnë të bëjnë këtë.

647
00:29:47,010 --> 00:29:52,570
Unë jam duke shkuar për të shkuar përpara dhe për të krijuar
një skedar të ri të quajtur search.html.

648
00:29:52,570 --> 00:29:54,890
Dhe ne kemi prefabed versionet online.

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

650
00:29:56,027 --> 00:29:57,610
Mos ngjitur në dritaren tuaj terminal.

651
00:29:57,610 --> 00:29:58,744
Versione Prefab online.

652
00:29:58,744 --> 00:30:00,160
Dhe unë jam duke shkuar për të filluar si më poshtë.

653
00:30:00,160 --> 00:30:04,490
Kështu që këtu është fillimi i
një file i quajtur search.html.

654
00:30:04,490 --> 00:30:07,510
Unë jam duke shkuar për të shpëtuar atë në
Lista burim sotme.

655
00:30:07,510 --> 00:30:09,079
Unë jam duke shkuar për të thirrur këtë kërkim.

656
00:30:09,079 --> 00:30:10,370
Në fakt, ne do të bëjë atë më të mirë.

657
00:30:10,370 --> 00:30:13,600
Kërko CS50 dhe në fakt markë atë.

658
00:30:13,600 --> 00:30:17,500
Dhe tani, unë jam duke shkuar për të thënë
diçka si H1 CS50 Kërko.

659
00:30:17,500 --> 00:30:20,930
Dhe pastaj këtu poshtë, H2 vjen së shpejti.

660
00:30:20,930 --> 00:30:23,230
Dhe vetëm për radhitje, H1 dhe
H2 thotë çfarë respektivisht?

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

662
00:30:26,750 --> 00:30:30,320
>> Po, kaq e madhe dhe të guximshme, dhe
jo aq i madh, por ende të guximshme.

663
00:30:30,320 --> 00:30:37,375
Pra, nëse unë të shpëtuar këtë dhe të shkojnë mbi këtu,
le të shohim file search.html.

664
00:30:37,375 --> 00:30:42,560
Të gjithë të drejtë, dhe kjo
është right-- [e padëgjueshme].

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

666
00:30:46,980 --> 00:30:49,110
Stand by.

667
00:30:49,110 --> 00:30:49,945
David është i hutuar.

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

669
00:30:52,610 --> 00:30:54,080
Oh, kjo është e drejtë atje.

670
00:30:54,080 --> 00:30:54,860
David është një idiot.

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

672
00:30:55,420 --> 00:30:56,660
Pra, nuk është.

673
00:30:56,660 --> 00:30:58,350
Pra CS50 Kërkimi vijnë së shpejti.

674
00:30:58,350 --> 00:31:00,370
Deri tani, le të sintetizojë
çfarë kemi bërë javën e kaluar.

675
00:31:00,370 --> 00:31:03,400
>> Ku kemi biseduar rreth
Mekanika nivelit më të ulët të HTTP.

676
00:31:03,400 --> 00:31:05,780
Dhe këto ide të reja
i HTML, i cili është vetëm

677
00:31:05,780 --> 00:31:08,890
kjo gjuhë markup ku ju
them një shfletues saktësisht çfarë duhet të bëni

678
00:31:08,890 --> 00:31:10,740
dhe të zbatojë vetë motorin e kërkimit tonë.

679
00:31:10,740 --> 00:31:12,520
Pra, në vend të vetëm
duke thënë vjen së shpejti, unë jam

680
00:31:12,520 --> 00:31:14,810
do të prezantoj
diçka që quhet një tag formë.

681
00:31:14,810 --> 00:31:19,610
Dhe në këtë formë, unë jam duke shkuar për
kanë diçka si një fushë të dhëna.

682
00:31:19,610 --> 00:31:22,450
>> Dhe emri i këtij input
fushë, unë jam duke shkuar për të thirrur atë Q.

683
00:31:22,450 --> 00:31:26,240
Dhe lloji i kësaj fushe të dhëna
Unë jam duke shkuar për të thënë është vetëm "teksti".

684
00:31:26,240 --> 00:31:29,130
Dhe një fushë teksti, si ne do të
të shihni, është vetëm një kuti teksti.

685
00:31:29,130 --> 00:31:32,830
Dhe kështu që nuk ka kuptim këtu që të ketë
çdo gjë në brendësi të saj në këtë pikë.

686
00:31:32,830 --> 00:31:35,320
Dhe kështu që unë jam thjesht duke
për të mbyllur tag me atë

687
00:31:35,320 --> 00:31:38,099
përpara çaj të drejtë në tag vetë.

688
00:31:38,099 --> 00:31:39,890
Dhe atëherë unë jam duke shkuar për
kanë një kontribut tjetër.

689
00:31:39,890 --> 00:31:43,480
Lloj Input është e barabartë me të dorëzojë.

690
00:31:43,480 --> 00:31:45,320
Dhe atëherë unë jam duke shkuar për
mbyllni këtë një shumë.

691
00:31:45,320 --> 00:31:46,840
>> Dhe tani unë jam duke shkuar për të shkuar mbrapa këtu.

692
00:31:46,840 --> 00:31:49,520
Dhe tashmë ne shohim,
megjithëse mjaft e shëmtuar, unë kam

693
00:31:49,520 --> 00:31:52,460
mori fillimet e
vet faqe mia Kërko këtu.

694
00:31:52,460 --> 00:31:55,150
Në fakt, më lejoni të përpiqet të
pastruar këtë deri pak.

695
00:31:55,150 --> 00:31:57,330
Ajo rezulton se mbi
të dhëna këtu, unë mund të ketë

696
00:31:57,330 --> 00:31:59,910
një tjetër atribut i quajtur placeholder.

697
00:31:59,910 --> 00:32:05,165
Dhe unë mund të shoh diçka si fjalë kyçe,
apo më saktësisht, pyetje për q.

698
00:32:05,165 --> 00:32:07,820
>> Dhe vini re, tani, unë kam
ky lloj i tekstit gri

699
00:32:07,820 --> 00:32:10,440
që zhduket si
shpejt që unë të filloni të shkruani,

700
00:32:10,440 --> 00:32:12,930
por kjo është ndoshta diçka
ju keni parë në faqet tjera të internetit.

701
00:32:12,930 --> 00:32:14,650
Unë vërtetë nuk e pëlqen butonin Submit.

702
00:32:14,650 --> 00:32:18,320
Kështu që unë jam vërtetë do të jap
Butonin Submit një vlerë kërkim.

703
00:32:18,320 --> 00:32:21,680
Dhe tani, në qoftë se unë ringarkoni, konstatoj se
Butoni im bëhet me emrin kërkimit.

704
00:32:21,680 --> 00:32:24,140
Ju e dini, unë nuk e bëj të vërtetë
si logo këtu.

705
00:32:24,140 --> 00:32:27,140
Pra, gjenerator Google Font.

706
00:32:27,140 --> 00:32:28,820
>> Unë dua të erëz këtë ide edhe më tej.

707
00:32:28,820 --> 00:32:30,660
Kërkimi Pra CS50.

708
00:32:30,660 --> 00:32:31,870
Më lejoni të krijuar logon tim.

709
00:32:31,870 --> 00:32:33,080
Kjo duket e bukur.

710
00:32:33,080 --> 00:32:36,945
Kështu që tani më lejoni të shpëtuar këtë as-- vijnë më.

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

712
00:32:40,710 --> 00:32:43,120
Ku po shkon?

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

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

715
00:32:44,160 --> 00:32:44,980
Humbi atë.

716
00:32:44,980 --> 00:32:47,740
Ruaj si.

717
00:32:47,740 --> 00:32:49,470
Shfletues Stupid.

718
00:32:49,470 --> 00:32:51,700
Stand by, ne jemi duke shkuar për
rregulluar këtë herë dhe për të gjithë.

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

720
00:32:57,650 --> 00:32:58,590
Atje shkojmë.

721
00:32:58,590 --> 00:32:59,090
Në rregull.

722
00:32:59,090 --> 00:32:59,600
Më vjen keq.

723
00:32:59,600 --> 00:33:00,750
Ditë pushimi.

724
00:33:00,750 --> 00:33:02,310
Tani kjo është e shokuar.

725
00:33:02,310 --> 00:33:03,160
Dil ekran të plotë.

726
00:33:03,160 --> 00:33:04,150
Në rregull.

727
00:33:04,150 --> 00:33:06,870
>> Tani, si një normale
Personi, të ruajtur imazhin si.

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

729
00:33:08,810 --> 00:33:13,194
Tani unë jam duke shkuar për të shkuar në CS50IDE dhe
Unë jam duke shkuar për të rrëmbyer thjesht logon,

730
00:33:13,194 --> 00:33:15,360
Unë jam duke shkuar për të drag atë në
burim shtatë drejtori im,

731
00:33:15,360 --> 00:33:17,002
skedari ekziston, unë jam në rregull me atë.

732
00:33:17,002 --> 00:33:19,210
Kështu që unë jam duke shkuar për të shkelur atë
sepse unë tashmë kishte atë.

733
00:33:19,210 --> 00:33:20,630
Dhe tani si mund ta shpëtoj nga kjo?

734
00:33:20,630 --> 00:33:24,670
>> Le të shkojnë përpara dhe të bëjë këtu
Burimi imazhit barabartë logo.gif.

735
00:33:24,670 --> 00:33:25,490
Mbylle këtë.

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

737
00:33:26,050 --> 00:33:30,560
Dhe tani, nëse unë kthehem në kërkimin tim
faqe, tani është në kërkim mjaft të mirë.

738
00:33:30,560 --> 00:33:33,610
Të gjithë të drejtë, kështu që nuk ka
mjaft bërë asgjë të dobishme.

739
00:33:33,610 --> 00:33:37,000
Në fakt, më lejoni të provoni të kërkoni
për një mace dhe të shikoni se çfarë ndodh.

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

741
00:33:38,890 --> 00:33:39,420
Mallkuar atë.

742
00:33:39,420 --> 00:33:41,400
Ajo nuk ka vetëm punë, me sa duket.

743
00:33:41,400 --> 00:33:43,760
Pra, çfarë është pjesa kyçe
që është zhdukur këtu?

744
00:33:43,760 --> 00:33:49,100
>> E drejtë, edhe në qoftë se ju nuk e dini ndonjë HTML,
Unë kam filluar duke shënuar formularin telefonit

745
00:33:49,100 --> 00:33:54,130
dhe unë kam thënë se si për të marrë inputet,
më jepni një kuti teksti dhe një buton të paraqesë,

746
00:33:54,130 --> 00:33:55,730
ajo pjesë me sa duket mungon?

747
00:33:55,730 --> 00:33:58,975
Supozoni se ne duam që në fakt të marrë
kjo gjë duke punuar si duhet.

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

749
00:34:02,420 --> 00:34:05,360
Çfarë duhet të bëjmë?

750
00:34:05,360 --> 00:34:08,860
Ne kemi nevojë për të zbatuar fund mbrapa
bazës së të dhënave apo search engine vetë,

751
00:34:08,860 --> 00:34:11,210
dhe kjo do të marrë një
shumë e tërë e kohës, sinqerisht.

752
00:34:11,210 --> 00:34:13,380
>> Pra, mbani mend se çfarë kemi bërë për herë të fundit.

753
00:34:13,380 --> 00:34:18,230
Pra, nëse ju kërkoni për diçka në Google
dhe keni parë fikur,

754
00:34:18,230 --> 00:34:20,355
Recall, kërko çastit.

755
00:34:20,355 --> 00:34:22,230
Pra më lejoni të kthehet që off
në mënyrë që ky fakt

756
00:34:22,230 --> 00:34:26,650
sillet si një shfletues të vjetër shkollor,
në qoftë se unë tani kërkoni për diçka si macet,

757
00:34:26,650 --> 00:34:28,190
kujtojnë se çfarë URL duket si.

758
00:34:28,190 --> 00:34:29,449
Kjo është goxha i fshehtë.

759
00:34:29,449 --> 00:34:33,000
Por ngulitur në atje,
Recall, është kërkimi plagë.

760
00:34:33,000 --> 00:34:35,100
Pyetje shenjë q barabartë me macet.

761
00:34:35,100 --> 00:34:37,760
>> Dhe kjo do të duket për të dhënë më
një bandë e tërë e rezultateve të kërkimit.

762
00:34:37,760 --> 00:34:39,134
Pra, ju e dini se çfarë unë jam duke shkuar për të bërë?

763
00:34:39,134 --> 00:34:41,650
Unë jam duke shkuar për të marrë hua
Google për vetëm një minutë.

764
00:34:41,650 --> 00:34:43,670
Unë jam duke shkuar për të shkuar mbi
këtu dhe unë jam duke shkuar për të thënë

765
00:34:43,670 --> 00:34:47,850
se kjo formon veprim ose
destinacion, kështu që të flasin,

766
00:34:47,850 --> 00:34:49,330
duhet të vërtetë të jetë e Google.

767
00:34:49,330 --> 00:34:52,590
Dhe metoda kam kërkuar
në përdorim do të jetë marrë.

768
00:34:52,590 --> 00:34:53,560
>> Pra, çfarë është veprim?

769
00:34:53,560 --> 00:34:55,760
Veprimi është quajtur në mënyrë të çuditshme,
por që vetëm do të thotë

770
00:34:55,760 --> 00:34:58,120
i cili do të trajtojë
veprimi i kësaj forme?

771
00:34:58,120 --> 00:35:00,820
Kur unë klikoni Kërko, ku
duhet rezultati të shkojë?

772
00:35:00,820 --> 00:35:05,300
Dhe në qoftë se unë tani kthehem në formën time
këtu dhe ringarkoni faqen time të internetit

773
00:35:05,300 --> 00:35:09,000
dhe tani kërkoni për diçka
si qen, vini re tani

774
00:35:09,000 --> 00:35:10,850
Kam ri zbatuar Google.

775
00:35:10,850 --> 00:35:11,350
E drejtë?

776
00:35:11,350 --> 00:35:14,141
>> Nëse unë dua të kërkuar për diçka
tjetër, ajo punon për jo vetëm qentë,

777
00:35:14,141 --> 00:35:16,400
ai gjithashtu punon për macet.

778
00:35:16,400 --> 00:35:21,930
Ai gjithashtu punon për CS50.

779
00:35:21,930 --> 00:35:24,310
Dhe OK, kjo është vetëm
nën whelming, nuk është ajo?

780
00:35:24,310 --> 00:35:25,920
Të gjithë të drejtë, por në fakt ajo punon.

781
00:35:25,920 --> 00:35:27,360
Pra, çfarë ka qenë në fakt po ndodh?

782
00:35:27,360 --> 00:35:31,340
Kështu që unë kam mësuar shfletuesin tim, duke përdorur
HTML, për të marrë të dhëna nga përdoruesi

783
00:35:31,340 --> 00:35:35,810
dhe në fakt të dërguar që input
në një server në distancë duke përdorur HTTP.

784
00:35:35,810 --> 00:35:39,120
>> Dhe për shkak shfletuesin tim
kupton HTTP, ai në fakt

785
00:35:39,120 --> 00:35:43,500
ndërtuar URL mënyrë që ajo që
Unë deri përfundojnë gjatë në shfletuesin tim,

786
00:35:43,500 --> 00:35:45,660
vini re se çfarë ndodh
kur kam kërkuar për qen.

787
00:35:45,660 --> 00:35:49,270
Nëse unë klikoni Kërko, vëreni se
URL ndryshon si kam menduar

788
00:35:49,270 --> 00:35:52,770
të google.com/search~~V query barabartë me qen.

789
00:35:52,770 --> 00:35:56,020
Dhe kjo është për shkak të formës
e di, sepse metoda është marrë,

790
00:35:56,020 --> 00:35:59,560
të thjesht append atë në atë URL atje.

791
00:35:59,560 --> 00:36:01,730
>> Tani, këto faqet e internetit janë ende të shëmtuar.

792
00:36:01,730 --> 00:36:04,890
Pra, le të prezantoj një tjetër
pjesë e sintaksës në qoftë se ne mund sot.

793
00:36:04,890 --> 00:36:07,640
Dhe kjo është diçka e njohur
si fletë Cascading Style.

794
00:36:07,640 --> 00:36:10,720
Pra, më lejoni të marrë një vështrim në
ky shembull këtu dhe të shohim

795
00:36:10,720 --> 00:36:12,380
në qoftë se ne mund të konkludoj se çfarë po ndodh.

796
00:36:12,380 --> 00:36:14,520
Kjo është CSS0.html.

797
00:36:14,520 --> 00:36:16,532
Dhe kjo është ajo ku gjërat
merrni pak shëmtuar.

798
00:36:16,532 --> 00:36:18,490
Sepse për fat të keq,
në botën e internetit,

799
00:36:18,490 --> 00:36:20,920
HTML vetëm nuk mund të bëjë gjithçka.

800
00:36:20,920 --> 00:36:22,920
Dhe kështu që nëse doni të
stilizoj faqen tuaj web,

801
00:36:22,920 --> 00:36:28,370
ju në të vërtetë duhet të përqëndrohet në
estetikë në një mënyrë të ndryshme.

802
00:36:28,370 --> 00:36:33,090
Kështu që këtu, unë kam trupin e web tim
faqe brenda e cila është një div madh.

803
00:36:33,090 --> 00:36:34,700
Dhe një div thjesht do të thotë ndarje.

804
00:36:34,700 --> 00:36:38,060
Pra, kjo është si një paragraf, por ajo
nuk kanë të njëjtat semantikë

805
00:36:38,060 --> 00:36:39,180
e një paragraf të tekstit.

806
00:36:39,180 --> 00:36:40,940
>> Kjo thjesht do të thotë të
shfletuesi, këtu vjen

807
00:36:40,940 --> 00:36:45,210
një rajon i madh drejtkëndëshe e web tim
faqe, unë dua për të trajtuar atë posaçërisht.

808
00:36:45,210 --> 00:36:47,420
Tani, linja 21 është se ku div fillon.

809
00:36:47,420 --> 00:36:48,770
Dhe vetëm të marrë një guess.

810
00:36:48,770 --> 00:36:53,080
Cili është efekti i linjës 21 mbi
Pjesa tjetër e përmbajtjes së faqes?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
Qendërzim atë.

813
00:36:56,311 --> 00:36:56,810
Kjo eshte e gjitha.

814
00:36:56,810 --> 00:36:58,830
Pra, ne nuk kemi parë një mënyrë për të
në fakt qendërzim tekstin.

815
00:36:58,830 --> 00:37:00,996
>> Në fakt, motor kërkimi im,
ndryshe nga aktuale Google,

816
00:37:00,996 --> 00:37:03,040
ishte i justifikuar mbi të gjithë në të majtë.

817
00:37:03,040 --> 00:37:07,430
Dhe kështu që tani, në përputhje 21, unë jam duke thënë, hej
shfletuesi, të krijojë një ndarje të faqes.

818
00:37:07,430 --> 00:37:09,450
Vetëm më jepni një drejtkëndësh të madhe, të padukshme.

819
00:37:09,450 --> 00:37:11,490
Kjo është se si unë dua të
mendoni për web faqe.

820
00:37:11,490 --> 00:37:13,870
Dhe pastaj stilizoj atë si vijon.

821
00:37:13,870 --> 00:37:16,900
Brenda këtyre kuotat,
tani, është një gjuhë e dytë

822
00:37:16,900 --> 00:37:19,969
që ne kemi prezantuar sot
quajtur Style Sheets Cascading.

823
00:37:19,969 --> 00:37:22,010
Fatmirësisht, edhe ajo nuk është e
një gjuhë programimi,

824
00:37:22,010 --> 00:37:26,470
kështu që është shumë e kufizuar në sintaksën e saj, por
gjithashtu shumë i kufizuar në funksionalitetin e saj

825
00:37:26,470 --> 00:37:30,670
kurse HTML është mbi të gjitha
duke shënuar deri të dhënat e një faqe interneti

826
00:37:30,670 --> 00:37:32,130
dhe struktura e një web faqe.

827
00:37:32,130 --> 00:37:35,320
CSS është në përgjithësi në lidhje me
milje kaluar, estetikë,

828
00:37:35,320 --> 00:37:40,160
marrjen madhësinë dhe ngjyrën dhe
vendosja saktësisht e drejtë në një web faqe.

829
00:37:40,160 --> 00:37:43,000
Dhe me të vërtetë, ajo është e formuar
me çifte kryesore me vlerë.

830
00:37:43,000 --> 00:37:46,290
>> Një pronë si kjo, teksti
lidhur, e ndjekur nga një zorrë e trashë,

831
00:37:46,290 --> 00:37:49,720
i ndjekur nga vlerës se
pronës, e cila në këtë rast është qendra.

832
00:37:49,720 --> 00:37:51,910
Dhe tani vini re ju
mund fole këto gjëra.

833
00:37:51,910 --> 00:37:56,780
Në qoftë se unë të kërkuar çdo gjë në atë
Unë e kam theksuar për t'u përqëndruar,

834
00:37:56,780 --> 00:38:00,270
kjo është arsyeja pse unë kam linjën 21 dhe
linja përkatëse 31.

835
00:38:00,270 --> 00:38:04,820
Por mendoj tani dua të them Gjoni
Harvard, të mirëpritur në faqen time në shtëpi.

836
00:38:04,820 --> 00:38:06,530
>> Simbol Copyright John Harvard.

837
00:38:06,530 --> 00:38:09,180
Dhe mendoj unë dua i pari i
ato linja të jetë goxha i madh.

838
00:38:09,180 --> 00:38:10,450
36 pixels.

839
00:38:10,450 --> 00:38:11,530
Pra, kjo është një madhësi të mirë.

840
00:38:11,530 --> 00:38:13,240
Dhe kam kërkuar peshën e saj të jenë të guximshëm.

841
00:38:13,240 --> 00:38:15,450
Por pastaj nën atë,
Unë dua tekstin më të vogël.

842
00:38:15,450 --> 00:38:19,980
Dhe më poshtë se, unë dua
Teksti edhe më të vogla.

843
00:38:19,980 --> 00:38:20,480
Më vjen keq.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
Sot ndjehet si një ditë pushimi.

846
00:38:26,940 --> 00:38:29,840
>> Deri tani, çfarë po bëj për të shprehur këtë?

847
00:38:29,840 --> 00:38:34,580
Këtu on line 22 është një ngulitur
div ose div rrjetore, nëse ju do.

848
00:38:34,580 --> 00:38:36,190
Ajo gjithashtu ka tag stilin e vet.

849
00:38:36,190 --> 00:38:38,160
Unë specifikoni një madhësi font prej 36.

850
00:38:38,160 --> 00:38:40,460
Unë të specifikojë një peshë font të guximshme.

851
00:38:40,460 --> 00:38:43,360
Këtu poshtë, unë vetëm të specifikojë 24 pixels.

852
00:38:43,360 --> 00:38:45,960
Dhe së fundi, në përputhje 28, unë të specifikojë 12.

853
00:38:45,960 --> 00:38:49,070
Pra, ashtu si një kontroll të shpejtë mendje e shëndoshë
dhe si një lexim të njeriut kjo,

854
00:38:49,070 --> 00:38:52,545
e cila fjalë në ekran janë
në fakt do të jetë i guximshëm?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
Cilat linja janë në të vërtetë të guximshme?

857
00:38:58,760 --> 00:38:59,570
>> Vetëm John Harvard.

858
00:38:59,570 --> 00:39:00,070
E drejtë?

859
00:39:00,070 --> 00:39:05,940
Sepse ashtu si linja 22 thotë hey
shfletuesi, këtu është një ndarje e faqes.

860
00:39:05,940 --> 00:39:07,920
Make it font madhësinë 36 pikë.

861
00:39:07,920 --> 00:39:09,460
Bëni font peshë guximshme.

862
00:39:09,460 --> 00:39:11,920
Sa më shpejt që ju të arritur në
tag fund përkatëse

863
00:39:11,920 --> 00:39:15,340
ose tag mbyllur on line 24,
që do të thotë, hej shfletues,

864
00:39:15,340 --> 00:39:17,640
ndaluar duke bërë çfarëdo qoftë ajo është që ju jeni duke bërë.

865
00:39:17,640 --> 00:39:21,020
Dhe njoftimi të jetë i qartë, edhe pse
Linja 22 ka të gjitha këto atribute

866
00:39:21,020 --> 00:39:24,430
si stil, kur ju
mbyllur tag në linjë 24,

867
00:39:24,430 --> 00:39:25,940
ju vetëm përmend emrin e tag-së.

868
00:39:25,940 --> 00:39:29,990
>> Ju nuk përsërisin stilin fjalë ose
çdo gjë që është brenda këtyre citate.

869
00:39:29,990 --> 00:39:32,860
Dhe kështu që në qoftë se unë shoh në këtë tani
në shfletuesin tim, le të marrin

870
00:39:32,860 --> 00:39:38,060
Një vështrim në rezultatin përfundimtar. Me ler te shkoj
përpara të këtij file, e cila është CSS 0.

871
00:39:38,060 --> 00:39:41,814
Dhe kjo është ende mjaft i thjeshtë,
por duke marrë goxha interesante.

872
00:39:41,814 --> 00:39:43,980
Por kjo rezulton se ka
gjëra të tjera unë mund të bëni këtu,

873
00:39:43,980 --> 00:39:46,490
dhe në rrezikun e bërë
kjo plotësisht shëmtuar,

874
00:39:46,490 --> 00:39:48,630
vini re këtu se në tim
Trupi i web faqen time,

875
00:39:48,630 --> 00:39:53,930
Unë mund të bëjë diçka qesharake
si bg apo ngjyrën e sfondit.

876
00:39:53,930 --> 00:39:56,670
>> Dhe të shpejtë, çfarë është ngjyra juaj e preferuar?

877
00:39:56,670 --> 00:39:57,720
E gjelbër kam dëgjuar.

878
00:39:57,720 --> 00:39:58,750
Në rregull.

879
00:39:58,750 --> 00:40:02,920
Deri tani, në qoftë se unë goditi ringarkoni tani,
ne kemi një web faqe të gjelbër.

880
00:40:02,920 --> 00:40:04,710
Të gjithë të drejtë, kështu që nuk është e keqe.

881
00:40:04,710 --> 00:40:08,350
Dhe tani, në qoftë se unë dua të bëj këtë të vërtetë
i ftohtë, unë mund të bëjë ngjyrën e tekstit tim

882
00:40:08,350 --> 00:40:09,360
edhe të kuqe.

883
00:40:09,360 --> 00:40:10,870
Pra, le të shohim se çfarë kjo duket si.

884
00:40:10,870 --> 00:40:12,230
Tani ajo është në kërkim të shumë e mirë.

885
00:40:12,230 --> 00:40:15,460
Dhe këtu poshtë, nëse jeni të vërtetë
duan të luajnë me dikë

886
00:40:15,460 --> 00:40:17,487
ose në qoftë se ju doni të jetë
një nga ata njerëz që

887
00:40:17,487 --> 00:40:20,570
përpiqet për mashtrim ju në duke vizituar një web
faqe sepse ata kanë mashtruar Google

888
00:40:20,570 --> 00:40:27,610
në të menduarit ka një bandë e tërë
e fjalë kyçe like-- le të shohim, reload.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
Ku shkoi?

891
00:40:30,680 --> 00:40:31,530
Dhe nuk na atë.

892
00:40:31,530 --> 00:40:32,030
Në rregull.

893
00:40:32,030 --> 00:40:34,905
Kështu që unë them këtë si një mënjanë, ne do të
të flasim për këtë stuff në disa javë

894
00:40:34,905 --> 00:40:36,740
kur flasim për
sigurisë, në qoftë se ju në fakt

895
00:40:36,740 --> 00:40:38,852
bunches mbjell e tërë e
fjalë kyçe në një web faqe,

896
00:40:38,852 --> 00:40:41,810
edhe në qoftë se ata nuk janë të dukshme për një
njerëzore, dikush si Google, natyrisht,

897
00:40:41,810 --> 00:40:43,250
ende mund të vërtetë të gjeni këtë.

898
00:40:43,250 --> 00:40:45,820
Të gjithë të drejtë, kështu që kjo është goxha
shëmtuar shumë shpejt.

899
00:40:45,820 --> 00:40:48,420
>> Dhe në fakt, kjo nuk është e gjitha
se shumë ndryshe nga web tim

900
00:40:48,420 --> 00:40:51,480
faqe si një universitare, e cila
Unë fillova googling rreth për të gjetur

901
00:40:51,480 --> 00:40:53,690
versionet e fundit të faqet e mia të vjetra.

902
00:40:53,690 --> 00:40:54,500
Ajo ishte mjaft e keqe.

903
00:40:54,500 --> 00:40:56,650
Në fakt, unë e kam gjetur
një para klasës.

904
00:40:56,650 --> 00:40:58,620
Por ka edhe më keq atje.

905
00:40:58,620 --> 00:41:01,534
Kjo me sa duket ishte im
home page përsëri në vitin 1996.

906
00:41:01,534 --> 00:41:04,200
Me sa duket Mendova se ishte
përshtatshme për të pyesni njerëz emrin e tyre

907
00:41:04,200 --> 00:41:05,991
para se ata mund
në fakt të parë web faqen time.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> Dhe atëherë unë tregova
diçka të trashë, ndoshta.

910
00:41:11,920 --> 00:41:13,450
Unë do të gjej më shumë për herën tjetër.

911
00:41:13,450 --> 00:41:16,220
Por tani për tani, le të
konsiderojnë një grimë e dizajnit.

912
00:41:16,220 --> 00:41:17,444
Ne kemi biseduar në lidhje me stilin.

913
00:41:17,444 --> 00:41:19,735
Dhe kjo faqe deri tani dhe
më çdo gjë që unë kam shkruar

914
00:41:19,735 --> 00:41:21,890
është shumë i pastër stilistikisht.

915
00:41:21,890 --> 00:41:23,320
Por ajo që për dizajn?

916
00:41:23,320 --> 00:41:25,990
E pra, nuk është një shumë e tepricë
në atë që unë kam qenë duke bërë këtu.

917
00:41:25,990 --> 00:41:28,156
>> Unë e kam përmendur fjalën
ngjyrë në disa vende.

918
00:41:28,156 --> 00:41:31,630
Unë e kam përmendur font size në një çift të
vende dhe të guximshme në disa vende.

919
00:41:31,630 --> 00:41:34,870
Dhe në thelb, unë jam bashkë
duke sjellë bashkë dy gjuhë.

920
00:41:34,870 --> 00:41:38,100
Unë kam marrë me HTML tags time dhe pushimin tim
atributet dhe pastaj të gjithë një e papritur,

921
00:41:38,100 --> 00:41:40,100
mes thonjëza, unë kam
gjuha e dytë sot

922
00:41:40,100 --> 00:41:43,830
quajtur CSS, e cila përsëri, është vetëm këto
çiftet kyç vlerë apo këto prona

923
00:41:43,830 --> 00:41:45,280
të ndara nga colons.

924
00:41:45,280 --> 00:41:47,700
>> Ajo rezulton se shumë
si në C ku ne

925
00:41:47,700 --> 00:41:50,550
mund të fillojnë në faktor jashtë
disa kodin ne header fotografi,

926
00:41:50,550 --> 00:41:53,520
kështu që mund të bëjmë të njëjtën gjë në HTML.

927
00:41:53,520 --> 00:41:56,030
Dhe një hap drejt që është si vijon.

928
00:41:56,030 --> 00:42:02,230
Vini re se ky version, CSS1.html është
strukturore të saktë të njëjtën faqe web.

929
00:42:02,230 --> 00:42:05,250
Kështu që unë kam marrë një bandë e tërë
e divs, por këtë herë, unë kam

930
00:42:05,250 --> 00:42:07,220
gotten shpëtoj e këmishë
div si ju do të shihni.

931
00:42:07,220 --> 00:42:12,390
>> Dhe unë kam dhënë këto tri divs
të lartë, të mesëm, dhe në fund, ID unike.

932
00:42:12,390 --> 00:42:14,760
Kjo është e mirë, sepse nga
duke i dhënë këtyre ndarjeve

933
00:42:14,760 --> 00:42:18,715
të faqes identifikues unik,
Unë mund të referohen ato diku tjetër.

934
00:42:18,715 --> 00:42:19,215
Ku?

935
00:42:19,215 --> 00:42:21,070
E pra, më lejoni të lëvizni lart.

936
00:42:21,070 --> 00:42:24,070
Dhe deri më tani, në çdo kohë ne kemi shikuar
në krye të një web faqe, çfarë është

937
00:42:24,070 --> 00:42:28,560
vetëm tag ne kemi pasur në
kreu i një faqe interneti?

938
00:42:28,560 --> 00:42:29,740
Një louder pak.

939
00:42:29,740 --> 00:42:30,799
Vetëm titulli deri tani.

940
00:42:30,799 --> 00:42:32,590
Por kjo rezulton se ka
disa gjëra të tjera

941
00:42:32,590 --> 00:42:35,840
ju mund të vënë në atje, një nga
e cila është quajtur një tag stil.

942
00:42:35,840 --> 00:42:37,850
Pra, një moment më parë, ne shikuar
në një atribut stil.

943
00:42:37,850 --> 00:42:39,150
Rezulton se ka një tag stil.

944
00:42:39,150 --> 00:42:41,200
Ajo i takon brenda
kreu i një web faqe.

945
00:42:41,200 --> 00:42:42,840
Dhe tani vini re atë që unë jam duke bërë.

946
00:42:42,840 --> 00:42:46,540
Unë kam brenda kësaj
tag stil në vijim.

947
00:42:46,540 --> 00:42:51,190
Unë jam fjalë për fjalë të përmendet në linjë 20
emrin e një tag që unë dua të stilizoj.

948
00:42:51,190 --> 00:42:53,489
>> Pastaj unë kam mbajtëse hapur kaçurrel
dhe të mbyllura mbajtëse kaçurrel.

949
00:42:53,489 --> 00:42:56,030
Pra, të ngjashëm në frymë me C, por
përsëri, kjo nuk është një funksion,

950
00:42:56,030 --> 00:42:57,796
kjo është vetëm një detaj sintaktik këtu.

951
00:42:57,796 --> 00:43:00,170
Dhe pastaj sigurisht, unë jam i thënë
shfletuesi, hej shfletues,

952
00:43:00,170 --> 00:43:05,210
të bëjë tërë trupin e faqes
kanë një shtrirjes tekst të qendrës.

953
00:43:05,210 --> 00:43:06,930
Dhe pastaj kjo është thënë në vijim.

954
00:43:06,930 --> 00:43:12,600
Hej shfletues, në qoftë se ju shihni një HTML
element apo tag në faqen që

955
00:43:12,600 --> 00:43:17,040
ka një identifikues unik të lartë,
kështu simboli hash këtu vetëm do të thotë

956
00:43:17,040 --> 00:43:21,010
ide unike e lartë, të shkojnë përpara
dhe të bëjë madhësia e saj font 36

957
00:43:21,010 --> 00:43:22,490
dhe pesha e saj font të guximshme.

958
00:43:22,490 --> 00:43:26,840
>> Hej shfletues, një element i të cilit
ID është e mesme, e bëjnë atë 24 pixels.

959
00:43:26,840 --> 00:43:31,070
Dhe hej shfletues, në qoftë se ju shihni një
Ideja e fund, e bëjnë atë 12 pixels.

960
00:43:31,070 --> 00:43:33,540
Efekti në fund
është pikërisht sam.

961
00:43:33,540 --> 00:43:36,500
Nëse unë shkoj në CSS 1,
faqe duket e njëjtë.

962
00:43:36,500 --> 00:43:39,810
Por ne jemi një hap drejt
një dizajn pak më të mirë.

963
00:43:39,810 --> 00:43:44,850
Lermë të shkoj përsëri këtu në CSS2
dhe të shohim se çfarë tjetër unë kam bërë.

964
00:43:44,850 --> 00:43:48,030
>> Tani faqe është me të vërtetë, të vërtetë e të pastër.

965
00:43:48,030 --> 00:43:50,730
Në fakt, unë mund të përshtatet të gjithë
përmbajtjen në një faqe këtu.

966
00:43:50,730 --> 00:43:54,270
Por ajo që tag re kam
futur, natyrisht?

967
00:43:54,270 --> 00:43:54,770
Link.

968
00:43:54,770 --> 00:43:57,853
Dhe kjo nuk është emri më i mirë për një tag,
sepse kjo nuk është një lidhje në kuptimin

969
00:43:57,853 --> 00:44:00,780
që ne e dimë atë, por kjo do të thotë
një lidhje në një skedar tjetër.

970
00:44:00,780 --> 00:44:02,890
Kjo është lloj i si të mprehtë të përfshijë në C.

971
00:44:02,890 --> 00:44:06,280
>> Kjo është mënyra në HTML
për të thënë hey shfletues,

972
00:44:06,280 --> 00:44:10,240
shkoni merrni përmbajtjen e
fotografi quajtur css2.css.

973
00:44:10,240 --> 00:44:12,880
Marrëdhënia, për mua,
është se kjo është një fletë stil.

974
00:44:12,880 --> 00:44:17,980
Dhe me të vërtetë, kjo është ajo që një nga
S-së në Cascading Style Sheets anë.

975
00:44:17,980 --> 00:44:20,350
Kjo është një fletë stil.

976
00:44:20,350 --> 00:44:23,120
Është vetëm skedar teksti që përmban
një bandë e tërë e pronës.

977
00:44:23,120 --> 00:44:25,940
Kjo është një bandë e tërë e stileve
se ju dëshironi të aplikoni për një faqe.

978
00:44:25,940 --> 00:44:28,860
>> Dhe kështu kjo me sa duket është
duke iu referuar një skedar të dytë.

979
00:44:28,860 --> 00:44:32,970
Dhe në qoftë se unë të hapur atë, CSS2.css,
vini re se të gjitha unë kam bërë

980
00:44:32,970 --> 00:44:35,900
është kopjoni dhe ngjisni gjithë
e kjo në këtë skedë.

981
00:44:35,900 --> 00:44:38,220
Dhe tani, edhe në qoftë se ju kurrë nuk kam
koduar këto gjëra më parë,

982
00:44:38,220 --> 00:44:40,700
vetëm e konsiderojnë me
proverbiale hat inxhinieri

983
00:44:40,700 --> 00:44:44,220
në, pse është kjo një
Dizajni më i mirë ndoshta?

984
00:44:44,220 --> 00:44:48,910
Factoring nga ato prona CSS,
vënien e tyre në dosjen e tyre.

985
00:44:48,910 --> 00:44:51,330
Edhe pse ne zgjidhur këtë
Problemi si pesë minuta më parë

986
00:44:51,330 --> 00:44:52,600
në versionin e parë.

987
00:44:52,600 --> 00:44:55,730
>> Ne nuk kemi përmirësuar
faqe stilistikisht,

988
00:44:55,730 --> 00:44:57,520
kjo është vetëm më e mirë
Dizajni në një kuptim.

989
00:44:57,520 --> 00:44:58,990
Pse mendoni ju?

990
00:44:58,990 --> 00:45:01,510
Po.

991
00:45:01,510 --> 00:45:02,260
Më shumë fleksibël si?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
Po.

994
00:45:05,540 --> 00:45:07,373
Pra, nëse ju doni të shkoni
mbrapa dhe për të ndryshuar gjërat,

995
00:45:07,373 --> 00:45:09,540
tani, ju keni një vend
ku ju mund të ndryshojë gjërat.

996
00:45:09,540 --> 00:45:11,622
Dhe në fakt, për diçka
si problem i vendosur shtatë,

997
00:45:11,622 --> 00:45:13,690
ku ne do të zbatojë një
tregtimin e aksioneve website,

998
00:45:13,690 --> 00:45:15,523
që do të ketë një
tërë bandë e faqeve.

999
00:45:15,523 --> 00:45:17,620
Dhe kjo do të jetë me të vërtetë
i bezdisshëm, nëse ju vendosni, hm,

1000
00:45:17,620 --> 00:45:21,630
Unë vërtetë nuk e pëlqen 24 pixels, unë dua
ajo të jetë 28 pixels ose pak më e madhe.

1001
00:45:21,630 --> 00:45:23,550
Dhe pastaj duhet të bëni një
Global gjeni dhe të zëvendësojë

1002
00:45:23,550 --> 00:45:27,560
ose të hapë të gjitha dosjet faqen tuaj te
thjesht për të vërtetë të ndryshojë një vlerë.

1003
00:45:27,560 --> 00:45:31,290
Duke factoring këto stile
në një vend qendror,

1004
00:45:31,290 --> 00:45:34,720
ju tani mund të hapur një file teksti
në CS50IDE në çdo program,

1005
00:45:34,720 --> 00:45:36,479
ndryshuar atë, për të shpëtuar atë, dhe bërë.

1006
00:45:36,479 --> 00:45:38,270
Ju keni futem ato
Ndryshimet kudo.

1007
00:45:38,270 --> 00:45:42,450
Dhe kjo do të jetë e njëjtë
në një skedar dot h si.

1008
00:45:42,450 --> 00:45:46,697
Pra, çdo pyetje në këtë mënyrë
tani në këtë sintaksë?

1009
00:45:46,697 --> 00:45:48,530
Të gjithë të drejtë, kështu që ne kemi
bërë gjithçka që duket

1010
00:45:48,530 --> 00:45:51,170
përveç në fakt zbatuar hyperlinks.

1011
00:45:51,170 --> 00:45:52,740
Dhe kështu që le të shkojnë përpara dhe të bëjë këtë.

1012
00:45:52,740 --> 00:45:54,830
Më lejoni të shkoj përpara dhe
të krijojë një skedar të ri këtu.

1013
00:45:54,830 --> 00:45:59,970
Unë jam duke shkuar për të thirrur atë
link.html, vënë në kodin e sotme.

1014
00:45:59,970 --> 00:46:03,000
>> Dhe unë jam duke shkuar për të bërë të hapur
kllapa lloj doc html.

1015
00:46:03,000 --> 00:46:05,970
Si një mënjanë, kjo gjë më së
të lartë, kjo deklaratë doc lloj,

1016
00:46:05,970 --> 00:46:08,420
kjo është e vetmja që është e pazakontë
me pikë thirrje.

1017
00:46:08,420 --> 00:46:12,100
Ju vetëm duhet të bëjë atë atje dhe kjo
do të thotë që ne jemi duke përdorur versionin e HTML 5.

1018
00:46:12,100 --> 00:46:14,460
Versionet e vjetra të
Gjuha e kishte shumë më të gjatë

1019
00:46:14,460 --> 00:46:16,400
vargjet që ju nevojiten për të vënë atje.

1020
00:46:16,400 --> 00:46:18,620
Kështu që këtu është një shembull i quajtur lidhje.

1021
00:46:18,620 --> 00:46:20,950
>> Unë kam nevojë për një trupin e web faqen time këtu.

1022
00:46:20,950 --> 00:46:29,770
Dhe këtu, një të barabartë href
le të themi HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
dhe website im i preferuar, ne do të themi.

1024
00:46:35,420 --> 00:46:38,550
Të gjithë të drejtë, kështu që një shumë
padëmshëm, user friendly faqe.

1025
00:46:38,550 --> 00:46:42,950
Nëse unë tani të shkojnë në directory time
renditur këtu dhe të hapë link.html,

1026
00:46:42,950 --> 00:46:44,780
ne kemi tekstin hiper.

1027
00:46:44,780 --> 00:46:47,410
>> Dhe në të vërtetë, ky është vendi ku
H në HTTP vjen nga.

1028
00:46:47,410 --> 00:46:51,580
Protokolli i transferimit të HyperText
ka të bëjë me transferimin tekstin

1029
00:46:51,580 --> 00:46:53,840
që ka hyperlinks në burime të tjera.

1030
00:46:53,840 --> 00:46:58,210
Dhe me të vërtetë, këtu është e njohur,
nëse Retro, blu lidhje se nëse klikuar,

1031
00:46:58,210 --> 00:47:02,607
në fakt do të çojë mua të Disney.com.

1032
00:47:02,607 --> 00:47:03,940
Tani, oh, që vjen jashtë shpejt.

1033
00:47:03,940 --> 00:47:08,970
Të gjithë të drejtë, kështu që tani, cilat janë disa
nga implikimet e kësaj?

1034
00:47:08,970 --> 00:47:11,610
>> Dhe sinqerisht, bota fillon
për të marrë një pak më të njohur

1035
00:47:11,610 --> 00:47:15,090
dhe gjithashtu një frikshme pak
por edhe pak më shumë

1036
00:47:15,090 --> 00:47:17,840
vetë mbrojtshëm sapo ju të filloni
për të kuptuar këto gjëra.

1037
00:47:17,840 --> 00:47:21,610
Sepse shanset janë, disa prej jush, në qoftë se ju shkoni
nëpër dosjen tuaj Gmail spam apo edhe

1038
00:47:21,610 --> 00:47:23,990
kutinë tuaj, ndoshta ju keni
marrë disa lloj mail

1039
00:47:23,990 --> 00:47:26,980
që është kërkuar që të ndryshojë tuaj
Fjalëkalimi ndoshta ose ndoshta verifikuar

1040
00:47:26,980 --> 00:47:28,910
kredencialet PayPal tuaj ose gjësend.

1041
00:47:28,910 --> 00:47:34,510
>> Dhe në fakt, ju mund të keni marrë
diçka që thotë se si klikoni këtu

1042
00:47:34,510 --> 00:47:42,260
për të rivendosur PayPal fjalëkalimin tuaj.

1043
00:47:42,260 --> 00:47:44,130
Dhe tani, vini re, në qoftë se
kjo nuk është Disney.com

1044
00:47:44,130 --> 00:47:51,600
por si badplace.com dhe
ringarkoni, vini re se teksti këtu

1045
00:47:51,600 --> 00:47:53,710
mund të them asgjë whatsoever.

1046
00:47:53,710 --> 00:47:55,260
Dhe në fakt, kjo është vetëm fjalë.

1047
00:47:55,260 --> 00:48:04,610
Pse nuk mundem të të jetë në fakt super me qëllim të keq
dhe thonë http://www.paypal.com.

1048
00:48:04,610 --> 00:48:14,090
>> Kliko këtu rivendosur PayPal tuaj
fjalekalimin dhe tani reload.

1049
00:48:14,090 --> 00:48:16,220
Kjo duket goxha e ligjshme, e drejtë?

1050
00:48:16,220 --> 00:48:20,470
Unë do të thotë, unë nuk do të klikoni mbi
një email që vetëm thotë kjo.

1051
00:48:20,470 --> 00:48:22,450
Por vini re dikotominë këtu.

1052
00:48:22,450 --> 00:48:26,880
Ajo thotë se www.paypal.com,
dhe në fakt, prit një minutë,

1053
00:48:26,880 --> 00:48:29,210
ne e dimë se ju doni
s për sigurinë.

1054
00:48:29,210 --> 00:48:35,450
Deri tani, të shkojnë në www.paypal.com HTTPS,
por në qoftë se ju nuk keni bërë këtë më parë,

1055
00:48:35,450 --> 00:48:38,182
do të marrë në zakonin e
fluturonte mbi lidhjet pak këtu.

1056
00:48:38,182 --> 00:48:39,890
Dhe është e vështirë për të parë
në ekran atje,

1057
00:48:39,890 --> 00:48:41,340
dhe kjo nuk është e gjitha që lehtë këtu.

1058
00:48:41,340 --> 00:48:43,615
Por shumë më poshtë këtu në
qoshe vogël pak

1059
00:48:43,615 --> 00:48:45,740
bën shfletuesi fakt
po ju them se ne jemi duke shkuar

1060
00:48:45,740 --> 00:48:48,850
të badplace.com në vend të PayPal.com.

1061
00:48:48,850 --> 00:48:51,620
Tani, ku po shkojmë me këtë?

1062
00:48:51,620 --> 00:48:54,859
Të gjithë shembujt që kemi bërë sot,
ne kemi koduar vështirë dhe të shtypur jashtë me dorë.

1063
00:48:54,859 --> 00:48:56,900
Web është tepër
jointeresant kur ju i vështirë

1064
00:48:56,900 --> 00:48:59,844
kodin faqet tuaja web me qëllim që përmbajtja
është statike dhe nuk ndryshon.

1065
00:48:59,844 --> 00:49:01,760
Natyrisht, të gjithë e tona
faqet e internetit të preferuar sot,

1066
00:49:01,760 --> 00:49:04,470
nëse kjo është Gmail ose Twitter, ose
Facebook apo ndonjë numër të tjerëve

1067
00:49:04,470 --> 00:49:05,290
janë dinamike.

1068
00:49:05,290 --> 00:49:07,340
Ata janë duke ndryshuar në
përgjigje të dhëna përdoruesi

1069
00:49:07,340 --> 00:49:08,840
ashtu si rezultatet e kërkimit Google.

1070
00:49:08,840 --> 00:49:12,415
>> Dhe kështu të mërkurën, atë që ne bëjmë është
kemi lënë HTML dhe futjen CSS

1071
00:49:12,415 --> 00:49:14,290
prapa nesh dhe ne marrim
për të dhënë se ne tani

1072
00:49:14,290 --> 00:49:16,640
e dinë atë dhe ne kemi prezantuar
një gjuhë të re programimi

1073
00:49:16,640 --> 00:49:19,050
quajtur PHP, e cila si
C, do të na japë

1074
00:49:19,050 --> 00:49:22,450
pushteti që në fakt të krijuar programe
që vetë të gjenerojë dalje.

1075
00:49:22,450 --> 00:49:25,900
Në këtë rast, ne do të jetë duke përdorur
PHP për të gjeneruar dinamike web

1076
00:49:25,900 --> 00:49:27,340
faqet duke përdorur këtë gjuhë të re.

1077
00:49:27,340 --> 00:49:28,989
Pra, më shumë se të mërkurën.

1078
00:49:28,989 --> 00:49:29,530
Shihemi pastaj.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [Muzika]

1081
00:49:37,380 --> 00:52:38,864