1
00:00:00,000 --> 00:00:03,486
>> [Mūzikas atskaņošanai]

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

3
00:00:10,460 --> 00:00:14,250
>> DAVID J Malan: Tas ir CS50 un
šis ir sākums nedēļas 7.

4
00:00:14,250 --> 00:00:15,060
Tātad welcome back.

5
00:00:15,060 --> 00:00:17,540
Un jūs varat atgādināt, ka
jo problēma noteikti četri,

6
00:00:17,540 --> 00:00:21,510
tur bija mazliet scavenger medības
dažiem pasakains balvām kuru

7
00:00:21,510 --> 00:00:24,219
pēc tam, kad atgūt fotogrāfijas
personāls gan šeit, gan New Haven,

8
00:00:24,219 --> 00:00:27,468
jums tika apstrīdēti atrast tik daudz
šie datorzinātnieku kā jūs varētu.

9
00:00:27,468 --> 00:00:29,550
Un mēs esam ieguvuši veselu
ķekars iesniegumus.

10
00:00:29,550 --> 00:00:31,930
Domāju, ka man dalīties dažas
ar jums šeit šodien.

11
00:00:31,930 --> 00:00:35,100
>> Un mēs pēc visiem šiem tiešsaistē.

12
00:00:35,100 --> 00:00:39,310
Bet jo īpaši, es gribēju
vērst jūsu uzmanību kuri paredzēti, labi vienu,

13
00:00:39,310 --> 00:00:42,670
Sam bija diezgan maz no tām
parasti rada kā šis.

14
00:00:42,670 --> 00:00:45,750
Bet šķiet, ka no
šorīt, uzvarētājs

15
00:00:45,750 --> 00:00:51,170
tika noteikta kāds nosaukts Ken ar
24 darbinieku notverti uz kameru

16
00:00:51,170 --> 00:00:54,600
vai nedaudz vairāk, ja jūs ņemt
veido vairākus darbiniekus attēliem.

17
00:00:54,600 --> 00:00:58,300
Attēlotie šeit ir Ken nākamais
Marijai in New Haven.

18
00:00:58,300 --> 00:01:01,300
>> Tagad, Ken, lai gan, izrādās
ārā ir mazliet stūra lietas

19
00:01:01,300 --> 00:01:02,880
tas nav vēl noticis pirms tam.

20
00:01:02,880 --> 00:01:05,713
Izrādās, ka tas nenotika
man likt sodu drukāt problemātiskajās

21
00:01:05,713 --> 00:01:09,710
noteikti četri, kas saka, ka darbinieki ir
tiesību saņemt pasakains balvām

22
00:01:09,710 --> 00:01:13,130
jo Ken ir, protams, viens no
fotogrāfi par mūsu darbiniekiem.

23
00:01:13,130 --> 00:01:16,820
Tagad, ar to teica, viņš
Sākotnēji rakstīja man teikt

24
00:01:16,820 --> 00:01:19,180
lūdzu, nav post šos fotoattēlus tiešsaistē.

25
00:01:19,180 --> 00:01:21,630
Es domāju, ka liela daļa
jo lielākā daļa no fotogrāfijas

26
00:01:21,630 --> 00:01:24,499
ka šis fotogrāfs ņēma meklēt
mazliet kaut kas līdzīgs šim.

27
00:01:24,499 --> 00:01:25,040
Un tamlīdzīgi.

28
00:01:25,040 --> 00:01:28,990
>> Bet Ken gribētu mani pārliecināt jums
ka viņš ir ļoti labs fotogrāfs,

29
00:01:28,990 --> 00:01:33,190
viņš ir profesionāls, viņš sāk
fotogrāfijas, kas nav neskaidra,

30
00:01:33,190 --> 00:01:37,270
kas ir labāk fokusā, un viņš
paņēma diezgan maz mūsu pašu darbiniekiem.

31
00:01:37,270 --> 00:01:40,370
Bet nevis tikai atzīt
Ken, ko mēs domājam, ka mēs gribētu darīt

32
00:01:40,370 --> 00:01:43,390
ir iet cauri sarakstam
faktiskie studenti, kuri iesnieguši.

33
00:01:43,390 --> 00:01:48,640
Un izrādās, ka Lance ar
15 foto no šā rīta

34
00:01:48,640 --> 00:01:50,030
bija mūsu uzvarētājs.

35
00:01:50,030 --> 00:01:55,730
>> Un attēlotie šeit ir Lance ar Colton,
ar Skaz, ar sevi, un ar Semu.

36
00:01:55,730 --> 00:02:00,230
Bet tad izrādās, ka no
11:46, lai tikai mazliet pirms,

37
00:02:00,230 --> 00:02:04,380
Es devos atpakaļ uz manu e-pastu, un konstatēja,
ka mums bija vēl vairāk viens iesniegums

38
00:02:04,380 --> 00:02:08,300
students nosaukts Bonnie
kuru e-pasts teica tikai to.

39
00:02:08,300 --> 00:02:10,800
Nav iet gulēt, es esmu
darot laikā klasē.

40
00:02:10,800 --> 00:02:17,620
Un tad turpināja pievienot tikai
14 foto, viens kautrīgs no Lance ir 15.

41
00:02:17,620 --> 00:02:22,690
>> Bet Bonnie fotogrāfijas, izrādās
ārā bija vairāki darbinieki, Sam

42
00:02:22,690 --> 00:02:25,960
starp tām, lai to, ko mēs domājam, ka mēs
varētu darīt, ir jāatzīst, abi šie.

43
00:02:25,960 --> 00:02:29,240
Tātad papildus iegūt Dropbox
telpa, ka ikvienam, kas piedalījās

44
00:02:29,240 --> 00:02:33,900
saņem, šīs divas sadaļas būs arī
saņem jauku aizrādījums pusdienas par viņiem

45
00:02:33,900 --> 00:02:36,100
un to sadaļu
palīgu šo nāk nedēļas.

46
00:02:36,100 --> 00:02:38,970
Un tāpēc jums būs dzirdēt no mums,
Lance un Bonnie, par to.

47
00:02:38,970 --> 00:02:40,002
Tik liels Apsveicu uz tiem.

48
00:02:40,002 --> 00:02:42,210
Tagad, tiem no jums, kas būtu
tāpat pusdienām vispārīgāk

49
00:02:42,210 --> 00:02:45,320
zināt, ka CS50 pusdienas Cambridge
un New Haven ir šo piektdien.

50
00:02:45,320 --> 00:02:48,510
Iet uz CS50 Mājas slash RSVP.

51
00:02:48,510 --> 00:02:49,800
Un tagad vārds par semināriem.

52
00:02:49,800 --> 00:02:50,730
Vairāk curricularly.

53
00:02:50,730 --> 00:02:52,490
Tātad mēs esam tuvojas
punkts semestra

54
00:02:52,490 --> 00:02:55,200
kur jums vajadzētu sākt
domājot par galīgajiem projektiem.

55
00:02:55,200 --> 00:02:59,309
Un patiesībā, tikai mazliet, būs
tā saukto pre priekšlikumi būt saistīts.

56
00:02:59,309 --> 00:03:01,850
Tātad iepriekš priekšlikumi ir domāti
būt diezgan zema ietekme un patiešām

57
00:03:01,850 --> 00:03:04,109
tikai iespēja
jums rakstīt īsu piezīmi

58
00:03:04,109 --> 00:03:06,900
Jūsu mācību puisis uz jāinformē
viņam vai viņai to, ko jūs domājat jūs

59
00:03:06,900 --> 00:03:09,140
varētu vēlēties darīt, lai jūsu galīgo projektu.

60
00:03:09,140 --> 00:03:11,730
>> Tagad daudzi studenti beigties
darot tīmekļa galīgos projektus.

61
00:03:11,730 --> 00:03:13,800
Un, protams, mēs esam tikai
Tagad pagājušajā nedēļā šajā

62
00:03:13,800 --> 00:03:15,890
un tālāk iegremdēšanās web programmēšanu.

63
00:03:15,890 --> 00:03:18,200
Tāpēc nav jāuztraucas, ja jums
nav nekādu ideju, kā

64
00:03:18,200 --> 00:03:21,594
jūs varētu veidot idejas, kas
Jums varētu būt jūsu prātā.

65
00:03:21,594 --> 00:03:24,510
Tas ir patiešām vienkārši piespiežot funkcija
lai saņemtu jums domāt un runāt

66
00:03:24,510 --> 00:03:25,650
ar savu TF par to.

67
00:03:25,650 --> 00:03:28,810
Bet, lai palīdzētu jums ar to, un
ar galīgajiem projektiem, visbeidzot,

68
00:03:28,810 --> 00:03:31,750
zina, ka CS50 ir tradīcija
piedāvāt seminārus.

69
00:03:31,750 --> 00:03:36,084
>> Un šie ir obligāta, hands on,
vai lekciju, pamatojoties uz iespējām

70
00:03:36,084 --> 00:03:39,000
lai uzzinātu vairāk par tēmām, kas ir
mazliet aksesuāra kurss ir

71
00:03:39,000 --> 00:03:43,310
mācību programma, bet tomēr brīnišķīgi
materiāls braukt galīgos projektus.

72
00:03:43,310 --> 00:03:46,840
Un tā tas ir saraksts, kas ir
CS50 darbinieki šeit New Haven

73
00:03:46,840 --> 00:03:48,600
ir jānāk klajā ar par
Šogad par iOS

74
00:03:48,600 --> 00:03:50,730
programmēšana, Android
programmēšana, spēļu izstrāde,

75
00:03:50,730 --> 00:03:54,480
un ķekarus vairāk rīkiem
un valodas un metodes.

76
00:03:54,480 --> 00:03:56,780
>> Lai saglabātu acu par CS50 tīmekļa vietnē.

77
00:03:56,780 --> 00:04:00,110
Un tajā pašā laikā, ja vēlaties
reģistrējiet savu interesi par kādu no šiem,

78
00:04:00,110 --> 00:04:02,510
iet uz CS50 ir slīpsvītra reģistrā.

79
00:04:02,510 --> 00:04:05,770
Un mēs pēc tam sekot, kā uz
dienas un lidojumu laiki un vietas

80
00:04:05,770 --> 00:04:09,090
un everything-- visvairāk viss būs
noskatīties un pieejami arī pēc pieprasījuma

81
00:04:09,090 --> 00:04:11,750
pēc tam, ja jūs nevarat faktiski darīt to.

82
00:04:11,750 --> 00:04:15,800
Tātad bez papildu ADO, mēs
left off pēdējo reizi ar GET.

83
00:04:15,800 --> 00:04:19,610
>> Un tas bija, piemēram, ziņu, kas bija
iekšpusē virtuālo aploksnē, atgādināt,

84
00:04:19,610 --> 00:04:23,960
ka mēs nodots no router router
router starp interneta pārlūku un web

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

86
00:04:24,487 --> 00:04:26,695
Un ka ziņa izskatījās
mazliet kaut kas līdzīgs šim.

87
00:04:26,695 --> 00:04:29,700
Tas bija vairāk arcane ziņa, ka
patiesībā bija iekšā aploksnē

88
00:04:29,700 --> 00:04:34,440
rakstīts uz papīra, kuru
Pirmā līnija saka burtiski, iegūt slīpsvītra.

89
00:04:34,440 --> 00:04:37,830
>> Un tāpat kā veselība pārbaudītu,
ko darīja slash apzīmē?

90
00:04:37,830 --> 00:04:40,455
Ko slash nozīmē, ja
pieprasot mājas lapā?

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

92
00:04:43,070 --> 00:04:44,250
Jūs lūgt to visu laiku.

93
00:04:44,250 --> 00:04:47,333
Lielākā daļa jebkurā laikā jūs apmeklējat tīmekļa vietni, jūs
nav faktiski ierakstiet faila nosaukumu.

94
00:04:47,333 --> 00:04:50,960
Jūs, iespējams, dodieties uz Facebook.com,
ievadīt, gmail.com, vai tamlīdzīgi.

95
00:04:50,960 --> 00:04:52,260
Un ko tas slash pārstāv?

96
00:04:52,260 --> 00:04:53,506
Kas failu?

97
00:04:53,506 --> 00:04:54,630
Vai kāda lapa, konkrēti?

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

99
00:04:59,642 --> 00:05:00,720
>> Indekss, jā.

100
00:05:00,720 --> 00:05:01,810
Tātad noklusējuma lapā.

101
00:05:01,810 --> 00:05:04,810
Tātad, ja jums nav jānorāda failu
nosaukt kā mēs sāksim redzēt,

102
00:05:04,810 --> 00:05:07,750
jūs faktiski tikai pieprasot
iedodiet man noklusējuma lapu Facebook

103
00:05:07,750 --> 00:05:10,800
vai dot man manu inbox vai dot
mani noklusējuma lapu jaunumi

104
00:05:10,800 --> 00:05:12,510
uz CNN mājas lapā vai tamlīdzīgi.

105
00:05:12,510 --> 00:05:15,220
Un serveris, tad atbild uz
ka ziņojums ar kaut ko

106
00:05:15,220 --> 00:05:18,420
piemēram, tas, sakot jā, es
runāt HTTP versija 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200, kas ir statuss
kods, ko mēs cilvēki reti

108
00:05:21,130 --> 00:05:22,790
kādreiz redzēt, jo tas ir labi.

109
00:05:22,790 --> 00:05:26,640
Jo tas nozīmē OK, pieprasījumu
Tika saņemti un apstrādāti pareizi.

110
00:05:26,640 --> 00:05:28,960
Un satura tips
acīmredzot atbildē

111
00:05:28,960 --> 00:05:31,170
ir diezgan bieži, bet ne vienmēr, teksts.

112
00:05:31,170 --> 00:05:32,580
Un konkrēti, HTML.

113
00:05:32,580 --> 00:05:34,760
Un tas ir patiesībā
ja mēs skatāmies uz šodienu.

114
00:05:34,760 --> 00:05:37,140
>> Tātad faktiski, es iešu
uz priekšu un atvērt pārlūkprogrammu.

115
00:05:37,140 --> 00:05:40,410
Es esmu gatavojas izmantot Chrome, jūs varat izmantot
visvairāk jebkuru pārlūku nedēļās nākt.

116
00:05:40,410 --> 00:05:42,410
Mēs parasti iesakām Chrome
jo tas ir īpaši

117
00:05:42,410 --> 00:05:43,750
labs programmatūras izstrādātājiem.

118
00:05:43,750 --> 00:05:46,070
Tas ir ieguvuši daudz celta
rīki, kas atvieglo

119
00:05:46,070 --> 00:05:49,800
attīstīt ne tikai HTML un CSS,
lietas, mēs sāksim runāt par šodien,

120
00:05:49,800 --> 00:05:51,530
bet arī citās valodās, kā arī.

121
00:05:51,530 --> 00:05:55,530
>> Un es iešu uz priekšu un iet kuri paredzēti,
Es esmu gatavojas kontrolēt klikšķi vai pa labi

122
00:05:55,530 --> 00:05:57,210
noklikšķiniet jebkurā tīmekļa lapā.

123
00:05:57,210 --> 00:05:59,070
Un es iešu uz Pārbaudīt elementu.

124
00:05:59,070 --> 00:06:03,850
Un es esmu gatavojas kniebiens manu
ekrāns tikai nedaudz šeit.

125
00:06:03,850 --> 00:06:05,790
Ļaujiet man pārvietot to uz leju.

126
00:06:05,790 --> 00:06:08,140
Tātad, tas ir tas, ko sauc
Chrome inspektors.

127
00:06:08,140 --> 00:06:11,010
Tātad tas ir kā atkļūdošana
instruments iebūvēts Chrome.

128
00:06:11,010 --> 00:06:13,520
>> Visi no jums jau ir šis
ja jūs esat bijis, izmantojot Chrome.

129
00:06:13,520 --> 00:06:17,169
Un tas ļauj jums redzēt, kas notiek
par zem motora pārsega dažu mājas lapā.

130
00:06:17,169 --> 00:06:19,210
Tātad pieņemsim faktiski paiet
apskatīt šī šādi.

131
00:06:19,210 --> 00:06:21,251
Tas ir veids, kā vairāk funkcijas
un mēs rūpējamies par šodien.

132
00:06:21,251 --> 00:06:22,760
Bet tur ir šīs cilnes nekā šeit.

133
00:06:22,760 --> 00:06:25,890
Elements, tīkls, avoti,
grafiku, un daži citi sīkumi.

134
00:06:25,890 --> 00:06:27,800
Es esmu gatavojas klikšķiniet uz
Tīkls brīdi.

135
00:06:27,800 --> 00:06:30,500
>> Un tas ir mazliet milzīgs
pēc pirmā acu uzmetiena šeit.

136
00:06:30,500 --> 00:06:34,190
Bet ko es esmu gatavojas darīt, ir ļaut
mani vienkāršotu tā mazliet.

137
00:06:34,190 --> 00:06:37,560
Es esmu gatavojas, lai ieslēgtu
Ierakstot gaismu tāpēc, ka tas ir sarkans.

138
00:06:37,560 --> 00:06:39,140
Un es esmu gatavojas teikt saglabāt žurnālu.

139
00:06:39,140 --> 00:06:41,015
Un tas ir tikai nedaudz
lieta, ko es sapratu,

140
00:06:41,015 --> 00:06:44,120
laika gaitā, kas notiek, lai saglabātu
viss, kas notiek pārlūkprogrammā.

141
00:06:44,120 --> 00:06:50,030
Un tagad es iešu
uz http://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> Patiesībā, pieņemsim do www
labs pasākums, slīpsvītra.

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

144
00:06:53,643 --> 00:06:56,180
Tik URL, ka daudzi no
jūs varētu būt apmeklējis.

145
00:06:56,180 --> 00:06:58,830
Un tagad Facebook tīmekļa
lapa nāk augšā.

146
00:06:58,830 --> 00:07:02,350
Un tad viss ķekars
sīkumi lidoja apakšā.

147
00:07:02,350 --> 00:07:04,830
Un patiesībā, izrādās, ka
kad jūs apmeklējat Facebook.com,

148
00:07:04,830 --> 00:07:09,320
Jūs esat ne tikai padarīt vienu HTTP pieprasījumu,
izrādās, ka gatavojas Facebook.com

149
00:07:09,320 --> 00:07:14,320
nosūta 41 no šīm aploksnēm,
katrs ar savu GET pieprasījumu,

150
00:07:14,320 --> 00:07:18,360
kā norādīts, lai gan aiz ekrāna
šeit, apakšā ekrāna,

151
00:07:18,360 --> 00:07:24,040
tas norāda, ka, protams, mans
pārlūkprogramma veikti 41 pieprasījumus.

152
00:07:24,040 --> 00:07:29,689
>> Un kopumā, tas nodots 861
kilobaitiem un tas aizņēma kādu iemeslu dēļ

153
00:07:29,689 --> 00:07:31,730
tik daudz kā astoņas sekundes
lejupielādēt visu to.

154
00:07:31,730 --> 00:07:33,790
Tātad tas ir faktiski mazliet dīvaini
ka Facebook vietā būtu pieņemt, ka

155
00:07:33,790 --> 00:07:35,600
garš, bet lai tā būtu šajā gadījumā.

156
00:07:35,600 --> 00:07:39,520
Tagad tas viss man nav īsti aprūpi
Par izņemot augšējais pieprasījuma.

157
00:07:39,520 --> 00:07:46,440
So iesim uz šo vienu tieši šeit
un ļaujiet man tālinātu tikai brīdi.

158
00:07:46,440 --> 00:07:47,754
>> Un ļaujiet man tuvinātu šo.

159
00:07:47,754 --> 00:07:50,670
Tātad, ko es esmu darījusi pie kreisi, lai gan
tur ir daudz kas notiek vairāk nekā šeit

160
00:07:50,670 --> 00:07:53,360
tiek Esmu iezīmēts
Facebook.com un pēc tam

161
00:07:53,360 --> 00:07:56,540
paziņojums, ka es esmu, ritinot uz leju,
ritinot uz leju, ritinot uz leju,

162
00:07:56,540 --> 00:07:58,330
pieprasīt galvenes.

163
00:07:58,330 --> 00:08:01,720
Un jūs redzēsiet, ka Chrome rāda
mani būtībā iekšējie saturs

164
00:08:01,720 --> 00:08:02,810
Lūguma es.

165
00:08:02,810 --> 00:08:06,130
Tas nav formatējumu gluži tas pats
veids, bet paziņojums tur ir pieminēts nokļūt,

166
00:08:06,130 --> 00:08:09,481
paziņojums tur ir pieminēts uzņēmējas,
Facebook.com, ceļš, vai slīpsvītra,

167
00:08:09,481 --> 00:08:10,730
kas ir fails es pieprasīts.

168
00:08:10,730 --> 00:08:12,930
>> Un tad, ja es ritināt
atpakaļ uz augšu, mēs faktiski

169
00:08:12,930 --> 00:08:17,270
redzēt, ka tas, ko Facebook atpakaļ
man ir visas šīs galvenes.

170
00:08:17,270 --> 00:08:21,040
Tātad iekšpusē šī virtuālā aploksnē
patiešām ir daudz galveno vērtību pārus.

171
00:08:21,040 --> 00:08:23,130
Vārdam, resnās zarnas, un pēc tam vērtība.

172
00:08:23,130 --> 00:08:25,050
Vārds, kolu, un vērtība.

173
00:08:25,050 --> 00:08:26,160
Tos sauc galvenes.

174
00:08:26,160 --> 00:08:31,860
Un tur ir veids, kā sīkāk šeit nekā
mēs tiešām rūp tieši tagad.

175
00:08:31,860 --> 00:08:33,750
>> Bet tas ir otrais
pēdējais tur lejā,

176
00:08:33,750 --> 00:08:38,809
ievērosiet, ka facebook.com serveri,
tiešām teica šeit nāk kādu tekstu HTML.

177
00:08:38,809 --> 00:08:41,409
Tātad tas viss ir ko teikt
ka tad, kad jūs lūgt tīmekļa

178
00:08:41,409 --> 00:08:44,300
lapa no pārlūka uz A
serveri, ka serveris ir atbilde

179
00:08:44,300 --> 00:08:47,630
ar aploksnē pati
iekšpusē, kas ir teksts.

180
00:08:47,630 --> 00:08:49,020
Citiem vārdiem sakot, HTML.

181
00:08:49,020 --> 00:08:50,590
Hiperteksta iezīmēšanas valoda.

182
00:08:50,590 --> 00:08:53,200
Kura cita valoda
ka mēs ieviest šodien

183
00:08:53,200 --> 00:08:57,740
ka cilvēki vai datori ģenerēt
Lai īstenotu interneta lapas.

184
00:08:57,740 --> 00:08:59,580
>> Konkrēti, aplūkosim šo.

185
00:08:59,580 --> 00:09:03,277
Es esmu gatavojas tagad iet atpakaļ
Facebook mājas lapā.

186
00:09:03,277 --> 00:09:05,360
Un es esmu gatavojas tikai
kontrole klikšķis vai labais klikšķis

187
00:09:05,360 --> 00:09:07,634
un noklikšķiniet uz Skatīt lapas avotu.

188
00:09:07,634 --> 00:09:10,550
Un pat tad, ja jūs neizmantojat Chrome,
IE var izdarīt, Firefox var izdarīt,

189
00:09:10,550 --> 00:09:14,060
Safari var darīt, pat ja izvēlni
iespējas varētu izskatīties nedaudz atšķirīgs.

190
00:09:14,060 --> 00:09:18,990
Un tas ir HTML, ka Mark un
Uzņēmums at Facebook ir uzrakstījuši.

191
00:09:18,990 --> 00:09:24,640
>> Un, lai kolektīvi, šī valoda šeit
īsteno zilā un baltā lapa

192
00:09:24,640 --> 00:09:26,370
ka mēs redzējām pirms brīža.

193
00:09:26,370 --> 00:09:28,030
Tagad tas ir nedaudz milzīgs.

194
00:09:28,030 --> 00:09:31,400
Bet, ja mēs skatāmies uz augšu kreisajā augšējā stūrī, mēs esam
gatavojas sākt, lai redzētu dažus modeļus.

195
00:09:31,400 --> 00:09:34,140
Izskatās, ka ir daudz
no šiem atvērtā kakta kronšteinu

196
00:09:34,140 --> 00:09:35,970
un tad tur ir šis atslēgvārds HTML.

197
00:09:35,970 --> 00:09:38,330
Lūk, vēl viens atvērts
leņķis kronšteins un galva.

198
00:09:38,330 --> 00:09:41,560
>> Te ir, ja mēs ritiniet uz leju
un uz leju un uz leju, es esmu

199
00:09:41,560 --> 00:09:43,820
gatavojas iet uz priekšu un mēģināt
lai meklētu kaut ko.

200
00:09:43,820 --> 00:09:48,510
Tur ceļš pāri pa labi
šeit ir atvērta kronšteins ķermenis.

201
00:09:48,510 --> 00:09:50,800
Un atceros no pēdējās
laiks, ka mēs ierosinājām

202
00:09:50,800 --> 00:09:53,364
ka vienkāršākā mājas lapā
ka cilvēks varētu uzrakstīt

203
00:09:53,364 --> 00:09:55,030
varētu izskatīties mazliet kaut kas līdzīgs šim.

204
00:09:55,030 --> 00:09:58,430
Atvērt HTML tag, atvērtas virsas
tag, open nosaukums tag,

205
00:09:58,430 --> 00:10:03,230
tad slēgta nosaukums, slēgta galva, open
ķermeņa tag, kādu tekstu, slēgta ķermeni,

206
00:10:03,230 --> 00:10:04,720
slēgta HTML.

207
00:10:04,720 --> 00:10:06,290
>> Bet pauze šeit tikai brīdi.

208
00:10:06,290 --> 00:10:09,030
Šis kods, pat ja jūs esat
nekad rakstīts to pirms

209
00:10:09,030 --> 00:10:11,864
bet joprojām nav gluži saprast
kas notiek, izskatās diezgan labi.

210
00:10:11,864 --> 00:10:12,821
Pareizi, tas ir ļoti tīrs.

211
00:10:12,821 --> 00:10:14,120
Tas ir ļoti stilistiski jauki.

212
00:10:14,120 --> 00:10:16,190
Daudz iedobi un atstarpēm.

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

214
00:10:18,020 --> 00:10:23,190
Tātad, kāpēc ir Facebook tik daudz
sliktāks nekā I rakstot HTML?

215
00:10:23,190 --> 00:10:24,310
Acīmredzot.

216
00:10:24,310 --> 00:10:26,899
>> Pareizi, tas ir kā viens
no pieciem stilu.

217
00:10:26,899 --> 00:10:29,315
Tur ir pārliecinošs iemesls
viņiem samazināt šos stūriem.

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

219
00:10:31,069 --> 00:10:33,860
Labi, tāpēc viņi nevēlas
padarīt to vieglāk, lai jūs, lai to izlasītu.

220
00:10:33,860 --> 00:10:36,940
Tātad savā ziņā, viņi
apspēlējot to, sava veida šifrēšanas to

221
00:10:36,940 --> 00:10:40,260
vismaz estētiski tik
ka tas ir grūtāk MySpace

222
00:10:40,260 --> 00:10:42,705
lai iet un noārdīt to
mājas lapa un HTML par to.

223
00:10:42,705 --> 00:10:45,080
Izrādās, ka ar programmām
lai gan, tostarp Chrome,

224
00:10:45,080 --> 00:10:47,020
mēs varam sakopt šo augšu super viegli.

225
00:10:47,020 --> 00:10:49,420
Tātad, tas nav gluži tas, kā iemeslu.

226
00:10:49,420 --> 00:10:51,290
Kas vēl varētu būt iemesls.

227
00:10:51,290 --> 00:10:51,790
Jā.

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

229
00:10:54,680 --> 00:10:55,890
Jā, balto laukumu izmaksas dati.

230
00:10:55,890 --> 00:10:56,598
Ko tu ar to domā?

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

232
00:11:02,250 --> 00:11:02,979
Jā, tieši tā.

233
00:11:02,979 --> 00:11:06,020
Ja jūs hit taustiņu tab par partiju vai
SPACE, apsvērt sekas.

234
00:11:06,020 --> 00:11:10,060
Tātad, katru taustiņu uz tastatūras ir
[Dzirdams] pārstāvēja vienu baitu.

235
00:11:10,060 --> 00:11:14,560
>> Tātad pieņemsim, ka preču zīme vai kāds no devs
šajās dienās hits atstarpes tikai vienreiz

236
00:11:14,560 --> 00:11:17,899
Šajā HTML lapu,
pārstāv Facebook mājas lapu.

237
00:11:17,899 --> 00:11:19,690
Un Facebook ir daudz
Lietotāju šajās dienās.

238
00:11:19,690 --> 00:11:24,030
Tātad pieņemsim, ka Facebook mājas lapa
apmeklē miljards cilvēku šodien.

239
00:11:24,030 --> 00:11:27,020
Un kāds at Facebook ir
hit starpdevējs tikai vienu reizi.

240
00:11:27,020 --> 00:11:29,890
>> Tātad viens papildu baitu,
miljardu pieprasījumi,

241
00:11:29,890 --> 00:11:32,790
cik daudz datu Facebook
pārceļot internetā

242
00:11:32,790 --> 00:11:37,160
tāpēc, ka kāds hit
spacebar uz viņa vai viņas klaviatūru?

243
00:11:37,160 --> 00:11:41,660
Miljards baitu, vai vienu gigabaita
dati tiek nosūtīti no Facebook serveriem

244
00:11:41,660 --> 00:11:43,626
lai cilvēki visā
pasaule bez pamatota iemesla.

245
00:11:43,626 --> 00:11:44,750
Tagad tas ir tikai viens telpa.

246
00:11:44,750 --> 00:11:48,866
>> Iedomājieties, ja mēs tiešām tīrīt šis
lieta up un izrobota, un piebilda,

247
00:11:48,866 --> 00:11:50,990
daudz balto laukumu un
tab rakstzīmes un atstarpes,

248
00:11:50,990 --> 00:11:53,656
jūs galu galā izdevumu gigabaitiem,
ja ne terra baiti vairāk vietas.

249
00:11:53,656 --> 00:11:56,640
Un tā super sastopama
Faktiskais pasaule web izstrāde

250
00:11:56,640 --> 00:11:58,950
ir samazināt savu kodu.

251
00:11:58,950 --> 00:12:01,280
Un mēs beidzot redzēt
kā jūs varētu darīt.

252
00:12:01,280 --> 00:12:04,630
>> Bet šodien, mēs sāksim rakstīt kodu
tas tiešām lasāma ar mums cilvēkiem.

253
00:12:04,630 --> 00:12:10,120
Izrādās, lai gan, ja jūs iet atpakaļ
šo rīku Chrome Pārbaudīt elementu,

254
00:12:10,120 --> 00:12:12,030
Iepriekš mēs bijām uz cilnes Network.

255
00:12:12,030 --> 00:12:15,430
Izrādās, ka, ja jums iet uz
tab elementi, ko jūs faktiski redzēt

256
00:12:15,430 --> 00:12:19,230
ir Chrome ir diezgan drukāts
versija, ka paša HTML.

257
00:12:19,230 --> 00:12:20,640
Tātad mēs esam deobfuscated to.

258
00:12:20,640 --> 00:12:22,472
Tātad, tas ir sakritības par datoru.

259
00:12:22,472 --> 00:12:24,430
Un tagad jūs varat faktiski
noklikšķiniet uz apkārt un sākt

260
00:12:24,430 --> 00:12:27,630
redzēt hierarhiju, kas ir mājas lapa.

261
00:12:27,630 --> 00:12:28,780
Tātad pieņemsim faktiski darīt.

262
00:12:28,780 --> 00:12:32,120
Es iešu uz priekšu un atvērt uz
mans Mac programma, ko sauc teksta rediģēt.

263
00:12:32,120 --> 00:12:35,490
Un atcerēties, ka tas ir tikai
super vienkāršu tekstu programma.

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

265
00:12:37,490 --> 00:12:39,820
Un es esmu gatavojas burtiski
ierakstiet sekojošo.

266
00:12:39,820 --> 00:12:44,650
Doc tipa HTML, open kronšteins
HTML, slēgta kronšteinu HTML,

267
00:12:44,650 --> 00:12:49,000
mums ir vadītājs lapā šeit,
beigas galvas lapā šeit,

268
00:12:49,000 --> 00:12:52,310
Nosaukums būs tāpat, Hello pasaulē.

269
00:12:52,310 --> 00:12:56,660
>> Un tad uz leju šeit, mums ir nepieciešams
ķermenis mājas lapā.

270
00:12:56,660 --> 00:12:58,050
Slēgtā virsbūve.

271
00:12:58,050 --> 00:13:00,700
Un tad šeit, hello world.

272
00:13:00,700 --> 00:13:01,270
Viss kārtībā.

273
00:13:01,270 --> 00:13:03,350
Tāpēc mēs esam uzrakstījis super ātru tīmekļa lapu.

274
00:13:03,350 --> 00:13:06,675
Es esmu gatavojas, lai saglabātu to kā
hello.html uz mana galda.

275
00:13:06,675 --> 00:13:09,050
My Mac gatavojas sūdzēties,
domājot, ka, pagaidiet minūti,

276
00:13:09,050 --> 00:13:11,091
tas ir teksta fails, do
jūs vēlaties, lai izsauktu to txt?

277
00:13:11,091 --> 00:13:13,300
Bet nē, es vēlos izmantot dot HTML.

278
00:13:13,300 --> 00:13:16,140
>> Un tad, kas ir jauki, ja es
vienkārši dubultklikšķi uz šo failu,

279
00:13:16,140 --> 00:13:18,600
hello.html, šeit ir mana mājas lapa.

280
00:13:18,600 --> 00:13:22,564
Diemžēl, es esmu
vienīgais cilvēks pasaulē

281
00:13:22,564 --> 00:13:23,980
kas var apmeklēt šo lapu tieši tagad.

282
00:13:23,980 --> 00:13:26,734
Jo, ja tas dzīvo acīmredzot?

283
00:13:26,734 --> 00:13:27,650
Tas ir par manu Mac, vai ne?

284
00:13:27,650 --> 00:13:28,470
Kura ir bezjēdzīgi.

285
00:13:28,470 --> 00:13:30,390
Tāpat kā neviens šajā telpā
nemaz nerunājot par internetu

286
00:13:30,390 --> 00:13:31,598
faktiski var apmeklēt šo lapu.

287
00:13:31,598 --> 00:13:33,820
Tātad šodien, mums ir nepieciešams, lai
ieviest citu elementu.

288
00:13:33,820 --> 00:13:36,720
>> Un, lai to izdarītu, es esmu gatavojas
iet uz priekšu un atvērt mākoni 9.

289
00:13:36,720 --> 00:13:40,090
Tātad mākonis 9, protams, ir
mākonis balstītas service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- Tas ir visu mūsu darbvietas
darbojas kaut kur internetā.

291
00:13:44,890 --> 00:13:48,330
Un tas nozīmē, ka visas mūsu failus
ir publiski pieejami jau.

292
00:13:48,330 --> 00:13:49,830
So iesim uz priekšu un darīt to.

293
00:13:49,830 --> 00:13:53,670
Es iešu uz priekšu un
izveidot jaunu failu NCS50IDE.

294
00:13:53,670 --> 00:13:58,819
Es esmu gatavojas, lai saglabātu to kā agrāk
kā hello.html un noklikšķiniet uz Saglabāt.

295
00:13:58,819 --> 00:14:01,860
Un tagad tikai, lai ietaupītu laiku, es eju
iet uz priekšu un kopēt ielīmēt šo kodu

296
00:14:01,860 --> 00:14:03,470
nevis atkārtojiet to.

297
00:14:03,470 --> 00:14:04,550
Un saglabājiet to.

298
00:14:04,550 --> 00:14:07,550
Un tāpēc tagad man ir
failu sauc hello.html.

299
00:14:07,550 --> 00:14:09,710
Bet kā es varu tiešām
atveriet to, kā mājas lapā?

300
00:14:09,710 --> 00:14:14,120
Nu, izrādās, iebūvēta līdz CS50
IDE ir ne tikai kompilators piemēram šķindēt

301
00:14:14,120 --> 00:14:16,670
un atkļūdotājs piemēram GDB un
ķekarus citām programmām,

302
00:14:16,670 --> 00:14:21,140
tur ir tiešām pilnvērtīga
tīmekļa serveris darbojas dažu CS50 IDE.

303
00:14:21,140 --> 00:14:23,900
>> Visi no jums, proti,
ir sava web serveri.

304
00:14:23,900 --> 00:14:26,850
Un web serveris ir tikai gabals
par programmatūru, kuras mērķis dzīvē

305
00:14:26,850 --> 00:14:28,220
ir kalpot up interneta lapas.

306
00:14:28,220 --> 00:14:32,490
Lai klausītos pieprasījumiem no pārlūkprogrammām un
atbildēt ar nelielu virtuālo aploksnēm

307
00:14:32,490 --> 00:14:35,290
no kuriem iekšpusē ir
saturu, kas es esmu uzrakstījis.

308
00:14:35,290 --> 00:14:38,372
Tātad šī tīmekļa serveris ir
faktiski bezmaksas un atvērtā koda.

309
00:14:38,372 --> 00:14:40,830
Ja open source tikai nozīmē
programmatūra, ka kāds cits ir

310
00:14:40,830 --> 00:14:43,480
rakstīts, ka visi no mums var
faktiski redzēt un lejupielādēt un pat

311
00:14:43,480 --> 00:14:44,780
mainīt pirmkodu.

312
00:14:44,780 --> 00:14:46,150
Un to sauc Apache.

313
00:14:46,150 --> 00:14:51,450
>> Un mēs esam padarījuši mazliet vieglāk
izmantot CS50IDE zvanot to Apache 50.

314
00:14:51,450 --> 00:14:53,780
Tāpēc, ka tā faktiski var
saprast sekojošo.

315
00:14:53,780 --> 00:14:56,560
Es esmu gatavojas teikt Apache 50 sākums.

316
00:14:56,560 --> 00:14:58,910
Un tad es esmu tikai gatavojas teikt dot.

317
00:14:58,910 --> 00:15:01,080
Un mēs redzam dažus nedaudz
arcane ziņu sakot

318
00:15:01,080 --> 00:15:04,640
nosakot Apache dokumentu [? grupa?]
uz mājām, Ubuntu, kāds tas ir,

319
00:15:04,640 --> 00:15:05,770
slash darbvietas.

320
00:15:05,770 --> 00:15:08,280
Sākot tīmekļa serveris
Apache 2 veiksmīgi.

321
00:15:08,280 --> 00:15:11,330
>> Tik garš stāsts īss, es
tikko uzstājām pogu

322
00:15:11,330 --> 00:15:18,000
un pagriezās uz web serveri, kurš ir tagad
klausīties internetā par TCP portu

323
00:15:18,000 --> 00:15:20,587
80 pie konkrētā adresē.

324
00:15:20,587 --> 00:15:22,420
Un tas saka šeit, un
tas mainīsies Based

325
00:15:22,420 --> 00:15:26,550
Jūsu lietotājvārds un citiem faktoriem,
bet paziņojums tagad, ja es noklikšķiniet uz to,

326
00:15:26,550 --> 00:15:30,211
IDE50 dot jharvard un tik un
jā, ievēroju, ka visu šo laiku

327
00:15:30,211 --> 00:15:31,960
Par pēdējo vairākus
nedēļas, jums varētu būt

328
00:15:31,960 --> 00:15:35,200
pamanīju, ka savu lietotājvārdu
ir iestrādāta augšējā labajā rokā

329
00:15:35,200 --> 00:15:37,130
stūris CS50IDE.

330
00:15:37,130 --> 00:15:41,050
>> Un tas tiešām ir bijis tas viss
laikam adresi, kur jūs varat

331
00:15:41,050 --> 00:15:43,574
apmeklēt visus savus failus caur web.

332
00:15:43,574 --> 00:15:45,990
Līdz šim tas nav vienaldzīgs,
jo C, jūs parasti

333
00:15:45,990 --> 00:15:48,073
vēlas lietas stiepjas
termināls, kas nav tīmeklī.

334
00:15:48,073 --> 00:15:50,800
Bet šodien, mēs sākam
rakstot tīmekļa kodu

335
00:15:50,800 --> 00:15:53,350
ka mēs vēlamies
pieejama publiskajās URL.

336
00:15:53,350 --> 00:15:56,100
Tātad, ko es esmu gatavojas
darīt, ir noklikšķiniet uz šo URL.

337
00:15:56,100 --> 00:16:00,880
>> Un paziņojums, ka es redzu diezgan
neglīts indekss, direktoriju sarakstu,

338
00:16:00,880 --> 00:16:04,090
bet tas, ko fails lec ārā pie jums droši vien?

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

340
00:16:05,210 --> 00:16:07,870
Tas ir tāpēc, ka es saglabāti
fails manā darbvietā.

341
00:16:07,870 --> 00:16:12,310
Un tas, ko es esmu teicis Apache tīmekļa serveri
ir meklēt Dāvida darbvietā direktorijā.

342
00:16:12,310 --> 00:16:15,300
Un ļaujiet Ikviens
pasaule redzētu šos failus.

343
00:16:15,300 --> 00:16:19,050
>> Un tiešām, ja es tagad
noklikšķiniet uz hello.html,

344
00:16:19,050 --> 00:16:22,180
Es redzu šajā cilnē tieši šo failu.

345
00:16:22,180 --> 00:16:26,430
Tagad paziņojums, mākonis 9 dara
kaut nedaudz palīdzēt mums.

346
00:16:26,430 --> 00:16:29,480
Ietvaros CS50 IDE, paziņojums tur
pēkšņi adrešu joslā.

347
00:16:29,480 --> 00:16:33,690
Tas ir tāpēc, ka, lai gan mēs esam
izmantojot Chrome apmeklēt CS50IDE,

348
00:16:33,690 --> 00:16:37,940
iekšpusē CS50IDE ir tās pašas
versija interneta pārlūku tieši tagad.

349
00:16:37,940 --> 00:16:40,820
Un tā vietā,
sarežģīt lietas, kā, piemēram,

350
00:16:40,820 --> 00:16:42,955
Es iešu uz priekšu
un vienkārši kopēt šo URL.

351
00:16:42,955 --> 00:16:45,330
Es iešu uz priekšu un vienkārši
atvērt savu Chrome logu.

352
00:16:45,330 --> 00:16:47,800
Tātad tur nav burvju šeit, ne CS50IDE.

353
00:16:47,800 --> 00:16:51,800
Es esmu tikai gatavojas burtiski ielīmēt
mans J Harvard URL un hit Enter.

354
00:16:51,800 --> 00:16:54,750
Un voila, tagad es, un
teorētiski ikviens

355
00:16:54,750 --> 00:16:57,700
internetā, ja es esmu konfigurēts
atļaujas pareizi,

356
00:16:57,700 --> 00:16:58,720
var apmeklēt šo failu.

357
00:16:58,720 --> 00:17:03,230
Un tā nu, ja es teicu
hello.html, voila, tur

358
00:17:03,230 --> 00:17:06,366
ir mana neticami underwhelming mājas lapā.

359
00:17:06,366 --> 00:17:07,740
Tātad, pieņemsim darīt ātri veselība pārbaudītu.

360
00:17:07,740 --> 00:17:09,710
Jo visi, kas
ir konceptuāls set up.

361
00:17:09,710 --> 00:17:13,180
Un mēs esam patiesībā nav īsti
māca, kā rakstīt HTML per se.

362
00:17:13,180 --> 00:17:16,084
Kādi jautājumi līdz šim
par to, kas tikko notika?

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

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

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

366
00:17:24,290 --> 00:17:25,800
Vai CS50 pieder šīs interneta lapas?

367
00:17:25,800 --> 00:17:26,460
Kādā ziņā?

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

369
00:17:28,947 --> 00:17:29,530
Labs jautājums.

370
00:17:29,530 --> 00:17:32,429
Tātad CS50 ir nodibinājis CS50.io.

371
00:17:32,429 --> 00:17:33,970
Mēs esam patiešām nopircis, ka domēna vārdu.

372
00:17:33,970 --> 00:17:37,240
Un pēc būtības no jums, puiši
ieejot CS50IDE,

373
00:17:37,240 --> 00:17:39,270
jūs visi iegūt to, ko sauc par apakšdomēna.

374
00:17:39,270 --> 00:17:46,840
>> Tātad IDE50-Malan, vai IDE50-Rob.CS50.io,
tas ir jūsu unikāla adrese laikā

375
00:17:46,840 --> 00:17:47,730
Mūsu domēna nosaukumu.

376
00:17:47,730 --> 00:17:50,850
Tātad Kursa vajadzībām
jums ir sava unikāla adrese.

377
00:17:50,850 --> 00:17:55,150
Bet mēs esam vienkāršotas lietas, ko
pērkot augšējā līmeņa domēnu, CS50 dot

378
00:17:55,150 --> 00:17:58,050
I / O un tad visi pārējie ir
iekšpusē, kas, tā sakot.

379
00:17:58,050 --> 00:17:59,890
Un mēs būsim atpakaļ, ka
pēc pāris nedēļām, iespējams,

380
00:17:59,890 --> 00:18:01,930
īpaši galīgo projektu
laiks, kad daži no jums

381
00:18:01,930 --> 00:18:03,596
varētu vēlēties, lai saņemtu savu domēna vārdu.

382
00:18:03,596 --> 00:18:06,270
Tas ir tiešām salīdzinoši
vienkārši.

383
00:18:06,270 --> 00:18:06,770
Viss kārtībā.

384
00:18:06,770 --> 00:18:07,880
Tātad pieņemsim tagad darīt.

385
00:18:07,880 --> 00:18:11,910
Es iešu atpakaļ
CS50IDE, kur manu failu tieši tagad,

386
00:18:11,910 --> 00:18:14,710
hello.html, nav tik interesanti.

387
00:18:14,710 --> 00:18:17,130
Es gribētu kaut ko darīt
nedaudz nicer nekā.

388
00:18:17,130 --> 00:18:19,440
Tāpēc es esmu gatavojas darīt kaut kas līdzīgs šim.

389
00:18:19,440 --> 00:18:21,510
Ļaujiet man atvērts paragraphs.html.

390
00:18:21,510 --> 00:18:23,560
Tātad tas ir fails es rakstīju iepriekš.

391
00:18:23,560 --> 00:18:26,480
Tajā augšu tā, piemēram,
vienmēr, mums ir komentāri.

392
00:18:26,480 --> 00:18:28,730
Bet HTML, komentāri
izskatās mazliet atšķirīgs.

393
00:18:28,730 --> 00:18:33,270
On line trešajā un līniju 14, jūs
skatīt sintakse sākt komentāru

394
00:18:33,270 --> 00:18:34,020
un galu komentāru.

395
00:18:34,020 --> 00:18:36,820
>> Bet neviens no sīkumi
starp jautājumos funkcionāli.

396
00:18:36,820 --> 00:18:40,250
Tas ir tikai piezīmi
cilvēks, kas notiek šeit.

397
00:18:40,250 --> 00:18:43,040
Un tikpat ātri veselība
pārbaudiet, ja es ritiniet uz leju,

398
00:18:43,040 --> 00:18:46,820
kāda ir skaidrs jauns
tag, ka mēs esam ieviesuši?

399
00:18:46,820 --> 00:18:52,130
Par līdz šim mēs esam redzējuši tags ir atvērti
kronšteins HTML, galvas, virsraksts, un ķermenis.

400
00:18:52,130 --> 00:18:54,400
Bet kas ir acīmredzami jauns tagad?

401
00:18:54,400 --> 00:18:55,200
>> Jā, tā p.

402
00:18:55,200 --> 00:18:57,320
P tag vai punkts tag.

403
00:18:57,320 --> 00:19:01,182
Un tad es vienkārši aizņēmusies kādu noklusējuma
Latīņu teksta, lai veidotu savus punktus.

404
00:19:01,182 --> 00:19:03,390
Jo tas, ko es gribēju
pierādīt ir, kā jūs varētu

405
00:19:03,390 --> 00:19:05,859
pārstāvēt teksta punktus HTML.

406
00:19:05,859 --> 00:19:08,400
Un tā, kādi ir sāk notikt
šeit ir tas, ka tur ir jau

407
00:19:08,400 --> 00:19:09,657
modelis attīstās.

408
00:19:09,657 --> 00:19:10,990
Un ļaujiet man iet uz priekšu un darīt to.

409
00:19:10,990 --> 00:19:12,760
Ļaujiet man vispirms izslēdziet Apache.

410
00:19:12,760 --> 00:19:17,340
Un es esmu gatavojas pateikt to, lai sāktu sevi
atkal iekšā šodienas avota septiņiem

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

412
00:19:18,420 --> 00:19:20,100
Tāpēc, ka man ir pieejams viss.

413
00:19:20,100 --> 00:19:22,230
>> Un tagad, ja es dodos atpakaļ
šī direktorija sarakstā,

414
00:19:22,230 --> 00:19:24,846
paziņojums es redzu katru failu no šodienas.

415
00:19:24,846 --> 00:19:26,720
Un jūs redzat
Nākamā problēma, kas, mēs

416
00:19:26,720 --> 00:19:28,594
paskaidros
lai dara tieši to.

417
00:19:28,594 --> 00:19:35,210
Ja es atveru paragraphs.html, tas varētu
kā arī izskatās programmēšanas valoda

418
00:19:35,210 --> 00:19:36,970
jums, ja jums nav runāt vai lasīt Latin.

419
00:19:36,970 --> 00:19:40,525
Bet tas ir tikai trīs punkti
teksta, kas iezīmē HTML.

420
00:19:40,525 --> 00:19:43,100
>> Un paziņojums punktu
pauzes starp tiem.

421
00:19:43,100 --> 00:19:46,400
Jo izrādās,
un pat tad, ja jums

422
00:19:46,400 --> 00:19:49,210
varētu rasties vēlme to darīt,
tā kā reālajā pasaulē,

423
00:19:49,210 --> 00:19:51,370
ja jūs vēlaties, lai līnija
pārtraukumi starp lietām,

424
00:19:51,370 --> 00:19:55,680
jūs varētu vienkārši
darīt, un hit Saglabāt.

425
00:19:55,680 --> 00:19:59,460
Un tagad, ja es pārlādēt šeit, paziņojums
ka viss vienkārši nojauc kopā

426
00:19:59,460 --> 00:20:01,100
tikai viens lāse teksta.

427
00:20:01,100 --> 00:20:03,570
Jo HTML ir sava veida mēms valodā.

428
00:20:03,570 --> 00:20:07,230
>> Tas ir paredzēts, lai tiktu izmantoti tādi
tā, ka pārlūks būs tikai

429
00:20:07,230 --> 00:20:09,920
darīt tieši to, ko jūs pateikt to darīt.

430
00:20:09,920 --> 00:20:12,890
Tātad, ja jums nav pateikt to
dod man jaunu punktu,

431
00:20:12,890 --> 00:20:14,569
Jūs neesat gatavojas redzēt jaunu punktu.

432
00:20:14,569 --> 00:20:16,360
Un patiesībā, ko
pārlūkprogramma gatavojas darīt

433
00:20:16,360 --> 00:20:20,020
ir pat tad, ja jūs hit Enter,
teiksim atkal un atkal

434
00:20:20,020 --> 00:20:23,190
un atkal, pārvietojot šo teksta veidā
uz leju uz ekrāna un pēc tam saglabājiet

435
00:20:23,190 --> 00:20:26,610
un pēc tam pārlādēt, pārlūkā notiek
sabrukt visu šo atstarpēm

436
00:20:26,610 --> 00:20:29,021
vērā tikai vienu, redzamā atstarpes.

437
00:20:29,021 --> 00:20:29,520
Viss kārtībā.

438
00:20:29,520 --> 00:20:30,869
Tātad tas ir tag punkts.

439
00:20:30,869 --> 00:20:32,910
Un tā, kāda ir modelis
kas ir jaunattīstības šeit?

440
00:20:32,910 --> 00:20:37,450
Nu, tas, šķiet, ir gadījums, ka
HTML ir visu par sākuma tagu

441
00:20:37,450 --> 00:20:38,460
un beidzas tag.

442
00:20:38,460 --> 00:20:39,300
Un kas ir tag?

443
00:20:39,300 --> 00:20:41,160
Nu, tas ir tikai rieciens sintaksi.

444
00:20:41,160 --> 00:20:44,400
Atvērt kronšteins, atslēgvārds,
slēgta kronšteins, ir tag.

445
00:20:44,400 --> 00:20:45,510
Vai sākt tag.

446
00:20:45,510 --> 00:20:48,590
Un tad, kad tu esi
darīts izteikt sevi,

447
00:20:48,590 --> 00:20:52,300
kā jūs esat pabeidzis ar punktu,
jūs darīt runāt pretējo.

448
00:20:52,300 --> 00:20:55,480
Bet pretī nav gluži atpakaļ.

449
00:20:55,480 --> 00:21:00,630
>> Jūs vienkārši prefiksu pats tag s
nosaukt ar slīpsvītra, kā šis.

450
00:21:00,630 --> 00:21:01,130
Viss kārtībā.

451
00:21:01,130 --> 00:21:02,570
Tātad ne viss, kas aizraujošs.

452
00:21:02,570 --> 00:21:05,270
Un patiesībā, mēs esam ne padarot
web viss, kas vēl interesantāku.

453
00:21:05,270 --> 00:21:07,630
Ko darīt, ja es gribu, lai
lietas lielāki un treknrakstā?

454
00:21:07,630 --> 00:21:11,780
Tātad izrādās, ka šeit ir piemērs
in headings.html, kur manā ķermenī,

455
00:21:11,780 --> 00:21:17,280
Man ir H1 tagu, H2, H3,
četriem, pieciem, sešiem vai, kas visi

456
00:21:17,280 --> 00:21:18,310
likties diezgan arcane.

457
00:21:18,310 --> 00:21:21,010
Bet, ja es eju atvērt šo
Piemēram, pieņemsim to apskatīt.

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

459
00:21:22,490 --> 00:21:27,030
>> Tātad pārlūki pēc noklusējuma var dot jums teksta
tas ir liels un drosmīgs ar atšķirīgu izmēru.

460
00:21:27,030 --> 00:21:28,070
H1 ir liels.

461
00:21:28,070 --> 00:21:31,240
H6 ir mazāks un pēc tam
viss pārējais pa vidu.

462
00:21:31,240 --> 00:21:34,170
Tātad tas ir interesanti, bet joprojām
nav īsti web es zinu.

463
00:21:34,170 --> 00:21:36,870
Ko darīt, ja mēs gribam, lai man ir
kaut kas līdzīgs sarakstā. .

464
00:21:36,870 --> 00:21:40,190
Tātad, šeit ir aizzīmēm saraksts
Trīs no Harvardas namu.

465
00:21:40,190 --> 00:21:41,600
>> Kā jūs iet par to izdarīt?

466
00:21:41,600 --> 00:21:45,410
Nu, ieskatieties list.html.

467
00:21:45,410 --> 00:21:47,870
Un šeit mēs redzam
Mazliet funkiness

468
00:21:47,870 --> 00:21:49,630
bet pieņemsim apsvērt to, kas notiek.

469
00:21:49,630 --> 00:21:56,182
Tātad, pamatojoties uz to, ko jūs esat tikko redzējām,
UL stendi Nekārtots saraksts.

470
00:21:56,182 --> 00:21:57,640
Nekārtots saraksts tikai nozīmē aizzīmēm.

471
00:21:57,640 --> 00:21:58,431
Nav numuri.

472
00:21:58,431 --> 00:22:01,850
Tur ir arī kaut kas sauc
pasūtīts sarakstu, kas ir OL pie tag.

473
00:22:01,850 --> 00:22:05,350
Tad LI, saraksts prece ir viss tas nozīmē.

474
00:22:05,350 --> 00:22:07,790
>> Un tā tas automātiski
numuri viss jums.

475
00:22:07,790 --> 00:22:11,270
Bet atkal, visas manas iespiedumiem
un baltā telpa ir tikai manis dēļ.

476
00:22:11,270 --> 00:22:13,050
Pārlūks nav
faktiski gatavojas rūpēties.

477
00:22:13,050 --> 00:22:16,670
Tātad, pat ja jūs nevar
to izdarītu, vienkārši, lai būtu skaidrs,

478
00:22:16,670 --> 00:22:19,880
Jums nevajadzētu pat ja
Pārlūkprogramma vēl

479
00:22:19,880 --> 00:22:22,130
jāspēj saprast to tikai naudas sodu.

480
00:22:22,130 --> 00:22:24,590
Es esmu hitting reload manā
pārlūku, es esmu noklikšķinot reload

481
00:22:24,590 --> 00:22:26,760
un nekādas izmaiņas notiek
jo pārlūkā vēl

482
00:22:26,760 --> 00:22:29,550
darot tieši to, ko es saku to darīt.

483
00:22:29,550 --> 00:22:30,050
>> Viss kārtībā.

484
00:22:30,050 --> 00:22:31,340
Tātad tas ir viss ir tikai teksts.

485
00:22:31,340 --> 00:22:33,730
Tagad pieņemsim kaut ko interesantu darīt.

486
00:22:33,730 --> 00:22:36,660
Es iešu uz priekšu un
aizņemties kādu no šo HTML.

487
00:22:36,660 --> 00:22:40,910
Es iešu uz priekšu un
izveidot jaunu failu šeit.

488
00:22:40,910 --> 00:22:43,370
Un mēs to saucam par rick.html.

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

490
00:22:46,190 --> 00:22:48,916
Mums ir nesamērīgi
Lietotas kaut

491
00:22:48,916 --> 00:22:51,290
sauc rick roll šajā
klase šogad, es nezinu,

492
00:22:51,290 --> 00:22:53,880
tas vienkārši notika organiski.

493
00:22:53,880 --> 00:22:55,397
>> Un tagad tas ir got no kontroles.

494
00:22:55,397 --> 00:22:56,730
Tāpēc es esmu tikai gatavojas iet ar to.

495
00:22:56,730 --> 00:22:59,700
Un, ja es eju uz Google
Attēli un Rick Astley.

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

497
00:23:02,450 --> 00:23:06,170
Ja jūs nezināt, kāpēc mēs to darām
Tas, tikai lasīt līdzi Wikipedia.

498
00:23:06,170 --> 00:23:11,520
Katru reizi, kad esat noklikšķinājis uz saites,
kāds ir bijis kaut kur smejas.

499
00:23:11,520 --> 00:23:14,860
Un ļaujiet man iet uz turieni ahead--
mēs ejam, pieņemsim apskatīt šo attēlu.

500
00:23:14,860 --> 00:23:16,750
>> Tātad šeit mums ir
attēls Google attēli.

501
00:23:16,750 --> 00:23:19,390
Un pieņemsim, ka tas ir
saprātīgi visur internetā.

502
00:23:19,390 --> 00:23:22,570
Tāpēc es esmu gatavojas pieņemt, tas ir OK, lai mani
faktiski īstenot šo manā mājas lapā.

503
00:23:22,570 --> 00:23:24,820
Es iešu uz priekšu
un kopēt attēla URL.

504
00:23:24,820 --> 00:23:28,600
Un tagad, ja es dodos atpakaļ uz Cloud
9, pieņemsim redzēt, ko es varu darīt šeit.

505
00:23:28,600 --> 00:23:30,630
Tātad, šeit ir tikai mājas lapa.

506
00:23:30,630 --> 00:23:39,020
Tas ir Rick Astley, haha,
Es esmu gatavojas tagad iet atpakaļ

507
00:23:39,020 --> 00:23:43,510
manu pārlūku, papildināšanas, un interesants.

508
00:23:43,510 --> 00:23:44,530
>> Kur ir Rick?

509
00:23:44,530 --> 00:23:46,050
Tāpēc ļaujiet man redzēt to, kas ir noticis.

510
00:23:46,050 --> 00:23:49,114
Patiesībā, es esmu gatavojas
izlikties, piemēram, es to nedarīju.

511
00:23:49,114 --> 00:23:50,280
[Dzirdams] nodot viņam šeit.

512
00:23:50,280 --> 00:23:52,520
Mēs būsim atpakaļ, ka pēc brīža.

513
00:23:52,520 --> 00:23:54,200
Tātad, šeit ir rick.html.

514
00:23:54,200 --> 00:23:56,070
Tātad tas nav Rick Astley.

515
00:23:56,070 --> 00:23:59,680
Tātad izrādās, mēs varam
faktiski pievienot viņu šeit.

516
00:23:59,680 --> 00:24:00,830
Tas ir Rick Astley.

517
00:24:00,830 --> 00:24:06,680
Es esmu gatavojas teikt sniegt man tēlu, kura
avots ir URL es tikko kopēts, kas

518
00:24:06,680 --> 00:24:09,110
acīmredzot ir laimīgs
dzimšanas kaut vai otru.

519
00:24:09,110 --> 00:24:13,280
>> Un tagad es esmu gatavojas
aizveriet kā šis tag.

520
00:24:13,280 --> 00:24:15,170
Tātad šis ir iesaiņošana super garš.

521
00:24:15,170 --> 00:24:17,740
Bet paziņo, ka viss, ko es esmu
darīts, ir atvērts bracket attēls,

522
00:24:17,740 --> 00:24:20,270
avots ar atribūts šo.

523
00:24:20,270 --> 00:24:21,530
Un tas ir ļoti garš URL.

524
00:24:21,530 --> 00:24:23,720
Un pašās beigās, šis paziņojums.

525
00:24:23,720 --> 00:24:29,530
Kāpēc es esmu darījis slash leņķveida kronšteins
tā vietā, lai, tāpat kā visi citi tag,

526
00:24:29,530 --> 00:24:33,590
kam atklātu kronšteinu,
IMG, slēgta kronšteinu?

527
00:24:33,590 --> 00:24:37,040
Just veikt uzminēt pat ja jūs
nav familiaritāte whatsoever

528
00:24:37,040 --> 00:24:40,410
ar HTML pirms tam.

529
00:24:40,410 --> 00:24:42,710
>> Tātad, tas ir, kā tas aizveras
komanda, bet kāpēc

530
00:24:42,710 --> 00:24:45,850
tas nav īsti darīt intuitīvi
jēga kaut ko darīt nedaudz vairāk

531
00:24:45,850 --> 00:24:48,820
runīgs tāpat aizvērt attēlu?

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

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

534
00:24:52,000 --> 00:24:55,620
Just semantiski, nav sajūtu
sākot attēlu un beidzot attēlu,

535
00:24:55,620 --> 00:24:56,870
Tas ir vai nu tur, vai tā nav.

536
00:24:56,870 --> 00:25:00,960
Tātad tas nav jēgas atstāt plaisu
kaut kas cits iekšpusē attēlu.

537
00:25:00,960 --> 00:25:02,010
Jūs vienkārši nevar darīt.

538
00:25:02,010 --> 00:25:03,720
Un tā sintakse
kopumā būtu tikai

539
00:25:03,720 --> 00:25:07,910
darīt slīpsvītra iekšā
atvērtās tag vai starta tag

540
00:25:07,910 --> 00:25:09,020
un pēc tam nospiediet Saglabāt.

541
00:25:09,020 --> 00:25:13,350
>> Tātad, ja es tagad pārlādēt šo failu, tagad
Man labu interneta lapu vārīšanas šeit.

542
00:25:13,350 --> 00:25:15,100
Un mēs noteikti varētu
tiešām kaitina cilvēki

543
00:25:15,100 --> 00:25:17,010
, iestrādājot vietā
piemēram, YouTube saiti.

544
00:25:17,010 --> 00:25:19,350
Un patiesībā, jebkurā laikā
esat kādreiz devies uz YouTube,

545
00:25:19,350 --> 00:25:22,190
un ļaujiet man patiešām nejauši
rick roll sevi šeit.

546
00:25:22,190 --> 00:25:25,770
Tātad Rick roll.

547
00:25:25,770 --> 00:25:29,592
Tātad rick roll-- es iešu šeit.

548
00:25:29,592 --> 00:25:31,900
>> [Mūzikas atskaņošanai]

549
00:25:31,900 --> 00:25:33,730
>> OK, viens cilvēks patika.

550
00:25:33,730 --> 00:25:37,270
Tātad paziņojums visu šo laiku, ja jums
noklikšķiniet uz Koplietot saiti, jūs, protams,

551
00:25:37,270 --> 00:25:41,390
iegūt URL, ka jūs faktiski var
iegultu e-pastu vai tiesu medicīnas attēlu

552
00:25:41,390 --> 00:25:43,730
vai ar problēmu, kas vai ar a slide.

553
00:25:43,730 --> 00:25:49,055
Un tagad, ja es tā vietā noklikšķiniet uz embed,
ievērosiet, ka visu šo laiku, šī stuff

554
00:25:49,055 --> 00:25:49,680
ir tur.

555
00:25:49,680 --> 00:25:50,910
Es iešu uz priekšu un kopēt to.

556
00:25:50,910 --> 00:25:54,000
>> Un tikai, lai mēs varētu redzēt labāk, es esmu
gatavojas ielīmēt to manā teksta redaktoru.

557
00:25:54,000 --> 00:25:55,860
Ievērojiet, ka tas, ko
YouTube ir stāsta jums.

558
00:25:55,860 --> 00:25:57,693
Katru reizi, kad apmeklējat
YouTube video, ja jums

559
00:25:57,693 --> 00:26:00,410
vēlaties, lai iegultu video par jūsu
mājas lapa, vienkārši paķert to.

560
00:26:00,410 --> 00:26:03,350
Tātad šis ir vēl viens
HTML tagu sauc iframe.

561
00:26:03,350 --> 00:26:04,590
Vai in līnijas rāmi.

562
00:26:04,590 --> 00:26:08,680
Tātad, tas ir pārāk izskatās mazliet vairāk
sarežģītāka nekā visiem pārējiem.

563
00:26:08,680 --> 00:26:11,950
Tātad izrādās, ka attēlu
tag un acīmredzot iframe tag

564
00:26:11,950 --> 00:26:13,370
ņemt to, ko sauc atribūti.

565
00:26:13,370 --> 00:26:15,710
>> Un tas ir vēl viens
gabals sintakses HTML.

566
00:26:15,710 --> 00:26:19,240
Papildus tag s
nosaukums, open kronšteins tag nosaukums,

567
00:26:19,240 --> 00:26:23,780
jūs varat kontrolēt uzvedību tagu
, ņemot visu ķekars atribūta

568
00:26:23,780 --> 00:26:24,860
ir vienāds ar vērtību.

569
00:26:24,860 --> 00:26:26,290
Atribūts vienāds vērtību.

570
00:26:26,290 --> 00:26:28,100
Un tā piemēram,
YouTube ir stāsta mums

571
00:26:28,100 --> 00:26:31,990
ja jūs vēlaties, platumu šo video
būt 420 pikseļi un augstums

572
00:26:31,990 --> 00:26:35,470
lai būtu 315 pikseļi, kas ir
kā jūs izteikt to HTML.

573
00:26:35,470 --> 00:26:38,480
>> Par video avots notiek
lai būt, ka ilgi YouTube URL

574
00:26:38,480 --> 00:26:40,830
un pēc tam daži citi sīkumi
tāpat rāmis robeža ir nulle,

575
00:26:40,830 --> 00:26:43,500
tā ka, iespējams, nozīmē, ka ir
nav robežu ap lieta.

576
00:26:43,500 --> 00:26:45,450
Atļaut visu ekrānu, iespējams,
nozīmē, ka lietotājs

577
00:26:45,450 --> 00:26:47,840
var noklikšķināt uz pogas un
faktiski pilna ekrāna video.

578
00:26:47,840 --> 00:26:52,870
Tātad, ja es tiešām gribu būt
iespaidīgs šeit Rick dot HTML,

579
00:26:52,870 --> 00:26:58,490
nevis izmantot attēla tagu, ļaujiet
man dzēst, ka tā vietā, lai ielīmētu to.

580
00:26:58,490 --> 00:27:00,810
Un tagad pārlādēt.

581
00:27:00,810 --> 00:27:02,500
Un tagad šeit mēs aiziet vēlreiz.

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

583
00:27:04,979 --> 00:27:06,020
Labi, tas ir pietiekami.

584
00:27:06,020 --> 00:27:08,970
Visas tiesības tāpēc es centīšos
grūti nav to darīt atkal.

585
00:27:08,970 --> 00:27:11,400
Tātad, kādi ir daži no takeaways šeit?

586
00:27:11,400 --> 00:27:15,130
Tātad HTML, kā neglīts kā šajās mājas lapās
ir, ir faktiski diezgan vienkāršs.

587
00:27:15,130 --> 00:27:16,467
Tas nav programmēšanas valoda.

588
00:27:16,467 --> 00:27:17,550
Tas nav funkcijas.

589
00:27:17,550 --> 00:27:18,410
Tas nav cilpas.

590
00:27:18,410 --> 00:27:19,535
Tas nav nosacījumiem.

591
00:27:19,535 --> 00:27:22,900
Viss, kas ir, ir desmitiem
dažādi tags, katrs no kuriem

592
00:27:22,900 --> 00:27:24,620
ir nulle vai vairāk atribūtus.

593
00:27:24,620 --> 00:27:27,320
Un patiesībā, kas ir jautri par
HTML, kā jūs sākat nodoties

594
00:27:27,320 --> 00:27:29,560
ir tas, ka tas ir ļoti sevi teachable.

595
00:27:29,560 --> 00:27:32,880
>> Viss, kas nepieciešams, ir izpratne
vispārējā sistēmā HTML.

596
00:27:32,880 --> 00:27:36,510
Kas ir tag, kas ir atribūts,
Kā jūs faktiski konfigurēt tīmekļa lapu

597
00:27:36,510 --> 00:27:37,250
sekojoši.

598
00:27:37,250 --> 00:27:40,720
Un viss pārējais ir patiešām rezultāts
meklē up tiešsaistes atsauce

599
00:27:40,720 --> 00:27:43,080
vai googling kā to izdarīt dažus
paņēmiens vai kā mēs esam redzējuši,

600
00:27:43,080 --> 00:27:45,371
apskatot Facebook avota
kods, aplūkojot mājas lapā

601
00:27:45,371 --> 00:27:48,710
ka jums patīk pie tā ir pirmkodu un
saprast, kā izstrādātāji tur

602
00:27:48,710 --> 00:27:50,550
faktiski noteiktas lietas.

603
00:27:50,550 --> 00:27:52,180
>> Tātad, mēs varam darīt, attēlus, kā arī.

604
00:27:52,180 --> 00:27:53,994
Un patiesībā, mēs to darīja pirms brīža.

605
00:27:53,994 --> 00:27:55,410
Ļaujiet man iet uz priekšu un tikai parādīt jums.

606
00:27:55,410 --> 00:27:56,770
Lūk, daži parauga kodu.

607
00:27:56,770 --> 00:27:58,380
Ja jūs kādreiz vēlaties redzēt kašķīgs kaķis.

608
00:27:58,380 --> 00:28:00,620
Tāpēc ievērosiet, ka es varu
ir attēla tagu šeit.

609
00:28:00,620 --> 00:28:02,090
Un man komentāru virs tā.

610
00:28:02,090 --> 00:28:04,490
Man alternatīva
teksta pieejamības.

611
00:28:04,490 --> 00:28:07,250
Tātad, kāds, kurš, izmantojot ekrānu
lasītājs dēļ redzes

612
00:28:07,250 --> 00:28:10,172
var faktiski tad ir viņu
ekrāna lasītājs saka kašķīgs kaķis.

613
00:28:10,172 --> 00:28:11,880
Jo, ja viņi nevar
redzēt attēlu, viņi

614
00:28:11,880 --> 00:28:14,504
var vismaz būt savu datoru
pateikt viņiem mutiski, kas tas ir.

615
00:28:14,504 --> 00:28:18,020
Un avots šajā failā ir cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
Tātad faktiski, ja es patiešām gribēju
get gudrs, ko es varētu būt done--

617
00:28:22,472 --> 00:28:25,680
Es apsolu neiet uz Rick Astley, tāpēc
Es esmu gatavojas google kaķis vietā.

618
00:28:25,680 --> 00:28:28,290
Un, ja es eju uz Google Images
šeit, un mēs pieņemam

619
00:28:28,290 --> 00:28:30,040
ka tas ir priekšstatu par manu kaķi.

620
00:28:30,040 --> 00:28:35,070
>> Pieņemsim, ka man ir kontrole noklikšķinājuši
vai pa labi noklikšķinājis uz to, nejauši

621
00:28:35,070 --> 00:28:35,630
rāpojošs.

622
00:28:35,630 --> 00:28:40,320
Un cat.jpeg es eju
ietaupīt uz mana galda.

623
00:28:40,320 --> 00:28:44,700
Ļaujiet man tagad iet atpakaļ uz mākoni 9.

624
00:28:44,700 --> 00:28:48,150
Ievērojiet, ka šeit, es varu
iet augšupielādēt lokālos failus.

625
00:28:48,150 --> 00:28:51,530
Un, ja es greifers šo
fails, cat.jpeg, paziņojums

626
00:28:51,530 --> 00:28:54,674
ka es varu vilkt to un
nometiet to mākonis 9

627
00:28:54,674 --> 00:28:56,090
un tas notiek, lai kliegt uz mani šeit.

628
00:28:56,090 --> 00:28:59,000
>> Tāpēc, ka mēs esam jau
devis jums cat.jpeg failu,

629
00:28:59,000 --> 00:29:01,430
bet tas ir super viegli
paķert fotoattēlu, ka jūs esat

630
00:29:01,430 --> 00:29:03,220
ņemts no Facebook
vai Flickr vai tamlīdzīgi

631
00:29:03,220 --> 00:29:05,678
un faktiski vilkt un nomest to
uz mākonis 9, un tad dara to

632
00:29:05,678 --> 00:29:07,970
daļa no jūsu personīgajai
mājas lapā vai problēma

633
00:29:07,970 --> 00:29:10,442
noteikti septiņi vai astoņi, kā mēs drīz redzēt.

634
00:29:10,442 --> 00:29:12,150
Un tad, kad jūs
beidzot apmeklēt šo kaķi,

635
00:29:12,150 --> 00:29:16,610
pieņemot, ka es lejupielādēt šo pašu kaķis,
paziņojums that-- tas bija burvīga.

636
00:29:16,610 --> 00:29:19,160
>> Ko jūs redzat ir
kaut kas līdzīgs šim seju šeit.

637
00:29:19,160 --> 00:29:21,810
Tātad failiem,
Lūgums ietvaros mājas lapā

638
00:29:21,810 --> 00:29:26,050
var būt vai nu vietējā savā
konts vai vadība uz kādu citu serveri

639
00:29:26,050 --> 00:29:29,670
kā gadījumā ar Rick
Astley foto mazliet atpakaļ.

640
00:29:29,670 --> 00:29:32,990
Tātad, ja else-- ko
vēl mēs varam darīt šeit?

641
00:29:32,990 --> 00:29:34,890
Tātad, pieņemsim to apskatīt turpmāk.

642
00:29:34,890 --> 00:29:36,160
Jūs zināt, kas ir sava veida atdzist?

643
00:29:36,160 --> 00:29:39,330
>> Līdz šim mēs esam pieņemšanas
ļoti statiskās tīmekļa lapas.

644
00:29:39,330 --> 00:29:41,830
Es gribu, lai spice lietas uz augšu šādi.

645
00:29:41,830 --> 00:29:44,344
Es vēlos, lai mana meklētājprogrammu.

646
00:29:44,344 --> 00:29:47,010
Tāpēc, lai padarītu meklētājprogrammu, pieņemsim
iet uz priekšu un sākt darīt to.

647
00:29:47,010 --> 00:29:52,570
Es iešu uz priekšu un radīt
jaunu failu sauc search.html.

648
00:29:52,570 --> 00:29:54,890
Un mēs esam prefabed versijas tiešsaistē.

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

650
00:29:56,027 --> 00:29:57,610
Nelietojiet ielīmēt jūsu termināla logā.

651
00:29:57,610 --> 00:29:58,744
Paneļu versijas tiešsaistē.

652
00:29:58,744 --> 00:30:00,160
Un es esmu gatavojas sākt šādi.

653
00:30:00,160 --> 00:30:04,490
Tātad, šeit ir sākums
failu sauc search.html.

654
00:30:04,490 --> 00:30:07,510
Es esmu gatavojas, lai saglabātu to
šodienas avots direktorijā.

655
00:30:07,510 --> 00:30:09,079
Es esmu gatavojas, lai izsauktu šo meklēšana.

656
00:30:09,079 --> 00:30:10,370
Patiesībā, mēs padarīt to labāku.

657
00:30:10,370 --> 00:30:13,600
CS50 Search un faktiski zīmolu tā.

658
00:30:13,600 --> 00:30:17,500
Un tagad, es esmu gatavojas teikt
kaut kā H1 CS50 Meklēt.

659
00:30:17,500 --> 00:30:20,930
Un tad uz leju šeit, H2 Drīzumā.

660
00:30:20,930 --> 00:30:23,230
Un tikai vēlreiz apkopot, H1 un
H2 nozīmē ko attiecīgi?

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

662
00:30:26,750 --> 00:30:30,320
>> Jā, tik liels un drosmīgs, un
nav tik liels, bet tomēr treknrakstā.

663
00:30:30,320 --> 00:30:37,375
Tātad, ja es glābt šo un iet vairāk nekā šeit,
pieņemsim redzēt faila search.html.

664
00:30:37,375 --> 00:30:42,560
Visi pa labi, un šis viens
ir right-- [nedzirdama].

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

666
00:30:46,980 --> 00:30:49,110
Stāvēt.

667
00:30:49,110 --> 00:30:49,945
Deivids ir sajaukt.

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

669
00:30:52,610 --> 00:30:54,080
Ak, tas ir labi tur.

670
00:30:54,080 --> 00:30:54,860
Deivids ir idiots.

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

672
00:30:55,420 --> 00:30:56,660
Tātad tas ir.

673
00:30:56,660 --> 00:30:58,350
Tātad CS50 meklēšana Drīzumā.

674
00:30:58,350 --> 00:31:00,370
Tāpēc tagad, pieņemsim sintezēt
ko mēs darījām pagājušajā nedēļā.

675
00:31:00,370 --> 00:31:03,400
>> Kur mēs runājām par
zemāka līmeņa mehānika HTTP.

676
00:31:03,400 --> 00:31:05,780
Un šie jaunas idejas
HTML, kas ir tikai

677
00:31:05,780 --> 00:31:08,890
Tas iezīmēšanas valoda, kurā jūs
pastāstīt pārlūkprogrammu tieši to, ko darīt

678
00:31:08,890 --> 00:31:10,740
un īstenot savu meklētājprogrammu.

679
00:31:10,740 --> 00:31:12,520
Tā vietā, lai vienkārši
sakot Drīzumā, es esmu

680
00:31:12,520 --> 00:31:14,810
gatavojas ieviest
kaut kas ko sauc par veidlapu tag.

681
00:31:14,810 --> 00:31:19,610
Un šādā veidā, es esmu gatavojas
ir kaut kas līdzīgs ievades laukā.

682
00:31:19,610 --> 00:31:22,450
>> Un sauc šo ieguldījumu
lauka, es esmu gatavojas, lai izsauktu to Q.

683
00:31:22,450 --> 00:31:26,240
Un šī ievades lauka tips
Es esmu gatavojas teikt, ir tikai "tekstu".

684
00:31:26,240 --> 00:31:29,130
Un teksta lauks, kā mēs
redzēt, ir tikai teksta lodziņā.

685
00:31:29,130 --> 00:31:32,830
Un tā tas nav sajūtu šeit ir
kaut iekšpusē tā šajā brīdī.

686
00:31:32,830 --> 00:31:35,320
Un tāpēc es esmu vienkārši dodas
slēgt tagu ar ka

687
00:31:35,320 --> 00:31:38,099
slīpsvītra tiesības tag pati.

688
00:31:38,099 --> 00:31:39,890
Un tad es esmu gatavojas
ir viena otru ieeju.

689
00:31:39,890 --> 00:31:43,480
Ieejas tips vienāds iesniegt.

690
00:31:43,480 --> 00:31:45,320
Un tad es esmu gatavojas
aizvērt šo vienu too.

691
00:31:45,320 --> 00:31:46,840
>> Un tagad es esmu gatavojas doties atpakaļ šeit.

692
00:31:46,840 --> 00:31:49,520
Un jau mēs redzam,
kaut arī diezgan neglīts, es esmu

693
00:31:49,520 --> 00:31:52,460
ieguva sākumu
mana meklēšanas lapa šeit.

694
00:31:52,460 --> 00:31:55,150
Patiesībā, ļaujiet man mēģināt
sakopt šo augšu mazliet.

695
00:31:55,150 --> 00:31:57,330
Izrādās, ka uz
ievade šeit, es varu būt

696
00:31:57,330 --> 00:31:59,910
cits atribūts sauc vietturis.

697
00:31:59,910 --> 00:32:05,165
Un es varētu redzēt kaut ko līdzīgu atslēgvārdu,
vai precīzāk, vaicājumu par q.

698
00:32:05,165 --> 00:32:07,820
>> Un paziņojums, tagad, man ir
šāda veida pelēkā krāsā

699
00:32:07,820 --> 00:32:10,440
ka pazūd kā
Tiklīdz es sāku rakstīt,

700
00:32:10,440 --> 00:32:12,930
bet tas ir iespējams, kaut
jūs esat redzējis citās mājas lapās.

701
00:32:12,930 --> 00:32:14,650
Man nav īsti nepatīk pogas Iesniegt.

702
00:32:14,650 --> 00:32:18,320
Tāpēc es esmu patiešām gatavojas dot
Pogas Iesniegt vērtību meklējumos.

703
00:32:18,320 --> 00:32:21,680
Un tagad, ja es pārlādēt, ievēroju, ka
mana poga kļūst nosaukts meklēšanu.

704
00:32:21,680 --> 00:32:24,140
Ziniet, man nav īsti
tāpat logotipu šeit.

705
00:32:24,140 --> 00:32:27,140
Tātad Google Fonts ģenerators.

706
00:32:27,140 --> 00:32:28,820
>> Es gribu, lai spice up šo tālāk.

707
00:32:28,820 --> 00:32:30,660
Tātad CS50 meklēšanu.

708
00:32:30,660 --> 00:32:31,870
Ļaujiet man izveidot savu logo.

709
00:32:31,870 --> 00:32:33,080
Tas izskatās jauki.

710
00:32:33,080 --> 00:32:36,945
Tāpēc tagad ļaujiet man glābt šo as-- come on.

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

712
00:32:40,710 --> 00:32:43,120
Ja tas notiek?

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

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

715
00:32:44,160 --> 00:32:44,980
Neatbildētos to.

716
00:32:44,980 --> 00:32:47,740
Saglabāt kā.

717
00:32:47,740 --> 00:32:49,470
Stulba pārlūkprogrammām.

718
00:32:49,470 --> 00:32:51,700
Stand by, mēs ejam, lai
noteikt šo vienreiz un par visām reizēm.

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

720
00:32:57,650 --> 00:32:58,590
Tur mēs ejam.

721
00:32:58,590 --> 00:32:59,090
Viss kārtībā.

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

723
00:32:59,600 --> 00:33:00,750
Off diena.

724
00:33:00,750 --> 00:33:02,310
Tagad tas ir bailīgs.

725
00:33:02,310 --> 00:33:03,160
Iziet no pilnekrāna režīma.

726
00:33:03,160 --> 00:33:04,150
Viss kārtībā.

727
00:33:04,150 --> 00:33:06,870
>> Tagad, tāpat kā normāls
persona, saglabāt attēlu kā.

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

729
00:33:08,810 --> 00:33:13,194
Tagad es iešu uz CS50IDE un
Es esmu gatavojas vienkārši paķert logo,

730
00:33:13,194 --> 00:33:15,360
Es esmu gatavojas velciet to
mans avots septiņi katalogs,

731
00:33:15,360 --> 00:33:17,002
fails jau pastāv, es esmu OK ar to.

732
00:33:17,002 --> 00:33:19,210
Tāpēc es esmu gatavojas ignorēt to
jo man jau bija tā.

733
00:33:19,210 --> 00:33:20,630
Un tagad, kā es varu atbrīvoties no šī?

734
00:33:20,630 --> 00:33:24,670
>> Iesim uz priekšu šeit un darīt
Image Source vienāds logo.gif.

735
00:33:24,670 --> 00:33:25,490
Aizvērt šo.

736
00:33:25,490 --> 00:33:26,050
Saglabāt.

737
00:33:26,050 --> 00:33:30,560
Un tagad, ja es dodos atpakaļ uz manu meklēšanu
lapas, šobrīd tas meklē diezgan laba.

738
00:33:30,560 --> 00:33:33,610
Visas tiesības, tāpēc tas ir ne
diezgan izdarījis kaut ko noderīgu.

739
00:33:33,610 --> 00:33:37,000
Patiesībā, ļaujiet man mēģināt meklēt
par kaķi un redzēt, kas notiek.

740
00:33:37,000 --> 00:33:38,890
Kaķi.

741
00:33:38,890 --> 00:33:39,420
Sasodīts.

742
00:33:39,420 --> 00:33:41,400
Tas nav tikai darbs, acīmredzot.

743
00:33:41,400 --> 00:33:43,760
Tātad, kas ir galvenais gabals
ka trūkst šeit?

744
00:33:43,760 --> 00:33:49,100
>> Tiesības, pat ja jūs nezināt nevienu HTML,
Esmu sācis marķējums up tālruņa formu

745
00:33:49,100 --> 00:33:54,130
un es esmu teicis to, kā iegūt izejvielas,
man tekstlodziņu un iesniegt poga,

746
00:33:54,130 --> 00:33:55,730
ko gabals ir acīmredzami trūkst?

747
00:33:55,730 --> 00:33:58,975
Pieņemsim, ka mēs vēlamies, lai faktiski nokļūt
šī lieta darbojas pareizi.

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

749
00:34:02,420 --> 00:34:05,360
Kas mums jādara?

750
00:34:05,360 --> 00:34:08,860
Mums ir nepieciešams, lai īstenotu atpakaļ beigām
datubāzes vai meklētājprogrammu pati,

751
00:34:08,860 --> 00:34:11,210
un kas notiek, lai paiet
visai daudz laika, atklāti sakot.

752
00:34:11,210 --> 00:34:13,380
>> Tātad, atcerēties to, ko mēs darījām pēdējo reizi.

753
00:34:13,380 --> 00:34:18,230
Tātad, ja jūs meklēt kaut ko Google
un jūs esat jau iepriekš izslēgts,

754
00:34:18,230 --> 00:34:20,355
Atsaukt, instant meklēšanu.

755
00:34:20,355 --> 00:34:22,230
Tāpēc ļaujiet man vērsties, kas off
tā, ka tas faktiski

756
00:34:22,230 --> 00:34:26,650
uzvedas kā vecāku skolas pārlūku,
ja es tagad meklētu kaut ko līdzīgu kaķiem,

757
00:34:26,650 --> 00:34:28,190
atgādināt to, ko URL izskatās.

758
00:34:28,190 --> 00:34:29,449
Tas ir diezgan noslēpumains.

759
00:34:29,449 --> 00:34:33,000
Bet iestrādāts tur,
Atsaukt, ir slīpsvītra meklēšanu.

760
00:34:33,000 --> 00:34:35,100
Jautājuma zīme Q ir vienāds kaķiem.

761
00:34:35,100 --> 00:34:37,760
>> Un tas, šķiet, dod man
viss ķekars meklēšanas rezultātiem.

762
00:34:37,760 --> 00:34:39,134
Tātad, jūs zināt, ko es esmu gatavojas darīt?

763
00:34:39,134 --> 00:34:41,650
Es esmu gatavojas aizņemties
Google tikai minūti.

764
00:34:41,650 --> 00:34:43,670
Es iešu pa
šeit, un es esmu gatavojas teikt

765
00:34:43,670 --> 00:34:47,850
ka tas veido rīcību vai
galamērķis, tā sakot,

766
00:34:47,850 --> 00:34:49,330
vajadzētu burtiski būt Google.

767
00:34:49,330 --> 00:34:52,590
Un metode es gribēju
to izmantošana būs minimāli.

768
00:34:52,590 --> 00:34:53,560
>> Tātad, kas ir rīcība?

769
00:34:53,560 --> 00:34:55,760
Rīcība ir weirdly nosaukts,
bet tas tikai nozīmē,

770
00:34:55,760 --> 00:34:58,120
kurš gatavojas rīkoties
Šīs veidlapas rīcība?

771
00:34:58,120 --> 00:35:00,820
Kad es noklikšķiniet uz Meklēt, kur
būtu rezultāts iet?

772
00:35:00,820 --> 00:35:05,300
Un, ja es tagad iet atpakaļ uz manu formu
šeit un pārlādēt savu mājas lapu

773
00:35:05,300 --> 00:35:09,000
un tagad meklēt kaut ko
piemēram, suni, paziņojums tagad

774
00:35:09,000 --> 00:35:10,850
Esmu atkal īstenoti Google.

775
00:35:10,850 --> 00:35:11,350
Tiesības?

776
00:35:11,350 --> 00:35:14,141
>> Ja es gribu, lai meklētu kaut ko
cits, tas darbojas ne tikai suņiem,

777
00:35:14,141 --> 00:35:16,400
tas darbojas arī kaķiem.

778
00:35:16,400 --> 00:35:21,930
Tā arī strādā CS50.

779
00:35:21,930 --> 00:35:24,310
Un OK, tas ir tikai
zem whelming, vai ne?

780
00:35:24,310 --> 00:35:25,920
Viss labi, bet tā faktiski darbojas.

781
00:35:25,920 --> 00:35:27,360
Tātad, kas ir faktiski notiek?

782
00:35:27,360 --> 00:35:31,340
Tāpēc es esmu mācījis manu pārlūku, izmantojot
HTML, lai ņemtu informāciju no lietotāja

783
00:35:31,340 --> 00:35:35,810
un faktiski nosūtīt šo ievade
ar attālo serveri, izmantojot HTTP.

784
00:35:35,810 --> 00:35:39,120
>> Un tāpēc, ka manā pārlūkprogrammā
saprot HTTP, tā faktiski

785
00:35:39,120 --> 00:35:43,500
būvēt lai tas, ko URL
Es galu galā pār manu pārlūku,

786
00:35:43,500 --> 00:35:45,660
paziņojums, kas notiek
kad es meklēja suns.

787
00:35:45,660 --> 00:35:49,270
Ja es noklikšķiniet uz Meklēt, ievērosiet, ka
URL izmaiņas, kā es paredzēts

788
00:35:49,270 --> 00:35:52,770
lai google.com/search~~V vaicājumu vienāds suns.

789
00:35:52,770 --> 00:35:56,020
Un tas ir tāpēc, ka veidā
zina, jo metode ir iegūt,

790
00:35:56,020 --> 00:35:59,560
vienkārši pievienot to šo URL tur.

791
00:35:59,560 --> 00:36:01,730
>> Tagad, lai šīs mājas lapas vēl ir neglīts.

792
00:36:01,730 --> 00:36:04,890
Tātad pieņemsim iepazīstināt viens otru
gabals sintakses ja mēs varam šodien.

793
00:36:04,890 --> 00:36:07,640
Un tas ir kaut kas zināms
kā kaskādes stila lapas.

794
00:36:07,640 --> 00:36:10,720
Tāpēc ļaujiet man to apskatīt
Šis piemērs šeit un redzēt

795
00:36:10,720 --> 00:36:12,380
ja mēs varam secināt, kas notiek.

796
00:36:12,380 --> 00:36:14,520
Tas ir CSS0.html.

797
00:36:14,520 --> 00:36:16,532
Un tas ir, ja lietas
saņemt nedaudz neglīts.

798
00:36:16,532 --> 00:36:18,490
Jo diemžēl,
pasaulē tīmeklī,

799
00:36:18,490 --> 00:36:20,920
HTML vien nevar darīt visu.

800
00:36:20,920 --> 00:36:22,920
Un tā, ja jūs vēlaties, lai
stylize jūsu mājas lapā,

801
00:36:22,920 --> 00:36:28,370
jums tiešām ir nepieciešams koncentrēties uz
estētika savādāk.

802
00:36:28,370 --> 00:36:33,090
Tātad šeit, man ir ķermeņa manu web
lapa iekšpusē, kas ir liels div.

803
00:36:33,090 --> 00:36:34,700
Un div tikai nozīmē sadalījumu.

804
00:36:34,700 --> 00:36:38,060
Tātad tas ir kā punkts, bet tas
nav tādas pašas semantiku

805
00:36:38,060 --> 00:36:39,180
no daļas tekstu.

806
00:36:39,180 --> 00:36:40,940
>> Tas tikai nozīmē, uz
pārlūku, šeit nāk

807
00:36:40,940 --> 00:36:45,210
liels taisnstūra reģions manas mājas
lapa, es gribu rīkoties ar to speciāli.

808
00:36:45,210 --> 00:36:47,420
Tagad, līnija 21 ir, ja tas div sākas.

809
00:36:47,420 --> 00:36:48,770
Un tikai veikt minējums.

810
00:36:48,770 --> 00:36:53,080
Kāda ir ietekme līnijas 21 par
pārējie lapas saturu?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
Centrēšanas to.

813
00:36:56,311 --> 00:36:56,810
Tas ir viss.

814
00:36:56,810 --> 00:36:58,830
Tātad mēs neesam redzējuši ceļu
faktiski centrēšanas tekstu.

815
00:36:58,830 --> 00:37:00,996
>> Faktiski, mans meklētājprogrammu,
atšķirībā no faktiskā Google,

816
00:37:00,996 --> 00:37:03,040
viss bija pamatots pāri pa kreisi.

817
00:37:03,040 --> 00:37:07,430
Un tāpēc tagad rindā 21, es saku, hey
pārlūku, izveidot sadalījumu lapā.

818
00:37:07,430 --> 00:37:09,450
Dāvini man liels, neredzams taisnstūri.

819
00:37:09,450 --> 00:37:11,490
Tas ir, kā es gribu
domāt par mājas lapā.

820
00:37:11,490 --> 00:37:13,870
Un tad stylize to šādi.

821
00:37:13,870 --> 00:37:16,900
Inside šo citātus,
Tagad, ir otrā valoda

822
00:37:16,900 --> 00:37:19,969
ka mēs iepazīstināja šodien
sauktie kaskādes stila lapas.

823
00:37:19,969 --> 00:37:22,010
Par laimi, tas arī nav
programmēšanas valoda,

824
00:37:22,010 --> 00:37:26,470
tāpēc tas ir ļoti ierobežoti savā sintaksi, bet
arī ļoti ierobežota tās funkcionalitāti

825
00:37:26,470 --> 00:37:30,670
tā kā HTML ir visu par
marķēšana up datus mājas lapā

826
00:37:30,670 --> 00:37:32,130
un struktūra Web lapu.

827
00:37:32,130 --> 00:37:35,320
CSS ir parasti apmēram tāds
pēdējā jūdze, estētika,

828
00:37:35,320 --> 00:37:40,160
iegūt izmēru un krāsu un
izvietošana tieši labi, kas mājas lapā.

829
00:37:40,160 --> 00:37:43,000
Un patiešām, tā ir izveidota
ar galveno vērtību pārus.

830
00:37:43,000 --> 00:37:46,290
>> Īpašums kā šis, tekstā
saskaņot, kam seko kols,

831
00:37:46,290 --> 00:37:49,720
kam seko vērtības, kas
iestādē, kas šajā gadījumā ir centrs.

832
00:37:49,720 --> 00:37:51,910
Un tagad pamanīs
var ligzdot šīs lietas.

833
00:37:51,910 --> 00:37:56,780
Ja es gribēju visu, kas
Es esmu uzsvērusi, kas centrēts,

834
00:37:56,780 --> 00:38:00,270
tāpēc man ir līnija 21 un
atbilstošajā rindā 31.

835
00:38:00,270 --> 00:38:04,820
Bet pieņemsim, ka tagad gribu pateikt Jāni
Harvard, welcome uz manu mājas lapā.

836
00:38:04,820 --> 00:38:06,530
>> Copyright simbols John Harvard.

837
00:38:06,530 --> 00:38:09,180
Un domāju, ka es vēlos, lai vispirms
šo līniju būt diezgan liels.

838
00:38:09,180 --> 00:38:10,450
36 pikseļi.

839
00:38:10,450 --> 00:38:11,530
Tātad tas ir pienācīgas lieluma.

840
00:38:11,530 --> 00:38:13,240
Un es gribēju savu svaru būt drosmīgs.

841
00:38:13,240 --> 00:38:15,450
Bet tad zemāk, ka
Es gribu mazāku tekstu.

842
00:38:15,450 --> 00:38:19,980
Un tālāk, ka es gribu
vēl mazāka tekstu.

843
00:38:19,980 --> 00:38:20,480
Piedodiet.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
Šodien jūtas kā Brīvdiena.

846
00:38:26,940 --> 00:38:29,840
>> Tāpēc tagad, ko es daru, lai paustu šo?

847
00:38:29,840 --> 00:38:34,580
Šeit on line 22 ir iegultās
div vai ligzdotu div, ja Jums gribas.

848
00:38:34,580 --> 00:38:36,190
Tā arī ir savs stils tag.

849
00:38:36,190 --> 00:38:38,160
Es norādīt fonta izmēru 36.

850
00:38:38,160 --> 00:38:40,460
Es norādīt fontu svaru treknrakstā.

851
00:38:40,460 --> 00:38:43,360
Down šeit, es tikai norādīt 24 pikseļi.

852
00:38:43,360 --> 00:38:45,960
Un visbeidzot, atbilstoši 28., varu norādīt 12.

853
00:38:45,960 --> 00:38:49,070
Tik vienkārši kā ātri veselība pārbaudītu
un kā cilvēks lasot šo,

854
00:38:49,070 --> 00:38:52,545
kurus vārdus uz ekrāna ir
faktiski būs drosmīgs?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
Kuras līnijas ir patiešām drosmīgs?

857
00:38:58,760 --> 00:38:59,570
>> Vienkārši John Harvard.

858
00:38:59,570 --> 00:39:00,070
Tiesības?

859
00:39:00,070 --> 00:39:05,940
Jo tāpat kā līnija 22 saka hey
pārlūku, šeit ir sadalījums lapas.

860
00:39:05,940 --> 00:39:07,920
Padariet to burtu lielums 36 punktu.

861
00:39:07,920 --> 00:39:09,460
Padarīt fonta svars treknrakstā.

862
00:39:09,460 --> 00:39:11,920
Tiklīdz jūs sasniegsiet
atbilstošais end tag

863
00:39:11,920 --> 00:39:15,340
vai slēgta tag on line 24,
tas nozīmē, hey pārlūku,

864
00:39:15,340 --> 00:39:17,640
pārtraukt darīt kāds tas ir jūs darāt.

865
00:39:17,640 --> 00:39:21,020
Un paziņojums, lai būtu skaidrs, kaut arī
line 22 ir visi no šiem atribūtiem

866
00:39:21,020 --> 00:39:24,430
līdzīga stila, kad jūs
aizvērt tagu rindā 24,

867
00:39:24,430 --> 00:39:25,940
Jums tikai minēt tag vārdu.

868
00:39:25,940 --> 00:39:29,990
>> Jums nav atkārtot vārdu stilu vai
kaut kas ir iekšā šos citātus.

869
00:39:29,990 --> 00:39:32,860
Un tāpēc, ja es paskatos šo tagad
manā pārlūkprogrammā, pieņemsim

870
00:39:32,860 --> 00:39:38,060
apskatīt gala rezultātu. Laid mani
priekšu, lai šo failu, kas ir CSS 0.

871
00:39:38,060 --> 00:39:41,814
Un tas joprojām ir diezgan vienkāršs,
bet kļūst diezgan interesants.

872
00:39:41,814 --> 00:39:43,980
Bet izrādās, tur ir
citas lietas, ko es varu darīt šeit,

873
00:39:43,980 --> 00:39:46,490
un pie pastāv risks, ka
Tas pilnīgi pretīgs,

874
00:39:46,490 --> 00:39:48,630
ievērosiet šeit, ka manā
ķermenis manā mājas lapā,

875
00:39:48,630 --> 00:39:53,930
Es varu darīt kaut ko funny
piemēram, BG vai fona krāsu.

876
00:39:53,930 --> 00:39:56,670
>> Un ātri, kāda ir jūsu mīļākā krāsa?

877
00:39:56,670 --> 00:39:57,720
Green es dzirdēju.

878
00:39:57,720 --> 00:39:58,750
Viss kārtībā.

879
00:39:58,750 --> 00:40:02,920
Tāpēc tagad, ja es hit reload tagad,
mums ir zaļā mājas lapā.

880
00:40:02,920 --> 00:40:04,710
Labi, tā ka tas nav slikti.

881
00:40:04,710 --> 00:40:08,350
Un tagad, ja es gribu, lai tas patiešām
cool, es varu darīt krāsu mana teksta

882
00:40:08,350 --> 00:40:09,360
pat sarkanā krāsā.

883
00:40:09,360 --> 00:40:10,870
Tātad, pieņemsim redzēt, kā tas izskatās.

884
00:40:10,870 --> 00:40:12,230
Tagad tas meklē diezgan laba.

885
00:40:12,230 --> 00:40:15,460
Un šeit lejā, ja jūs patiešām
gribu sajaukt ar kādu

886
00:40:15,460 --> 00:40:17,487
vai, ja jūs vēlaties būt
viens no tiem cilvēkiem, kas

887
00:40:17,487 --> 00:40:20,570
mēģina triks jūs vērā apmeklējot web
lapa jo viņi apspēlēja Google

888
00:40:20,570 --> 00:40:27,610
domāt, tur ir viss ķekars
no atslēgas vārdi like-- pieņemsim redzēt, pārlādēt.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
Ja tas iet?

891
00:40:30,680 --> 00:40:31,530
Un tur tas mūs.

892
00:40:31,530 --> 00:40:32,030
Viss kārtībā.

893
00:40:32,030 --> 00:40:34,905
Tāpēc es saku kā malā, mēs
runāt par šo stuff pēc dažām nedēļām

894
00:40:34,905 --> 00:40:36,740
kad mēs runājam par
drošība, ja jums tiešām

895
00:40:36,740 --> 00:40:38,852
iegult veselas ķekarus
Atslēgas vārdi, kas mājas lapā,

896
00:40:38,852 --> 00:40:41,810
pat tad, ja viņi nav pamanāma
cilvēks, kāds, piemēram, Google, protams,

897
00:40:41,810 --> 00:40:43,250
joprojām var reāli atrast šo.

898
00:40:43,250 --> 00:40:45,820
Labi, tā ka ir diezgan
pretīgs diezgan ātri.

899
00:40:45,820 --> 00:40:48,420
>> Un patiesībā, tas vēl nav viss
ka daudz atšķirībā no manas mājas

900
00:40:48,420 --> 00:40:51,480
lapa kā undergraduate, kas
Es sāku googling apkārt, lai atrastu

901
00:40:51,480 --> 00:40:53,690
pagātnes versijas manas vecās mājas lapām.

902
00:40:53,690 --> 00:40:54,500
Tas bija diezgan slikti.

903
00:40:54,500 --> 00:40:56,650
Patiesībā, es tomēr atrast
viens tieši pirms klasē.

904
00:40:56,650 --> 00:40:58,620
Bet tur ir sliktāks, kas tur.

905
00:40:58,620 --> 00:41:01,534
Tas acīmredzot bija mans
mājas lapa atpakaļ 1996. gadā.

906
00:41:01,534 --> 00:41:04,200
Acīmredzot es domāju, tas bija
lietderīgi lūgt cilvēkus savu vārdu

907
00:41:04,200 --> 00:41:05,991
pirms tie varētu
faktiski redzēt manu mājas lapā.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> Un tad es viņiem parādīja
kaut ko stulbu, droši vien.

910
00:41:11,920 --> 00:41:13,450
Es izrakt vairāk nākamajai reizei.

911
00:41:13,450 --> 00:41:16,220
Bet tagad, pieņemsim
apsvērt mazliet dizainu.

912
00:41:16,220 --> 00:41:17,444
Mēs esam runājuši par stilu.

913
00:41:17,444 --> 00:41:19,735
Un šīs lapas līdz šim un
visvairāk viss, ko es esmu uzrakstījis

914
00:41:19,735 --> 00:41:21,890
ir diezgan tīrs stilistiski.

915
00:41:21,890 --> 00:41:23,320
Bet ko par dizainu?

916
00:41:23,320 --> 00:41:25,990
Nu, tur ir daudz atlaišanas
ko es esmu dara šeit.

917
00:41:25,990 --> 00:41:28,156
>> Es esmu minēts vārds
krāsa pāris vietās.

918
00:41:28,156 --> 00:41:31,630
Es esmu minēts burtu lielumu pāris
vietas un drosmīgs pāris vietās.

919
00:41:31,630 --> 00:41:34,870
Un būtībā, es esmu co
sajaukšanos divas valodas.

920
00:41:34,870 --> 00:41:38,100
Man HTML ar saviem tagiem un mans
atribūti un tad visi pēkšņi,

921
00:41:38,100 --> 00:41:40,100
starp pēdiņām, man ir
otrā valoda šodien

922
00:41:40,100 --> 00:41:43,830
sauc CSS, kas atkal ir tikai tie
galvenā vērtība pāri vai šīs īpašības

923
00:41:43,830 --> 00:41:45,280
atdalītas ar kolu.

924
00:41:45,280 --> 00:41:47,700
>> Izrādās, ka daudz
tāpat kā C, kur mēs

925
00:41:47,700 --> 00:41:50,550
var sākt faktors out
daži kodu header failus,

926
00:41:50,550 --> 00:41:53,520
lai mēs varam darīt to pašu HTML.

927
00:41:53,520 --> 00:41:56,030
Un solis pretī, ka ir šāds.

928
00:41:56,030 --> 00:42:02,230
Ievērojiet, ka šī versija, CSS1.html ir
strukturāli tieši tādu pašu mājas lapā.

929
00:42:02,230 --> 00:42:05,250
Tāpēc es esam ieguvuši visu ķekars
no divs, bet šoreiz, es esmu

930
00:42:05,250 --> 00:42:07,220
gotten atbrīvoties no iesaiņojuma
div kā jūs redzēsiet.

931
00:42:07,220 --> 00:42:12,390
>> Un es esmu devis šos trīs divs
augšējā, vidējā un apakšējā, unikāls ID.

932
00:42:12,390 --> 00:42:14,760
Tas ir jauki, jo līdz
dodot tiem šķelšanos

933
00:42:14,760 --> 00:42:18,715
lapas unikālo identifikatoru,
Es var atsaukties tos citur.

934
00:42:18,715 --> 00:42:19,215
Kur?

935
00:42:19,215 --> 00:42:21,070
Nu, ļaujiet man ritiniet uz augšu.

936
00:42:21,070 --> 00:42:24,070
Un līdz šim, jebkurā laikā mēs esam paskatījās
pie galvas tīmekļa lapas, kas ir

937
00:42:24,070 --> 00:42:28,560
vienīgais tagu mēs esam bija
vadītājs mājas lapā?

938
00:42:28,560 --> 00:42:29,740
Mazliet skaļāk.

939
00:42:29,740 --> 00:42:30,799
Tikai nosaukums līdz šim.

940
00:42:30,799 --> 00:42:32,590
Bet izrādās, tur ir
dažas citas lietas

941
00:42:32,590 --> 00:42:35,840
Jūs varat likt tur, vienu no
kas tā sauc stils tag.

942
00:42:35,840 --> 00:42:37,850
Tātad pirms brīža, mēs skatījāmies
pie stila atribūtu.

943
00:42:37,850 --> 00:42:39,150
Izrādās tur ir stils tag.

944
00:42:39,150 --> 00:42:41,200
Tā pieder iekšpusē
vadītājs mājas lapā.

945
00:42:41,200 --> 00:42:42,840
Un tagad paziņojums, ko es daru.

946
00:42:42,840 --> 00:42:46,540
Man ir iekšā šis
style tag šādi.

947
00:42:46,540 --> 00:42:51,190
Es esmu burtiski minēts on line 20
Nosaukums birku, ka es gribu stylize.

948
00:42:51,190 --> 00:42:53,489
>> Tad man ir atvērta cirtaini lencēm
un slēgta cirtaini lencēm.

949
00:42:53,489 --> 00:42:56,030
Tik līdzīgs garā uz C, bet
atkal, tas nav funkcija,

950
00:42:56,030 --> 00:42:57,796
tas ir tikai sintaktisko detaļa šeit.

951
00:42:57,796 --> 00:43:00,170
Un tad, protams, es esmu stāsta
pārlūku, hey pārlūku,

952
00:43:00,170 --> 00:43:05,210
padarīt visu ķermeni lapas
ir teksta izlīdzināšanu centra.

953
00:43:05,210 --> 00:43:06,930
Un tad tas ir pateikt sekojošo.

954
00:43:06,930 --> 00:43:12,600
Hey pārlūku, ja jūs redzat HTML
elements vai tag lapā ka

955
00:43:12,600 --> 00:43:17,040
ir unikāls identifikators, kas top,
tāpēc hash simbols šeit nozīmē tikai

956
00:43:17,040 --> 00:43:21,010
unikāla ideja augšu, iet uz priekšu
un padarīt tās fonta izmērs 36

957
00:43:21,010 --> 00:43:22,490
un tā fonta svars treknrakstā.

958
00:43:22,490 --> 00:43:26,840
>> Hey pārlūks, elements, kura
ID ir vidēja, panākot 24 pikseļi.

959
00:43:26,840 --> 00:43:31,070
Un hey pārlūku, ja jūs redzētu
Ideja apakšas, panākot 12 pikseļi.

960
00:43:31,070 --> 00:43:33,540
In beigās efekts
ir tieši sam.

961
00:43:33,540 --> 00:43:36,500
Ja es iedziļināties CSS 1, tad
lapa izskatās vienādi.

962
00:43:36,500 --> 00:43:39,810
Bet mēs esam solis
nedaudz labāks dizains.

963
00:43:39,810 --> 00:43:44,850
Ļaujiet man tagad iet atpakaļ šeit, lai CSS2
un redzēt, ko vēl es esmu darījusi.

964
00:43:44,850 --> 00:43:48,030
>> Tagad lapa ir ļoti, ļoti tīrs.

965
00:43:48,030 --> 00:43:50,730
Patiesībā, es varētu fit visu
saturs par lapā šeit.

966
00:43:50,730 --> 00:43:54,270
Bet ko jaunu tagu ir I
ieviests, protams?

967
00:43:54,270 --> 00:43:54,770
Link.

968
00:43:54,770 --> 00:43:57,853
Un tas nav labākais nosaukumu birku,
jo tas nav posms nozīmē

969
00:43:57,853 --> 00:44:00,780
ka mēs to zinām, bet tas nozīmē,
saikne kādā citā failā.

970
00:44:00,780 --> 00:44:02,890
Tas ir veids kā asas iekļaut C.

971
00:44:02,890 --> 00:44:06,280
>> Tas ir veids, kā HTML
teikt hey pārlūku,

972
00:44:06,280 --> 00:44:10,240
iet saņemt saturu
faila nosaukumu css2.css.

973
00:44:10,240 --> 00:44:12,880
Attiecības, man,
ir tas, ka tas ir stila lapas.

974
00:44:12,880 --> 00:44:17,980
Un tiešām, tas, ko viens no
S grāds CSS līdzekļiem.

975
00:44:17,980 --> 00:44:20,350
Tas ir stila lapas.

976
00:44:20,350 --> 00:44:23,120
Tas ir tikai teksta fails, kas satur
visu ķekars īpašumu.

977
00:44:23,120 --> 00:44:25,940
Tas ir viss ķekars stilu
ka jūs vēlaties pieteikties uz lapu.

978
00:44:25,940 --> 00:44:28,860
>> Un tā tas acīmredzot ir
atsaucoties uz otro failu.

979
00:44:28,860 --> 00:44:32,970
Un, ja es atvērtu, ka CSS2.css,
ievērosiet, ka viss, ko es esmu darījusi

980
00:44:32,970 --> 00:44:35,900
ir kopēt un ielīmēt visu
Tas šajā failā.

981
00:44:35,900 --> 00:44:38,220
Un tagad, pat ja jūs nekad neesmu
kodē šo stuff pirms,

982
00:44:38,220 --> 00:44:40,700
tikai apsvērt ar
proverbial inženierija cepure

983
00:44:40,700 --> 00:44:44,220
on, kāpēc tas ir
labāks dizains, iespējams?

984
00:44:44,220 --> 00:44:48,910
Faktorings šos CSS īpašības,
liekot tos savā failā.

985
00:44:48,910 --> 00:44:51,330
Pat ja mēs atrisināt šo
problēmas, piemēram, piecas minūtes pirms

986
00:44:51,330 --> 00:44:52,600
pašā pirmajā versijā.

987
00:44:52,600 --> 00:44:55,730
>> Mēs esam nav uzlabojusies
lapa stilistiski,

988
00:44:55,730 --> 00:44:57,520
tas ir tikai labāk
dizains savā ziņā.

989
00:44:57,520 --> 00:44:58,990
Kāpēc tu domā?

990
00:44:58,990 --> 00:45:01,510
Jā.

991
00:45:01,510 --> 00:45:02,260
Elastīgāku kā?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
Jā.

994
00:45:05,540 --> 00:45:07,373
Tātad, ja jūs vēlaties, lai iet
atpakaļ un mainīt lietas,

995
00:45:07,373 --> 00:45:09,540
Tagad jums ir viena vieta
kur jūs varat mainīt lietas.

996
00:45:09,540 --> 00:45:11,622
Un patiesībā, kaut
tāpat problēma noteikti septiņi,

997
00:45:11,622 --> 00:45:13,690
kur mēs īstenot pētniecības
akciju tirdzniecības mājas lapā,

998
00:45:13,690 --> 00:45:15,523
kas notiek, lai būtu
viss ķekars lapām.

999
00:45:15,523 --> 00:45:17,620
Un tas būtu patiešām
kaitinošas, ja jūs nolemjat, hm,

1000
00:45:17,620 --> 00:45:21,630
Man nav īsti patīk 24 pikseļi, es gribu
ka tas ir 28 pikseļi vai nedaudz lielāks.

1001
00:45:21,630 --> 00:45:23,550
Un tad ir jādara
globāla atrast un aizstāt

1002
00:45:23,550 --> 00:45:27,560
vai atvērt visiem jūsu mājas lapas failus
vienkārši reāli mainīt vienu vērtību.

1003
00:45:27,560 --> 00:45:31,290
Ar faktoringa šos stilus
vienā centrālā vietā,

1004
00:45:31,290 --> 00:45:34,720
Jūs tagad var atvērt vienu teksta failu
in CS50IDE jebkurā programmā,

1005
00:45:34,720 --> 00:45:36,479
mainīt to, saglabājiet to, un darīts.

1006
00:45:36,479 --> 00:45:38,270
Jūs esat tie, pavairots
izmaiņas visur.

1007
00:45:38,270 --> 00:45:42,450
Un ka būtu tāds pats
kādā dot h failā, kā arī.

1008
00:45:42,450 --> 00:45:46,697
Tātad kādi jautājumi, tādējādi
tālu uz šo sintaksi?

1009
00:45:46,697 --> 00:45:48,530
Labi, tāpēc mēs esam
darījuši visu, šķiet,

1010
00:45:48,530 --> 00:45:51,170
izņemot faktiski īsteno hipersaites.

1011
00:45:51,170 --> 00:45:52,740
Un tā iesim uz priekšu un darīt to.

1012
00:45:52,740 --> 00:45:54,830
Ļaujiet man iet uz priekšu un
izveidot jaunu failu šeit.

1013
00:45:54,830 --> 00:45:59,970
Es esmu gatavojas to nosaukt
link.html, ielieciet šodienas kodu.

1014
00:45:59,970 --> 00:46:03,000
>> Un es esmu gatavojas darīt atvērt
kronšteins doc tips html.

1015
00:46:03,000 --> 00:46:05,970
Kā malā, šī lieta tajā
top, šis doc tipa deklarācija,

1016
00:46:05,970 --> 00:46:08,420
tas ir vienīgais, kas ir dīvaini
ar izsaukuma zīmi.

1017
00:46:08,420 --> 00:46:12,100
Jums vienkārši ir to darīt tur, un tas
nozīmē, ka mēs izmantojam HTML versiju 5.

1018
00:46:12,100 --> 00:46:14,460
Vecākas versijas
valoda bija daudz ilgāk

1019
00:46:14,460 --> 00:46:16,400
virknes, kas jums nepieciešams, lai tur.

1020
00:46:16,400 --> 00:46:18,620
Tātad, šeit ir piemērs sauc saite.

1021
00:46:18,620 --> 00:46:20,950
>> Man vajag ķermeņa manā mājas lapā šeit.

1022
00:46:20,950 --> 00:46:29,770
Un šeit, a href Vienāds
teiksim HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
un mans mīļākais mājas lapā, mēs sakām.

1024
00:46:35,420 --> 00:46:38,550
Labi, tā ir ļoti
nekaitīgs, lietotājam draudzīga lapa.

1025
00:46:38,550 --> 00:46:42,950
Ja es tagad iet manā direktorijā
uzskaitot šeit un atvērt link.html,

1026
00:46:42,950 --> 00:46:44,780
mums ir hiper tekstu.

1027
00:46:44,780 --> 00:46:47,410
>> Un tiešām, tas ir, ja
H HTTP nāk no.

1028
00:46:47,410 --> 00:46:51,580
Hiperteksta pārsūtīšanas protokols
ir par tekstu pārceļot

1029
00:46:51,580 --> 00:46:53,840
ka ir hipersaites uz citiem resursiem.

1030
00:46:53,840 --> 00:46:58,210
Un tiešām, šeit ir pazīstams,
ja retro, zils saite, ka, ja noklikšķināt,

1031
00:46:58,210 --> 00:47:02,607
faktiski man liek Disney.com.

1032
00:47:02,607 --> 00:47:03,940
Tagad, ak, kas iznāks drīz.

1033
00:47:03,940 --> 00:47:08,970
Labi, tāpēc tagad, kādi ir daži
par sekām šo?

1034
00:47:08,970 --> 00:47:11,610
>> Un godīgi sakot, pasaule sāk
lai iegūtu nedaudz vairāk pazīstams

1035
00:47:11,610 --> 00:47:15,090
un arī mazliet scarier
bet arī nedaudz vairāk

1036
00:47:15,090 --> 00:47:17,840
sevis attaisnojams, kad jūs sākat
izprast šīs lietas.

1037
00:47:17,840 --> 00:47:21,610
Jo izredzes ir, daži no jums, ja jūs iet
izmantojot savu Gmail mēstuļu mapē vai pat

1038
00:47:21,610 --> 00:47:23,990
iesūtnē, jūs, iespējams,
dabūt kādu e-pastu

1039
00:47:23,990 --> 00:47:26,980
kas ir jautā jums mainīt savu
parole varbūt vai varbūt pārbaudīt

1040
00:47:26,980 --> 00:47:28,910
Jūsu PayPal akreditācijas dati vai plauktiņš.

1041
00:47:28,910 --> 00:47:34,510
>> Un patiesībā, iespējams, esat saņēmis
kaut kas saka, piemēram, klikšķi šeit

1042
00:47:34,510 --> 00:47:42,260
lai atjaunotu savu PayPal paroli.

1043
00:47:42,260 --> 00:47:44,130
Un tagad, paziņojums, ja
tas nav Disney.com

1044
00:47:44,130 --> 00:47:51,600
bet, piemēram, badplace.com un
pārlādēt, ņemiet vērā, ka teksts šeit

1045
00:47:51,600 --> 00:47:53,710
Varētu teikt neko whatsoever.

1046
00:47:53,710 --> 00:47:55,260
Un patiesībā, tas ir tikai vārdi.

1047
00:47:55,260 --> 00:48:04,610
Kāpēc es tiešām būtu super ļaunprātīgs
un teikt http://www.paypal.com.

1048
00:48:04,610 --> 00:48:14,090
>> Klikšķiniet šeit nomainīt savu PayPal
parole un tagad pārlādēt.

1049
00:48:14,090 --> 00:48:16,220
Tas izskatās diezgan likumīgi, vai ne?

1050
00:48:16,220 --> 00:48:20,470
Es domāju, es nevarētu klikšķiniet uz
Uzrakstīt ka ​​tikai saka, ka tas.

1051
00:48:20,470 --> 00:48:22,450
Bet paziņojums dihotomiju šeit.

1052
00:48:22,450 --> 00:48:26,880
Tajā teikts www.paypal.com,
un patiesībā, pagaidiet minūti,

1053
00:48:26,880 --> 00:48:29,210
Mēs zinām, ka jūs vēlaties
S drošībai.

1054
00:48:29,210 --> 00:48:35,450
Tāpēc tagad, dodieties uz www.paypal.com HTTPS,
bet, ja jūs nekad neesmu izdarījusi pirms,

1055
00:48:35,450 --> 00:48:38,182
do nokļūt ieradumos
Paceltais pār maz saites šeit.

1056
00:48:38,182 --> 00:48:39,890
Un tas ir grūti, lai redzētu
uz ekrāna tur,

1057
00:48:39,890 --> 00:48:41,340
un tas nav viss, kas vieglāk šeit.

1058
00:48:41,340 --> 00:48:43,615
Bet ceļu uz leju šeit
tiny maz stūrī

1059
00:48:43,615 --> 00:48:45,740
tas pārlūkprogramma faktiski
pateiks, ka mēs ejam

1060
00:48:45,740 --> 00:48:48,850
līdz badplace.com nevis paypal.com.

1061
00:48:48,850 --> 00:48:51,620
Tagad, ja mēs ejam ar šo?

1062
00:48:51,620 --> 00:48:54,859
Visi piemēri mēs esam darījuši šodien,
mēs esam cītīgi kodē un drukāti ar rokām.

1063
00:48:54,859 --> 00:48:56,900
Tīmekļa ir neticami
neinteresanti kad jums grūti

1064
00:48:56,900 --> 00:48:59,844
kodu jūsu mājas lapas, lai saturu
ir statisks un nekad mainās.

1065
00:48:59,844 --> 00:49:01,760
Protams, visas mūsu
iecienītākās tīmekļa vietnes šodien,

1066
00:49:01,760 --> 00:49:04,470
vai tas ir Gmail vai Twitter vai
Facebook vai kādu citu skaits

1067
00:49:04,470 --> 00:49:05,290
ir dinamisks.

1068
00:49:05,290 --> 00:49:07,340
Viņi mainās
atbilde uz lietotāja ievadi

1069
00:49:07,340 --> 00:49:08,840
tāpat kā Google meklēšanas rezultātos.

1070
00:49:08,840 --> 00:49:12,415
>> Un tā trešdien, ko mēs darām, ir
mēs atstājam HTML un CSS ieviešanu

1071
00:49:12,415 --> 00:49:14,290
aiz mums, un mēs
par pašsaprotamu, ka mums tagad

1072
00:49:14,290 --> 00:49:16,640
zināt, un mēs ieviest
jauna programmēšanas valoda

1073
00:49:16,640 --> 00:49:19,050
sauc PHP, kas patīk
C, gatavojas sniegt mums

1074
00:49:19,050 --> 00:49:22,450
pilnvaras faktiski izveidot programmas
ka paši radīt produkciju.

1075
00:49:22,450 --> 00:49:25,900
Šajā gadījumā, mēs, izmantojot
PHP, lai radītu dinamiski tīmeklī

1076
00:49:25,900 --> 00:49:27,340
lapas, izmantojot šo jauno valodu.

1077
00:49:27,340 --> 00:49:28,989
Tik daudz par šo trešdien.

1078
00:49:28,989 --> 00:49:29,530
Tiksimies vēlāk.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [Mūzikas atskaņošanai]

1081
00:49:37,380 --> 00:52:38,864