1
00:00:00,000 --> 00:00:03,486
>> [Bermain muzik]

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

3
00:00:10,460 --> 00:00:14,250
>> DAVID MALAN J: Ini adalah CS50 dan
ini adalah permulaan minggu 7.

4
00:00:14,250 --> 00:00:15,060
Jadi selamat datang kembali.

5
00:00:15,060 --> 00:00:17,540
Dan anda masih ingat bahawa
dalam masalah menetapkan empat,

6
00:00:17,540 --> 00:00:21,510
terdapat sedikit memburu penyapu jalan
untuk beberapa hadiah hebat mana

7
00:00:21,510 --> 00:00:24,219
selepas anda mendapatkan kembali gambar
kakitangan di sini dan di New Haven,

8
00:00:24,219 --> 00:00:27,468
anda dicabar untuk mencari seberapa banyak
orang ahli sains komputer seperti yang anda boleh.

9
00:00:27,468 --> 00:00:29,550
Dan kami mempunyai keseluruhan
sekumpulan penghujahan.

10
00:00:29,550 --> 00:00:31,930
Pemikiran saya akan berkongsi beberapa tempat
dengan anda di sini hari ini.

11
00:00:31,930 --> 00:00:35,100
>> Dan kami akan hantar semua ini dalam talian.

12
00:00:35,100 --> 00:00:39,310
Tetapi khususnya, saya mahu
menarik perhatian anda supaya- juga satu,

13
00:00:39,310 --> 00:00:42,670
Sam adalah agak kecil dari mereka
umumnya bergambar seperti ini.

14
00:00:42,670 --> 00:00:45,750
Tetapi ternyata bahawa pada
pagi ini, pemenang

15
00:00:45,750 --> 00:00:51,170
telah ada seseorang yang bernama Ken dengan
24 kakitangan yang ditangkap pada kamera

16
00:00:51,170 --> 00:00:54,600
atau beberapa lagi apabila anda mengambil
Akaun kakitangan berbilang dalam gambar.

17
00:00:54,600 --> 00:00:58,300
Gambar di atas Ken seterusnya
kepada Maria di New Haven.

18
00:00:58,300 --> 00:01:01,300
>> Sekarang, Ken, walaupun, bertukar
keluar ialah sedikit kes sudut

19
00:01:01,300 --> 00:01:02,880
itu tidak lagi berlaku sebelum ini.

20
00:01:02,880 --> 00:01:05,713
Ia ternyata bahawa ia tidak berlaku
kepada saya untuk meletakkan cetakan halus dalam masalah

21
00:01:05,713 --> 00:01:09,710
menetapkan empat yang mengatakan bahawa kakitangan
tidak layak untuk hadiah-hadiah hebat

22
00:01:09,710 --> 00:01:13,130
kerana Ken adalah, sudah tentu, salah satu daripada
jurugambar pada kakitangan kami.

23
00:01:13,130 --> 00:01:16,820
Sekarang, dengan itu berkata, beliau
asalnya menulis saya untuk mengatakan

24
00:01:16,820 --> 00:01:19,180
sila jangan hantar gambar-gambar ini dalam talian.

25
00:01:19,180 --> 00:01:21,630
Saya rasa sebahagian besar
kerana kebanyakan gambar

26
00:01:21,630 --> 00:01:24,499
bahawa jurugambar ini mengambil melihat
sesuatu yang kecil seperti ini.

27
00:01:24,499 --> 00:01:25,040
Dan sebagainya.

28
00:01:25,040 --> 00:01:28,990
>> Tetapi Ken ingin saya memberi jaminan kepada anda
bahawa dia seorang jurugambar yang sangat baik,

29
00:01:28,990 --> 00:01:33,190
dia seorang profesional, dia mengambil
gambar yang tidak kabur,

30
00:01:33,190 --> 00:01:37,270
yang lebih baik dalam fokus, dan dia
mengambil banyak juga kakitangan kami sendiri.

31
00:01:37,270 --> 00:01:40,370
Tetapi bukan hanya mengakui
Ken, apa yang kita fikir kita akan lakukan

32
00:01:40,370 --> 00:01:43,390
adalah pergi melalui senarai
pelajar sebenar yang dikemukakan.

33
00:01:43,390 --> 00:01:48,640
Dan ternyata bahawa Lance dengan
15 gambar pada pagi ini

34
00:01:48,640 --> 00:01:50,030
adalah pemenang kami.

35
00:01:50,030 --> 00:01:55,730
>> Dan digambarkan di sini adalah Lance dengan Colton,
dengan Skaz, dengan diri saya sendiri, dan dengan Sam.

36
00:01:55,730 --> 00:02:00,230
Tetapi kemudian ternyata bahawa pada
11:46, jadi hanya sedikit yang lalu,

37
00:02:00,230 --> 00:02:04,380
Saya kembali ke e-mel saya dan mendapati
kalau kita ada lagi satu penyerahan lebih

38
00:02:04,380 --> 00:02:08,300
oleh seorang pelajar bernama Bonnie
e-mel yang kata sahaja ini.

39
00:02:08,300 --> 00:02:10,800
Tidak akan berbohong, Saya
melakukan ini semasa kelas.

40
00:02:10,800 --> 00:02:17,620
Dan kemudian meneruskan untuk melampirkan hanya
14 gambar, satu malu Lance ini 15.

41
00:02:17,620 --> 00:02:22,690
>> Tetapi dalam foto Bonnie, ternyata
keluar adalah anggota kakitangan berbilang, Sam

42
00:02:22,690 --> 00:02:25,960
di antara mereka, jadi apa yang kita fikir kita
akan lakukan ialah mengakui kedua-dua ini.

43
00:02:25,960 --> 00:02:29,240
Jadi di samping mendapatkan Dropbox
ruang yang semua orang yang mengambil bahagian

44
00:02:29,240 --> 00:02:33,900
menerima, kedua-dua bahagian juga akan
menerima makan tengah hari yang baik disediakan untuk mereka

45
00:02:33,900 --> 00:02:36,100
dan seksyen mereka
Mates minggu ini akan datang.

46
00:02:36,100 --> 00:02:38,970
Dan supaya anda akan mendengar daripada kami,
Tombak dan Bonnie, kira-kira itu.

47
00:02:38,970 --> 00:02:40,002
Congrats begitu besar kepada mereka.

48
00:02:40,002 --> 00:02:42,210
Sekarang, anda yang akan
seperti makan tengah hari lebih umum

49
00:02:42,210 --> 00:02:45,320
tahu bahawa makan tengah hari CS50 di Cambridge
dan New Haven ialah Jumaat ini.

50
00:02:45,320 --> 00:02:48,510
Pergi ke laman web slash RSVP CS50.

51
00:02:48,510 --> 00:02:49,800
Dan kini satu perkataan pada seminar.

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

53
00:02:50,730 --> 00:02:52,490
Jadi, kita menghampiri
titik semester

54
00:02:52,490 --> 00:02:55,200
di mana anda harus bermula
berfikir tentang projek akhir.

55
00:02:55,200 --> 00:02:59,309
Dan sebenarnya, dalam hanya sedikit, akan
kononnya cadangan pra dikenakan.

56
00:02:59,309 --> 00:03:01,850
Cadangan supaya pra adalah bertujuan untuk
kesan cukup rendah dan benar-benar

57
00:03:01,850 --> 00:03:04,109
hanya satu peluang untuk
anda untuk mengarang nota ringkas

58
00:03:04,109 --> 00:03:06,900
rakan-rakan pengajaran anda untuk memaklumkan
dia atau dia apa yang anda fikirkan anda

59
00:03:06,900 --> 00:03:09,140
mungkin mahu lakukan untuk projek akhir anda.

60
00:03:09,140 --> 00:03:11,730
>> Sekarang, ramai pelajar berakhir
melakukan web berasaskan projek akhir.

61
00:03:11,730 --> 00:03:13,800
Dan sudah tentu, kami hanya
seminggu sekarang terakhir di dalam ini

62
00:03:13,800 --> 00:03:15,890
dan seterusnya terjun ke dalam pengaturcaraan web.

63
00:03:15,890 --> 00:03:18,200
Jadi tidak perlu bimbang jika anda
sama sekali tidak tahu bagaimana

64
00:03:18,200 --> 00:03:21,594
anda akan membina idea-idea yang
anda mungkin ada di dalam fikiran anda.

65
00:03:21,594 --> 00:03:24,510
Ini adalah benar-benar hanya satu fungsi memaksa
untuk mendapatkan anda berfikir dan bercakap

66
00:03:24,510 --> 00:03:25,650
dengan TF anda mengenainya.

67
00:03:25,650 --> 00:03:28,810
Tetapi untuk membantu anda dengan itu, dan
dengan projek akhir akhirnya,

68
00:03:28,810 --> 00:03:31,750
tahu bahawa CS50 mempunyai tradisi yang
yang menawarkan seminar.

69
00:03:31,750 --> 00:03:36,084
>> Dan ini adalah pilihan, tangan ke atas,
atau syarahan berdasarkan peluang

70
00:03:36,084 --> 00:03:39,000
mengetahui lebih lanjut mengenai topik yang
yang sampingan sedikit untuk kursus ini

71
00:03:39,000 --> 00:03:43,310
sukatan pelajaran, tetapi tetap indah
bahan untuk memandu projek akhir.

72
00:03:43,310 --> 00:03:46,840
Dan jadi ini adalah senarai itu
Kakitangan CS50 di sini di New Haven

73
00:03:46,840 --> 00:03:48,600
telah datang dengan untuk
tahun ini mengenai IOS

74
00:03:48,600 --> 00:03:50,730
pengaturcaraan, Android
pengaturcaraan, pembangunan permainan,

75
00:03:50,730 --> 00:03:54,480
dan tandan lebih alat
dan bahasa dan teknik.

76
00:03:54,480 --> 00:03:56,780
>> Jadi memerhatikan di laman web CS50.

77
00:03:56,780 --> 00:04:00,110
Dan dalam pada itu, jika anda ingin
mendaftar minat anda dalam mana-mana,

78
00:04:00,110 --> 00:04:02,510
pergi ke slash daftar CS50.

79
00:04:02,510 --> 00:04:05,770
Dan kami akan membuat susulan tentang
hari dan waktu penerbangan dan lokasi

80
00:04:05,770 --> 00:04:09,090
dan everything-- paling segala-galanya akan
menjadi distrim dan juga boleh didapati atas permintaan

81
00:04:09,090 --> 00:04:11,750
selepas jika anda tidak boleh benar-benar membuat ia.

82
00:04:11,750 --> 00:04:15,800
Jadi tanpa berlengah-lengah lagi, kita
berhenti masa lalu dengan GET.

83
00:04:15,800 --> 00:04:19,610
>> Dan ini adalah seperti mesej yang di
di dalam sampul surat maya, masih ingat,

84
00:04:19,610 --> 00:04:23,960
yang kita lulus dari router ke router ke
router antara pelayar web dan web yang

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

86
00:04:24,487 --> 00:04:26,695
Dan mesej itu kelihatan
sedikit sesuatu seperti ini.

87
00:04:26,695 --> 00:04:29,700
Ini adalah mesej yang lebih sukar difahami bahawa
sebenarnya di dalam sampul surat

88
00:04:29,700 --> 00:04:34,440
ditulis pada sekeping kertas yang
baris pertama kata literal, dapatkan slash.

89
00:04:34,440 --> 00:04:37,830
>> Dan sama seperti cek kewarasan,
apa kata slash menandakan?

90
00:04:37,830 --> 00:04:40,455
Apakah slash maksudkan apabila
meminta laman web?

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

92
00:04:43,070 --> 00:04:44,250
Anda memintanya sepanjang masa.

93
00:04:44,250 --> 00:04:47,333
Kebanyakan bila-bila masa anda melawat laman web, anda
sebenarnya tidak menaip nama fail.

94
00:04:47,333 --> 00:04:50,960
Anda mungkin hanya pergi ke Facebook.com,
memasuki, gmail.com, atau sebagainya.

95
00:04:50,960 --> 00:04:52,260
Dan apa yang palang mewakili?

96
00:04:52,260 --> 00:04:53,506
Apa fail?

97
00:04:53,506 --> 00:04:54,630
Atau halaman, secara khusus?

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

99
00:04:59,642 --> 00:05:00,720
>> Indeks itu, ya.

100
00:05:00,720 --> 00:05:01,810
Jadi halaman lalai.

101
00:05:01,810 --> 00:05:04,810
Jadi, jika anda tidak menentukan fail
menamakan seperti yang kita akan mula melihat,

102
00:05:04,810 --> 00:05:07,750
anda sebenarnya hanya meminta
memberi saya halaman lalai bagi Facebook

103
00:05:07,750 --> 00:05:10,800
atau memberi saya email saya atau memberi
saya halaman lalai bagi berita

104
00:05:10,800 --> 00:05:12,510
di laman web CNN atau sebagainya.

105
00:05:12,510 --> 00:05:15,220
Dan pelayan kemudian bertindak balas kepada
mesej itu dengan sesuatu

106
00:05:15,220 --> 00:05:18,420
seperti ini, dengan mengatakan ya, saya
bercakap HTTP versi 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200, yang status
kod yang kita manusia jarang

108
00:05:21,130 --> 00:05:22,790
pernah melihat kerana ia baik.

109
00:05:22,790 --> 00:05:26,640
Kerana ia bermakna OK, permintaan
telah diterima dan ditangani dengan baik.

110
00:05:26,640 --> 00:05:28,960
Dan jenis kandungan
nampaknya dalam sambutan

111
00:05:28,960 --> 00:05:31,170
agak sering, tetapi tidak semestinya, teks.

112
00:05:31,170 --> 00:05:32,580
Dan secara khusus, HTML.

113
00:05:32,580 --> 00:05:34,760
Dan itulah sebenarnya
di mana kita lihat sekarang ini.

114
00:05:34,760 --> 00:05:37,140
>> Jadi sebenarnya, saya akan pergi ke
hadapan dan membuka pelayar.

115
00:05:37,140 --> 00:05:40,410
Saya akan menggunakan Chrome, anda boleh menggunakan
paling mana-mana pelayar pada minggu-minggu akan datang.

116
00:05:40,410 --> 00:05:42,410
Kita biasanya mengesyorkan Chrome
kerana ia adalah terutamanya

117
00:05:42,410 --> 00:05:43,750
baik untuk pembangun perisian.

118
00:05:43,750 --> 00:05:46,070
Ia mempunyai banyak dibina dalam
alat-alat yang membuat ia lebih mudah

119
00:05:46,070 --> 00:05:49,800
untuk membangunkan bukan sahaja HTML dan CSS,
perkara yang kita akan mula bercakap tentang hari ini,

120
00:05:49,800 --> 00:05:51,530
tetapi juga bahasa-bahasa lain juga.

121
00:05:51,530 --> 00:05:55,530
>> Dan saya akan pergi ke hadapan dan pergi supaya-
Saya akan Mengawal klik atau kanan

122
00:05:55,530 --> 00:05:57,210
klik di mana-mana laman web.

123
00:05:57,210 --> 00:05:59,070
Dan saya akan pergi ke Memeriksa Element.

124
00:05:59,070 --> 00:06:03,850
Dan saya akan untuk tweak saya
skrin hanya sedikit di sini.

125
00:06:03,850 --> 00:06:05,790
Biar saya bergerak ini ke bawah.

126
00:06:05,790 --> 00:06:08,140
Jadi ini adalah apa yang dipanggil
Inspektor Chrome.

127
00:06:08,140 --> 00:06:11,010
Jadi ini adalah seperti debugging yang
alat yang dibina ke dalam Chrome.

128
00:06:11,010 --> 00:06:13,520
>> Anda semua sudah mempunyai ini
jika anda telah menggunakan Chrome.

129
00:06:13,520 --> 00:06:17,169
Dan ia membolehkan anda untuk melihat apa yang berlaku
di bawah bonet beberapa laman web.

130
00:06:17,169 --> 00:06:19,210
Jadi mari kita sebenarnya mengambil
melihat ini seperti berikut.

131
00:06:19,210 --> 00:06:21,251
Ia mempunyai cara yang lebih ciri-
dan kita mengambil berat tentang hari ini.

132
00:06:21,251 --> 00:06:22,760
Tetapi ada tab ini di sini.

133
00:06:22,760 --> 00:06:25,890
Unsur-unsur, rangkaian, sumber,
garis masa, dan beberapa barangan lain.

134
00:06:25,890 --> 00:06:27,800
Saya akan klik pada
Rangkaian untuk seketika.

135
00:06:27,800 --> 00:06:30,500
>> Dan ia sedikit hangat
pada pandangan pertama di sini.

136
00:06:30,500 --> 00:06:34,190
Tetapi apa yang saya akan lakukan ialah membiarkan
saya memudahkan ia sedikit.

137
00:06:34,190 --> 00:06:37,560
Saya akan menghidupkan
cahaya rakaman supaya ia merah.

138
00:06:37,560 --> 00:06:39,140
Dan saya akan berkata mengekalkan log.

139
00:06:39,140 --> 00:06:41,015
Dan ini adalah hanya sedikit
Perkara yang saya digambarkan

140
00:06:41,015 --> 00:06:44,120
dari masa ke masa yang akan menyelamatkan
semua yang berlaku dalam pelayar.

141
00:06:44,120 --> 00:06:50,030
Dan sekarang saya akan pergi ke
untuk http://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> Sebenarnya, mari kita buat www
untuk menjadikannya lebih menarik, slash.

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

144
00:06:53,643 --> 00:06:56,180
Jadi URL bahawa banyak
anda mungkin telah melawat.

145
00:06:56,180 --> 00:06:58,830
Dan kini web Facebook
halaman datang di bahagian atas.

146
00:06:58,830 --> 00:07:02,350
Dan kemudian sejumlah besar
barangan terbang oleh di bahagian bawah.

147
00:07:02,350 --> 00:07:04,830
Dan sebenarnya, ternyata bahawa
apabila anda melawat Facebook.com,

148
00:07:04,830 --> 00:07:09,320
anda tidak hanya membuat satu permintaan HTTP,
ternyata bahawa akan Facebook.com

149
00:07:09,320 --> 00:07:14,320
menghantar 41 orang sampul surat,
masing-masing dengan mendapatkan permintaan sendiri,

150
00:07:14,320 --> 00:07:18,360
seperti yang dinyatakan, walaupun di belakang skrin
di sini, di bahagian bawah skrin,

151
00:07:18,360 --> 00:07:24,040
ia menunjukkan bahawa, sesungguhnya, saya
pelayar membuat 41 permintaan.

152
00:07:24,040 --> 00:07:29,689
>> Dan secara keseluruhan, ia dipindahkan 861
kilobytes dan ia mengambil masa untuk sebab-sebab tertentu

153
00:07:29,689 --> 00:07:31,730
seramai lapan saat
untuk memuat turun semua itu.

154
00:07:31,730 --> 00:07:33,790
Jadi, itu sebenarnya sedikit pelik
bahawa laman Facebook akan mengambil masa yang

155
00:07:33,790 --> 00:07:35,600
panjang, tetapi jadi dalam kes ini.

156
00:07:35,600 --> 00:07:39,520
Sekarang, semua ini saya tidak benar-benar mengambil berat
kira-kira kecuali permintaan yang paling atas.

157
00:07:39,520 --> 00:07:46,440
Jadi mari kita pergi ke satu ini di sini
dan biarlah saya zum keluar untuk seketika.

158
00:07:46,440 --> 00:07:47,754
>> Dan biarlah saya mengezum masuk pada ini.

159
00:07:47,754 --> 00:07:50,670
Jadi apa yang saya lakukan di sebelah kiri-walaupun
ada banyak berlaku di sini

160
00:07:50,670 --> 00:07:53,360
yang saya telah menekankan
Facebook.com dan kemudian

161
00:07:53,360 --> 00:07:56,540
notis bahawa saya menatal ke bawah,
menatal ke bawah, menatal ke bawah,

162
00:07:56,540 --> 00:07:58,330
untuk meminta tajuk.

163
00:07:58,330 --> 00:08:01,720
Dan anda akan melihat bahawa Chrome menunjukkan
saya dasarnya kandungan dalaman

164
00:08:01,720 --> 00:08:02,810
permintaan itu saya buat.

165
00:08:02,810 --> 00:08:06,130
Ia tidak pemformatan dalam agak yang sama
cara, tetapi notis ada menyebut mendapatkan,

166
00:08:06,130 --> 00:08:09,481
perasan ada menyebut tuan rumah,
Facebook.com, jalan, atau slash,

167
00:08:09,481 --> 00:08:10,730
yang merupakan fail yang saya minta.

168
00:08:10,730 --> 00:08:12,930
>> Dan kemudian jika saya tatal
sandaran, kami akan benar-benar

169
00:08:12,930 --> 00:08:17,270
melihat bahawa apa yang Facebook kembali
pada aku adalah pengepala ini.

170
00:08:17,270 --> 00:08:21,040
Jadi di dalam sampul surat maya
memang banyak pasangan nilai utama.

171
00:08:21,040 --> 00:08:23,130
Satu perkataan, kolon, dan kemudian nilai.

172
00:08:23,130 --> 00:08:25,050
Satu perkataan, kolon, dan nilai.

173
00:08:25,050 --> 00:08:26,160
Ini adalah dipanggil tajuk.

174
00:08:26,160 --> 00:08:31,860
Dan ada cara yang lebih terperinci di sini daripada
kita benar-benar mengambil berat tentang sekarang.

175
00:08:31,860 --> 00:08:33,750
>> Tetapi ini adalah kedua
yang terakhir di bawah sana,

176
00:08:33,750 --> 00:08:38,809
notis, bahawa pelayan Facebook.com-kanak,
sesungguhnya berkata di sini datang beberapa teks HTML.

177
00:08:38,809 --> 00:08:41,409
Jadi semua ini adalah untuk mengatakan
bahawa apabila anda meminta web yang

178
00:08:41,409 --> 00:08:44,300
halaman dari pelayar kepada
pelayan, pelayan yang bertindak balas

179
00:08:44,300 --> 00:08:47,630
dengan sampul surat yang tersendiri
di dalam yang adalah teks.

180
00:08:47,630 --> 00:08:49,020
Dalam erti kata lain, HTML.

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

182
00:08:50,590 --> 00:08:53,200
Iaitu bahasa lain
yang kami memperkenalkan hari ini

183
00:08:53,200 --> 00:08:57,740
bahawa manusia atau komputer menjana
untuk melaksanakan laman web.

184
00:08:57,740 --> 00:08:59,580
>> Secara khusus, mari kita lihat ini.

185
00:08:59,580 --> 00:09:03,277
Saya akan kini kembali
ke laman web Facebook.

186
00:09:03,277 --> 00:09:05,360
Dan saya akan hanya
kawalan klik atau klik kanan

187
00:09:05,360 --> 00:09:07,634
dan klik pada View Page Source.

188
00:09:07,634 --> 00:09:10,550
Dan jika anda tidak menggunakan Chrome,
IE boleh melakukan ini, Firefox boleh melakukan ini,

189
00:09:10,550 --> 00:09:14,060
Safari boleh melakukan ini, walaupun menu
pilihan mungkin kelihatan sedikit berbeza.

190
00:09:14,060 --> 00:09:18,990
Dan ini adalah HTML yang Mark dan
syarikat di Facebook telah menulis.

191
00:09:18,990 --> 00:09:24,640
>> Dan secara kolektif, bahasa ini di sini
melaksanakan biru dan halaman putih

192
00:09:24,640 --> 00:09:26,370
yang kita lihat sebentar tadi.

193
00:09:26,370 --> 00:09:28,030
Sekarang, ini adalah agak keterlaluan.

194
00:09:28,030 --> 00:09:31,400
Tetapi jika kita melihat ke kiri atas, kami
akan mula melihat beberapa corak.

195
00:09:31,400 --> 00:09:34,140
Ia kelihatan seperti ada banyak
ini kurung sudut terbuka

196
00:09:34,140 --> 00:09:35,970
dan kemudian ada HTML kata kunci ini.

197
00:09:35,970 --> 00:09:38,330
Berikut adalah satu lagi terbuka
tanda kurung sudut dan kepala.

198
00:09:38,330 --> 00:09:41,560
>> Di sini ialah, jika kita tatal ke bawah
dan ke bawah dan ke bawah, Saya

199
00:09:41,560 --> 00:09:43,820
akan pergi ke hadapan dan cuba
untuk mencari sesuatu.

200
00:09:43,820 --> 00:09:48,510
Ada cara lebih di sebelah kanan
di sini adalah badan kurungan terbuka.

201
00:09:48,510 --> 00:09:50,800
Dan ingat dari lepas
masa itu kami mencadangkan

202
00:09:50,800 --> 00:09:53,364
bahawa laman web yang paling mudah
bahawa manusia mungkin menulis

203
00:09:53,364 --> 00:09:55,030
mungkin kelihatan sesuatu yang kecil seperti ini.

204
00:09:55,030 --> 00:09:58,430
Terbuka tag HTML, kepala terbuka
tag, tag tajuk terbuka,

205
00:09:58,430 --> 00:10:03,230
kemudian tajuk tertutup, kepala tertutup, dibuka
tag badan, teks, ditutup badan,

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

207
00:10:04,720 --> 00:10:06,290
>> Tetapi berhenti seketika di sini untuk hanya seketika.

208
00:10:06,290 --> 00:10:09,030
Kod ini, walaupun anda telah
pernah menulis sebelum ini

209
00:10:09,030 --> 00:10:11,864
tetapi masih kurang faham
apa yang berlaku, kelihatan cukup baik.

210
00:10:11,864 --> 00:10:12,821
Betul, ia adalah sangat bersih.

211
00:10:12,821 --> 00:10:14,120
Ia amat segi gaya bagus.

212
00:10:14,120 --> 00:10:16,190
Banyak lekukan dan ruang putih.

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

214
00:10:18,020 --> 00:10:23,190
Jadi mengapa Facebook begitu banyak
lebih teruk daripada saya pada menulis HTML?

215
00:10:23,190 --> 00:10:24,310
Rupa-rupanya.

216
00:10:24,310 --> 00:10:26,899
>> Betul, ini adalah seperti satu
daripada lima untuk gaya.

217
00:10:26,899 --> 00:10:29,315
Ada alasan yang menarik
bagi mereka untuk mengambil jalan pintas ini.

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

219
00:10:31,069 --> 00:10:33,860
Baiklah, jadi mereka tidak mahu
membuat lebih mudah bagi anda untuk membacanya.

220
00:10:33,860 --> 00:10:36,940
Jadi dalam erti kata lain, mereka
obfuscating ia, jenis bergegas ia

221
00:10:36,940 --> 00:10:40,260
sekurang-kurangnya estetika supaya
bahawa ia lebih sukar untuk Myspace

222
00:10:40,260 --> 00:10:42,705
pergi dan merobek mereka
laman web dan HTML untuk itu.

223
00:10:42,705 --> 00:10:45,080
Ia ternyata bahawa dengan program-program
walaupun, termasuk Chrome,

224
00:10:45,080 --> 00:10:47,020
kita boleh membersihkan sehingga ini super mudah.

225
00:10:47,020 --> 00:10:49,420
Oleh itu, ia tidak cukup itu sebagai alasan.

226
00:10:49,420 --> 00:10:51,290
Apa lagi yang mungkin menjadi punca.

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

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

229
00:10:54,680 --> 00:10:55,890
Yeah, kos ruang putih data.

230
00:10:55,890 --> 00:10:56,598
Apa maksud awak?

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

232
00:11:02,250 --> 00:11:02,979
Ya, betul-betul.

233
00:11:02,979 --> 00:11:06,020
Jika anda memukul kekunci Tab banyak atau
bar ruang, mempertimbangkan implikasi.

234
00:11:06,020 --> 00:11:10,060
Jadi setiap kekunci pada papan kekunci anda adalah
[Didengar] diwakili sebagai satu bait.

235
00:11:10,060 --> 00:11:14,560
>> Jadi andaikan bahawa Mark atau mana-mana devs
hari ini menjadi asas bar ruang hanya sekali

236
00:11:14,560 --> 00:11:17,899
dalam halaman HTML ini yang
mewakili laman Facebook.

237
00:11:17,899 --> 00:11:19,690
Dan Facebook mempunyai banyak
dari pengguna hari ini.

238
00:11:19,690 --> 00:11:24,030
Jadi andaikan bahawa laman Facebook
dikunjungi oleh satu bilion orang hari ini.

239
00:11:24,030 --> 00:11:27,020
Dan seseorang di Facebook mempunyai
memukul bar ruang hanya sekali.

240
00:11:27,020 --> 00:11:29,890
>> Jadi satu bait tambahan,
satu bilion pertanyaan,

241
00:11:29,890 --> 00:11:32,790
apalagi data adalah Facebook
memindahkan melalui internet

242
00:11:32,790 --> 00:11:37,160
kerana seseorang melanda
bar ruang pada papan kekunci masing-masing?

243
00:11:37,160 --> 00:11:41,660
Satu bilion bait, atau salah satu gigabit
data sedang dihantar dari pelayan Facebook

244
00:11:41,660 --> 00:11:43,626
kepada orang-orang di sekitar
dunia tanpa sebab yang baik.

245
00:11:43,626 --> 00:11:44,750
Sekarang, itu hanya satu ruang.

246
00:11:44,750 --> 00:11:48,866
>> Bayangkan jika kita benar-benar membersihkan ini
perkara dan dilekukan dan tambah

247
00:11:48,866 --> 00:11:50,990
banyak ruang putih dan
Watak tab dan ruang,

248
00:11:50,990 --> 00:11:53,656
anda berakhir gigabait perbelanjaan,
jika tidak terra byte lagi ruang.

249
00:11:53,656 --> 00:11:56,640
Dan sebagainya super biasa dalam
dunia sebenar pembangunan web

250
00:11:56,640 --> 00:11:58,950
adalah untuk mengecilkan kod anda.

251
00:11:58,950 --> 00:12:01,280
Dan akhirnya kita akan melihat
bagaimana anda boleh melakukan ini.

252
00:12:01,280 --> 00:12:04,630
>> Tetapi hari ini, kita akan mula menulis kod
yang sebenarnya boleh dibaca oleh kita manusia.

253
00:12:04,630 --> 00:12:10,120
Ternyata, walaupun, jika anda kembali
kepada alat ini dalam Chrome Memeriksa Element,

254
00:12:10,120 --> 00:12:12,030
sebelum ini, kita berada di tab Rangkaian.

255
00:12:12,030 --> 00:12:15,430
Ia ternyata bahawa jika anda pergi ke
tab unsur-unsur, apa yang anda benar-benar melihat

256
00:12:15,430 --> 00:12:19,230
adalah Chrome cantik dicetak
versi HTML yang sama.

257
00:12:19,230 --> 00:12:20,640
Oleh itu, kita deobfuscated ia.

258
00:12:20,640 --> 00:12:22,472
Jadi ia tidak setanding dengan komputer.

259
00:12:22,472 --> 00:12:24,430
Dan sekarang anda boleh sebenarnya
klik sekeliling dan mula

260
00:12:24,430 --> 00:12:27,630
untuk melihat hierarki iaitu laman web.

261
00:12:27,630 --> 00:12:28,780
Jadi mari kita benar-benar melakukan ini.

262
00:12:28,780 --> 00:12:32,120
Saya akan pergi ke hadapan dan membuka pada
Mac saya program yang dikenali sebagai sunting teks.

263
00:12:32,120 --> 00:12:35,490
Dan ingat bahawa ini adalah hanya
program teks super mudah.

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

265
00:12:37,490 --> 00:12:39,820
Dan saya akan kata demi kata
taip yang berikut.

266
00:12:39,820 --> 00:12:44,650
Doc jenis HTML, kurungan terbuka
HTML, ditutup kurungan HTML,

267
00:12:44,650 --> 00:12:49,000
kita mempunyai kepala halaman di sini,
akhir kepala halaman di sini,

268
00:12:49,000 --> 00:12:52,310
tajuk yang akan menjadi seperti, hello dunia.

269
00:12:52,310 --> 00:12:56,660
>> Dan kemudian turun di sini, kita perlu
badan halaman web.

270
00:12:56,660 --> 00:12:58,050
Badan tertutup.

271
00:12:58,050 --> 00:13:00,700
Dan kemudian di sini, hello dunia.

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

273
00:13:01,270 --> 00:13:03,350
Oleh itu, kita telah menulis laman web yang super cepat.

274
00:13:03,350 --> 00:13:06,675
Saya akan simpan sebagai
hello.html di desktop saya.

275
00:13:06,675 --> 00:13:09,050
My Mac ini akan mengadu,
memikirkan bahawa, tunggu satu minit,

276
00:13:09,050 --> 00:13:11,091
ini adalah fail teks, melakukan
anda mahu panggil ia .txt?

277
00:13:11,091 --> 00:13:13,300
Tetapi tidak, saya mahu menggunakan dot HTML.

278
00:13:13,300 --> 00:13:16,140
>> Dan kemudian apa yang baik jika saya
hanya klik dua kali fail ini,

279
00:13:16,140 --> 00:13:18,600
hello.html, di sini adalah laman web saya.

280
00:13:18,600 --> 00:13:22,564
Malangnya, aku adalah
satunya orang di dunia

281
00:13:22,564 --> 00:13:23,980
yang boleh melawat laman ini buat masa ini.

282
00:13:23,980 --> 00:13:26,734
Kerana di mana ia tinggal nampaknya?

283
00:13:26,734 --> 00:13:27,650
Ia pada Mac saya, bukan?

284
00:13:27,650 --> 00:13:28,470
Yang tidak berguna.

285
00:13:28,470 --> 00:13:30,390
Seperti tidak ada orang di dalam bilik ini
apatah lagi di internet

286
00:13:30,390 --> 00:13:31,598
sebenarnya boleh melawat laman itu.

287
00:13:31,598 --> 00:13:33,820
Jadi hari ini, kita perlu
memperkenalkan elemen lain.

288
00:13:33,820 --> 00:13:36,720
>> Dan untuk melakukan ini, saya akan
pergi ke depan dan membuka awan 9.

289
00:13:36,720 --> 00:13:40,090
Jadi awan 9 adalah kursus
awan service-- berdasarkan CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- Yang mempunyai semua ruang kerja kami
berjalan di suatu tempat di internet.

291
00:13:44,890 --> 00:13:48,330
Dan ini bermakna bahawa semua fail kami
boleh diakses oleh umum sudah.

292
00:13:48,330 --> 00:13:49,830
Jadi mari kita pergi ke depan dan melakukan ini.

293
00:13:49,830 --> 00:13:53,670
Saya akan pergi ke depan dan
mencipta fail baru NCS50IDE.

294
00:13:53,670 --> 00:13:58,819
Saya akan menyimpannya seperti sebelum ini
sebagai hello.html dan klik simpan.

295
00:13:58,819 --> 00:14:01,860
Dan kini hanya untuk menjimatkan masa, saya akan
pergi ke hadapan dan menyalin tampal kod ini

296
00:14:01,860 --> 00:14:03,470
bukannya menaip semula.

297
00:14:03,470 --> 00:14:04,550
Dan menyimpannya.

298
00:14:04,550 --> 00:14:07,550
Dan sehingga kini saya mempunyai
fail dipanggil hello.html.

299
00:14:07,550 --> 00:14:09,710
Tetapi bagaimana saya benar-benar
membukanya sebagai laman web?

300
00:14:09,710 --> 00:14:14,120
Nah, ternyata dibina dalam untuk CS50
IDE bukan sahaja pengkompil seperti dilafaz

301
00:14:14,120 --> 00:14:16,670
dan penyahpepijat seperti GDB dan
tandan program lain,

302
00:14:16,670 --> 00:14:21,140
ada sebenarnya yang lengkap
pelayan web berjalan dalam CS50 IDE.

303
00:14:21,140 --> 00:14:23,900
>> Anda semua, iaitu,
mempunyai pelayan web anda sendiri.

304
00:14:23,900 --> 00:14:26,850
Dan pelayan web hanya sekeping
perisian yang tujuan dalam hidup

305
00:14:26,850 --> 00:14:28,220
adalah untuk menyampaikan laman web.

306
00:14:28,220 --> 00:14:32,490
Untuk mendengar permintaan daripada pelayar dan
bertindak balas dengan sampul surat maya kecil

307
00:14:32,490 --> 00:14:35,290
di dalam yang adalah
kandungan yang saya telah menulis.

308
00:14:35,290 --> 00:14:38,372
Jadi pelayan web ini adalah
sumber sebenarnya bebas dan terbuka.

309
00:14:38,372 --> 00:14:40,830
Di mana sumber terbuka hanya bermakna
perisian yang orang lain mempunyai

310
00:14:40,830 --> 00:14:43,480
menulis bahawa kita semua boleh
benar-benar melihat dan memuat turun dan juga

311
00:14:43,480 --> 00:14:44,780
menukar kod sumber.

312
00:14:44,780 --> 00:14:46,150
Dan ia dipanggil Apache.

313
00:14:46,150 --> 00:14:51,450
>> Dan kita telah membuat ia sedikit lebih mudah untuk
digunakan dalam CS50IDE dengan memanggil ia Apache 50.

314
00:14:51,450 --> 00:14:53,780
Supaya ia boleh sebenarnya
memahami berikut.

315
00:14:53,780 --> 00:14:56,560
Saya akan mengatakan Apache 50 bermula.

316
00:14:56,560 --> 00:14:58,910
Dan kemudian saya hanya akan mengatakan titik.

317
00:14:58,910 --> 00:15:01,080
Dan kita melihat beberapa agak
mesej yang sukar difahami berkata

318
00:15:01,080 --> 00:15:04,640
menetapkan Apache dokumen [? kumpulan?]
dengan rumah, ubuntu, apa sahaja iaitu,

319
00:15:04,640 --> 00:15:05,770
mengurangkan ruang kerja.

320
00:15:05,770 --> 00:15:08,280
Bermula pelayan web
Apache 2 dengan jayanya.

321
00:15:08,280 --> 00:15:11,330
>> Jadi cerita panjang pendek, saya
baru sahaja menolak butang

322
00:15:11,330 --> 00:15:18,000
dan berpaling pada pelayan web yang kini
mendengar di internet pada port TCP

323
00:15:18,000 --> 00:15:20,587
80 di alamat tertentu.

324
00:15:20,587 --> 00:15:22,420
Dan ia mengatakan di sini, dan
ini akan berubah berdasarkan

325
00:15:22,420 --> 00:15:26,550
pada nama pengguna anda dan faktor-faktor lain,
tetapi notis sekarang jika saya klik ini,

326
00:15:26,550 --> 00:15:30,211
IDE50 dot jharvard dan sebagainya dan
jadi, melihat bahawa selama ini

327
00:15:30,211 --> 00:15:31,960
sejak beberapa lalu
minggu, anda mungkin mempunyai

328
00:15:31,960 --> 00:15:35,200
perasan bahawa nama pengguna anda sendiri
tertanam di tangan kanan atas

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

330
00:15:37,130 --> 00:15:41,050
>> Dan yang benar-benar telah semua ini
kalanya alamat di mana anda boleh

331
00:15:41,050 --> 00:15:43,574
melawat semua fail anda melalui web.

332
00:15:43,574 --> 00:15:45,990
Sehingga kini, ia tidak yang penting,
kerana dalam C, biasanya anda

333
00:15:45,990 --> 00:15:48,073
mahu perkara berjalan dalam
terminal, tidak di web.

334
00:15:48,073 --> 00:15:50,800
Tetapi hari ini, kita bermula
menulis kod berasaskan web

335
00:15:50,800 --> 00:15:53,350
bahawa kita mahu
boleh diakses di URL awam.

336
00:15:53,350 --> 00:15:56,100
Jadi apa yang saya akan
lakukan adalah klik URL ini.

337
00:15:56,100 --> 00:16:00,880
>> Dan notis yang saya lihat yang agak
indeks hodoh, senarai direktori,

338
00:16:00,880 --> 00:16:04,090
tetapi apa fail yang melompat keluar pada anda mungkin?

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

340
00:16:05,210 --> 00:16:07,870
Ini kerana saya diselamatkan
fail dalam ruang kerja saya.

341
00:16:07,870 --> 00:16:12,310
Dan apa yang saya telah memberitahu Apache pelayan web
adalah melihat di dalam direktori ruang kerja Daud.

342
00:16:12,310 --> 00:16:15,300
Dan biarkan orang dalam
dunia melihat fail-fail.

343
00:16:15,300 --> 00:16:19,050
>> Dan sesungguhnya, jika saya sekarang
klik pada hello.html,

344
00:16:19,050 --> 00:16:22,180
Saya lihat dalam tab ini betul-betul fail itu.

345
00:16:22,180 --> 00:16:26,430
Sekarang perhatikan, awan perbuatan 9.
sesuatu yang berguna untuk kita.

346
00:16:26,430 --> 00:16:29,480
Dalam CS50 IDE, perasan ada
tiba-tiba sebuah bar alamat.

347
00:16:29,480 --> 00:16:33,690
Ini kerana walaupun kita
menggunakan Chrome untuk melawat CS50IDE,

348
00:16:33,690 --> 00:16:37,940
bahagian dalam CS50IDE adalah sendiri
versi pelayar web sekarang.

349
00:16:37,940 --> 00:16:40,820
Dan sebagainya dan bukan
merumitkan perkara-perkara seperti itu,

350
00:16:40,820 --> 00:16:42,955
Saya akan pergi ke hadapan
dan hanya menyalin URL ini.

351
00:16:42,955 --> 00:16:45,330
Saya akan pergi ke depan dan hanya
membuka tetingkap Chrome saya sendiri.

352
00:16:45,330 --> 00:16:47,800
Jadi tidak ada sihir di sini, tidak CS50IDE.

353
00:16:47,800 --> 00:16:51,800
Saya hanya akan benar-benar paste
saya J Harvard URL dan tekan Enter.

354
00:16:51,800 --> 00:16:54,750
Dan Voilà, sekarang saya dan
dalam teori, semua orang

355
00:16:54,750 --> 00:16:57,700
di internet, jika saya telah dikonfigurasikan
kebenaran dengan sewajarnya,

356
00:16:57,700 --> 00:16:58,720
boleh melawat fail ini.

357
00:16:58,720 --> 00:17:03,230
Dan sekarang, jika saya berkata
hello.html, voila, terdapat

358
00:17:03,230 --> 00:17:06,366
adalah laman web yang sangat underwhelming saya.

359
00:17:06,366 --> 00:17:07,740
Jadi mari kita buat pemeriksaan kewarasan cepat.

360
00:17:07,740 --> 00:17:09,710
Kerana semua itu
adalah set konsep up.

361
00:17:09,710 --> 00:17:13,180
Dan kami telah sebenarnya tidak benar-benar
mengajar anda bagaimana untuk menulis HTML per se.

362
00:17:13,180 --> 00:17:16,084
Sebarang pertanyaan setakat ini
mengenai apa yang berlaku?

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

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

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

366
00:17:24,290 --> 00:17:25,800
Adakah CS50 memiliki laman-laman web?

367
00:17:25,800 --> 00:17:26,460
Dalam apa rasa?

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

369
00:17:28,947 --> 00:17:29,530
Soalan yang baik.

370
00:17:29,530 --> 00:17:32,429
Jadi ini CS50 memiliki CS50.io.

371
00:17:32,429 --> 00:17:33,970
Sesungguhnya Kami telah membeli nama domain.

372
00:17:33,970 --> 00:17:37,240
Dan secara semula jadi daripada anda semua
log masuk ke CS50IDE,

373
00:17:37,240 --> 00:17:39,270
anda semua mendapatkan apa yang dipanggil subdomain.

374
00:17:39,270 --> 00:17:46,840
>> Jadi IDE50-Malan, atau IDE50-Rob.CS50.io,
itulah alamat unik anda dalam masa

375
00:17:46,840 --> 00:17:47,730
nama domain kami.

376
00:17:47,730 --> 00:17:50,850
Demikian bagi maksud kursus ini,
anda mempunyai alamat anda sendiri yang unik.

377
00:17:50,850 --> 00:17:55,150
Tetapi kita telah dipermudahkan yang ada dengan
membeli domain peringkat atas, CS50 dot

378
00:17:55,150 --> 00:17:58,050
I / O dan kemudian orang lain adalah
dalam itu, jadi untuk bercakap.

379
00:17:58,050 --> 00:17:59,890
Dan kami akan kembali kepada itu
dalam beberapa minggu mungkin,

380
00:17:59,890 --> 00:18:01,930
terutama pada projek akhir
masa, apabila ada di antara kamu

381
00:18:01,930 --> 00:18:03,596
mungkin mahu mendapatkan nama domain anda sendiri.

382
00:18:03,596 --> 00:18:06,270
Ini sebenarnya agak
terus-terang.

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

384
00:18:06,770 --> 00:18:07,880
Jadi mari kita buat sekarang ini.

385
00:18:07,880 --> 00:18:11,910
Saya akan kembali ke dalam
CS50IDE, di mana fail saya sekarang,

386
00:18:11,910 --> 00:18:14,710
hello.html, tidak semua yang menarik.

387
00:18:14,710 --> 00:18:17,130
Saya ingin melakukan sesuatu
sedikit lebih bagus daripada itu.

388
00:18:17,130 --> 00:18:19,440
Jadi, saya akan melakukan sesuatu seperti ini.

389
00:18:19,440 --> 00:18:21,510
Biar saya paragraphs.html terbuka.

390
00:18:21,510 --> 00:18:23,560
Jadi ini adalah satu fail yang saya tulis terlebih dahulu.

391
00:18:23,560 --> 00:18:26,480
Di bahagian atas itu, seperti
biasa, kami mempunyai komen.

392
00:18:26,480 --> 00:18:28,730
Tetapi dalam HTML, komen
kelihatan sedikit berbeza.

393
00:18:28,730 --> 00:18:33,270
New tiga dan garis 14, anda
melihat sintaks untuk mula komen

394
00:18:33,270 --> 00:18:34,020
dan berakhir komen.

395
00:18:34,020 --> 00:18:36,820
>> Tetapi tiada barangan dalam
antara perkara-perkara yang berfungsi.

396
00:18:36,820 --> 00:18:40,250
Ia hanya satu komen kepada
manusia apa yang sedang berlaku di sini.

397
00:18:40,250 --> 00:18:43,040
Dan hanya sebagai kewarasan cepat
menyemak, jika saya tatal ke bawah,

398
00:18:43,040 --> 00:18:46,820
apa yang baru yang jelas
tag yang kami telah diperkenalkan?

399
00:18:46,820 --> 00:18:52,130
Tag yang setakat ini kami telah lihat dibuka
kurungan HTML, kepala, tajuk, dan badan.

400
00:18:52,130 --> 00:18:54,400
Tetapi apa yang jelas baru sekarang?

401
00:18:54,400 --> 00:18:55,200
>> Ya, jadi p.

402
00:18:55,200 --> 00:18:57,320
P tag atau perenggan tag.

403
00:18:57,320 --> 00:19:01,182
Dan kemudian saya hanya dipinjam beberapa lalai
Teks Latin untuk membentuk perenggan saya.

404
00:19:01,182 --> 00:19:03,390
Oleh kerana apa yang saya mahu
menunjukkan adalah bagaimana anda mungkin

405
00:19:03,390 --> 00:19:05,859
mewakili perenggan teks dalam HTML.

406
00:19:05,859 --> 00:19:08,400
Dan supaya apa yang mula berlaku
di sini ialah ada sudah

407
00:19:08,400 --> 00:19:09,657
corak yang membangun.

408
00:19:09,657 --> 00:19:10,990
Dan biarlah saya pergi ke hadapan dan melakukan ini.

409
00:19:10,990 --> 00:19:12,760
Terlebih dahulu saya mematikan Apache.

410
00:19:12,760 --> 00:19:17,340
Dan saya akan beritahu kepada bermula sendiri
lagi di dalam sumber hari ini tujuh

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

412
00:19:18,420 --> 00:19:20,100
Supaya saya mempunyai akses kepada segala-galanya.

413
00:19:20,100 --> 00:19:22,230
>> Dan kini, jika saya kembali ke
senarai direktori ini,

414
00:19:22,230 --> 00:19:24,846
perasan yang saya lihat setiap fail dari hari ini.

415
00:19:24,846 --> 00:19:26,720
Dan anda akan melihat dalam
set masalah akan datang, kita akan

416
00:19:26,720 --> 00:19:28,594
memberi anda arahan-arahan
untuk berbuat betul-betul ini.

417
00:19:28,594 --> 00:19:35,210
Jika saya membuka paragraphs.html, mungkin ini
dan juga kelihatan seperti bahasa pengaturcaraan

418
00:19:35,210 --> 00:19:36,970
kepada anda jika anda tidak bercakap atau membaca Latin.

419
00:19:36,970 --> 00:19:40,525
Tetapi ini hanya tiga perenggan
teks yang ditandakan dalam HTML.

420
00:19:40,525 --> 00:19:43,100
>> Dan perhatikan perenggan
rehat antara mereka.

421
00:19:43,100 --> 00:19:46,400
Kerana ia ternyata,
dan walaupun anda

422
00:19:46,400 --> 00:19:49,210
mungkin cenderung untuk melakukan ini,
manakala dalam dunia sebenar,

423
00:19:49,210 --> 00:19:51,370
jika anda mahu meletakkan talian
rehat antara perkara-perkara,

424
00:19:51,370 --> 00:19:55,680
anda mungkin cukup hanya
melakukan ini dan tekan Simpan.

425
00:19:55,680 --> 00:19:59,460
Dan kini, jika saya menambah nilai di sini, notis
segala-galanya yang hanya mengaburkan bersama-sama

426
00:19:59,460 --> 00:20:01,100
hanya dalam satu gumpalan teks.

427
00:20:01,100 --> 00:20:03,570
Kerana HTML adalah jenis bahasa dalam keadaan sihat.

428
00:20:03,570 --> 00:20:07,230
>> Ia bertujuan untuk digunakan dalam apa-apa
cara yang bahawa pelayar akan hanya

429
00:20:07,230 --> 00:20:09,920
melakukan dengan jelas apa yang anda beritahu ia lakukan.

430
00:20:09,920 --> 00:20:12,890
Jadi, jika anda tidak beritahu
memberi saya perenggan baru,

431
00:20:12,890 --> 00:20:14,569
anda tidak akan melihat perenggan baru.

432
00:20:14,569 --> 00:20:16,360
Dan sebenarnya, apa yang
pelayar akan melakukan

433
00:20:16,360 --> 00:20:20,020
adalah walaupun anda tekan Enter,
katakan lagi dan lagi

434
00:20:20,020 --> 00:20:23,190
dan sekali lagi, bergerak dengan cara teks ini
ke bawah pada skrin dan kemudian simpan

435
00:20:23,190 --> 00:20:26,610
dan kemudian muat semula, pelayar akan
runtuh semua itu ruang putih

436
00:20:26,610 --> 00:20:29,021
ke dalam hanya satu, ruang kosong yang boleh dilihat tunggal.

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

438
00:20:29,520 --> 00:20:30,869
Jadi itulah tag perenggan.

439
00:20:30,869 --> 00:20:32,910
Dan jadi apa corak
yang yang membangun di sini?

440
00:20:32,910 --> 00:20:37,450
Well, ia seolah-olah menjadi kes yang
HTML adalah semua tentang memulakan tag

441
00:20:37,450 --> 00:20:38,460
dan berakhir tag.

442
00:20:38,460 --> 00:20:39,300
Dan apa yang tag?

443
00:20:39,300 --> 00:20:41,160
Nah, ia hanya sebahagian daripada sintaksis.

444
00:20:41,160 --> 00:20:44,400
Kurungan terbuka, kata kunci,
kurungan tertutup, adalah tag.

445
00:20:44,400 --> 00:20:45,510
Atau memulakan tag.

446
00:20:45,510 --> 00:20:48,590
Dan kemudian apabila anda berada
dilakukan menyatakan diri,

447
00:20:48,590 --> 00:20:52,300
seperti dalam anda selesai dengan perenggan itu,
anda berbuat demikian untuk bercakap bertentangan.

448
00:20:52,300 --> 00:20:55,480
Tetapi sebaliknya tidak cukup ke belakang.

449
00:20:55,480 --> 00:21:00,630
>> Anda hanya awalan tag yang sama ini
menamakan dengan miring seperti ini.

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

451
00:21:01,130 --> 00:21:02,570
Jadi tidak semua yang menarik.

452
00:21:02,570 --> 00:21:05,270
Dan sebenarnya, kami tidak membuat
web semua yang lebih menarik.

453
00:21:05,270 --> 00:21:07,630
Bagaimana jika saya ingin
perkara yang lebih besar dan berani?

454
00:21:07,630 --> 00:21:11,780
Jadi, ternyata bahawa di sini adalah contoh
dalam headings.html, di mana dalam badan saya,

455
00:21:11,780 --> 00:21:17,280
Saya telah mendapat tag H1, H2, H3,
empat, lima atau enam, semua yang

456
00:21:17,280 --> 00:21:18,310
terasa agak sukar difahami.

457
00:21:18,310 --> 00:21:21,010
Tetapi jikalau Aku pergi membuka ini
Sebagai contoh, mari kita lihat.

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

459
00:21:22,490 --> 00:21:27,030
>> Jadi pelayar secara lalai boleh memberikan teks
itulah besar dan berani saiz berbeza.

460
00:21:27,030 --> 00:21:28,070
H1 adalah besar.

461
00:21:28,070 --> 00:21:31,240
H6 adalah lebih kecil dan kemudian
segala sesuatu yang lain di antaranya.

462
00:21:31,240 --> 00:21:34,170
Jadi, itu menarik tetapi masih
tidak benar-benar web saya tahu.

463
00:21:34,170 --> 00:21:36,870
Bagaimana jika kita mahu Saya mempunyai
sesuatu seperti senarai. .

464
00:21:36,870 --> 00:21:40,190
Jadi di sini adalah senarai berbulet daripada
tiga rumah Harvard.

465
00:21:40,190 --> 00:21:41,600
>> Bagaimana anda pergi tentang melakukan ini?

466
00:21:41,600 --> 00:21:45,410
Nah, kita lihat pada list.html.

467
00:21:45,410 --> 00:21:47,870
Dan di sini, kita lihat
sedikit sedikit funkiness

468
00:21:47,870 --> 00:21:49,630
tetapi mari kita mempertimbangkan apa yang berlaku.

469
00:21:49,630 --> 00:21:56,182
Jadi berdasarkan kepada apa yang anda baru sahaja dilihat,
UL bermaksud senarai tidak tertib.

470
00:21:56,182 --> 00:21:57,640
Senarai tidak tertib hanya bermaksud berbulet.

471
00:21:57,640 --> 00:21:58,431
Tidak ada nombor.

472
00:21:58,431 --> 00:22:01,850
Ada juga sesuatu yang dipanggil
senarai, yang merupakan OL di tag diperintahkan.

473
00:22:01,850 --> 00:22:05,350
Kemudian LI, item senarai adalah semua yang bermakna.

474
00:22:05,350 --> 00:22:07,790
>> Dan maka ia secara automatik
nombor segala-galanya untuk anda.

475
00:22:07,790 --> 00:22:11,270
Tetapi sekali lagi, semua lekukan saya
dan ruang putih hanya demi Aku.

476
00:22:11,270 --> 00:22:13,050
Penyemak imbas tidak
sebenarnya akan peduli.

477
00:22:13,050 --> 00:22:16,670
Jadi, walaupun anda tidak boleh
melakukan ini, hanya perlu jelas,

478
00:22:16,670 --> 00:22:19,880
anda tidak perlu walaupun
pelayar akan masih

479
00:22:19,880 --> 00:22:22,130
dapat memahaminya dengan baik.

480
00:22:22,130 --> 00:22:24,590
Saya memukul tambah nilai dalam saya
pelayar, saya klik tambah nilai

481
00:22:24,590 --> 00:22:26,760
dan tiada perubahan yang berlaku
kerana pelayar masih

482
00:22:26,760 --> 00:22:29,550
melakukan apa yang saya beritahu yang perlu dilakukan.

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

484
00:22:30,050 --> 00:22:31,340
Jadi ini semua hanya teks.

485
00:22:31,340 --> 00:22:33,730
Sekarang mari kita melakukan sesuatu yang lebih menarik.

486
00:22:33,730 --> 00:22:36,660
Saya akan pergi ke depan dan
meminjam beberapa HTML ini.

487
00:22:36,660 --> 00:22:40,910
Saya akan pergi ke depan dan
membuat fail baru di sini.

488
00:22:40,910 --> 00:22:43,370
Dan kita akan memanggil rick.html ini.

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

490
00:22:46,190 --> 00:22:48,916
Kami mempunyai tidak seimbang
sesuatu yang digunakan

491
00:22:48,916 --> 00:22:51,290
dipanggil roll rick dalam ini
kelas tahun ini, saya tidak tahu,

492
00:22:51,290 --> 00:22:53,880
ia hanya berlaku secara organik.

493
00:22:53,880 --> 00:22:55,397
>> Dan kini ia menjadi di luar kawalan.

494
00:22:55,397 --> 00:22:56,730
Jadi, saya hanya akan pergi bersamanya.

495
00:22:56,730 --> 00:22:59,700
Dan jika saya pergi ke Google
Imej dan Rick Astley.

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

497
00:23:02,450 --> 00:23:06,170
Jika anda tidak tahu mengapa kami melakukan
ini, hanya membaca di Wikipedia.

498
00:23:06,170 --> 00:23:11,520
Setiap kali anda klik pada pautan,
seseorang sedang ketawa di suatu tempat.

499
00:23:11,520 --> 00:23:14,860
Dan biarlah saya pergi ahead-- terdapat
kita pergi, mari kita melihat imej ini.

500
00:23:14,860 --> 00:23:16,750
>> Jadi di sini kita mempunyai
imej dalam Google Images.

501
00:23:16,750 --> 00:23:19,390
Dan mari kita menganggap bahawa ini adalah
munasabah mana-mana di internet.

502
00:23:19,390 --> 00:23:22,570
Jadi, saya akan menganggap ia OK untuk saya
untuk benar-benar meletakkan ini ke dalam laman web saya.

503
00:23:22,570 --> 00:23:24,820
Saya akan pergi ke hadapan
dan menyalin URL imej.

504
00:23:24,820 --> 00:23:28,600
Dan kini jika saya kembali ke Cloud
9, mari kita lihat apa yang boleh saya lakukan di sini.

505
00:23:28,600 --> 00:23:30,630
Jadi di sini adalah hanya satu laman web.

506
00:23:30,630 --> 00:23:39,020
Ini adalah Rick Astley, haha,
Saya akan kini kembali

507
00:23:39,020 --> 00:23:43,510
untuk pelayar saya, tambah nilai, dan menarik.

508
00:23:43,510 --> 00:23:44,530
>> Di mana Rick?

509
00:23:44,530 --> 00:23:46,050
Jadi biarlah saya melihat apa yang berlaku.

510
00:23:46,050 --> 00:23:49,114
Sebenarnya, saya akan
berpura-pura seperti saya tidak berbuat demikian.

511
00:23:49,114 --> 00:23:50,280
[Didengar] meletakkan dia di sini.

512
00:23:50,280 --> 00:23:52,520
Kami akan kembali kepada itu dalam seketika.

513
00:23:52,520 --> 00:23:54,200
Jadi di sini adalah rick.html.

514
00:23:54,200 --> 00:23:56,070
Jadi itu bukan Rick Astley.

515
00:23:56,070 --> 00:23:59,680
Jadi ternyata kita boleh
benar-benar menambah dia di sini.

516
00:23:59,680 --> 00:24:00,830
Ini adalah Rick Astley.

517
00:24:00,830 --> 00:24:06,680
Saya akan mengatakan saya memberi imej yang
sumber adalah URL yang saya hanya disalin, yang

518
00:24:06,680 --> 00:24:09,110
nampaknya adalah yang bahagia
sesuatu hari jadi atau lain-lain.

519
00:24:09,110 --> 00:24:13,280
>> Dan sekarang saya akan
menutup tag seperti ini.

520
00:24:13,280 --> 00:24:15,170
Jadi ini membungkus super panjang.

521
00:24:15,170 --> 00:24:17,740
Tetapi notis bahawa semua yang saya telah
dilakukan adalah imej kurungan terbuka,

522
00:24:17,740 --> 00:24:20,270
sumber dengan sifat ini.

523
00:24:20,270 --> 00:24:21,530
Dan ia URL yang benar-benar panjang.

524
00:24:21,530 --> 00:24:23,720
Dan bagi mereka yang terkemudian, notis ini.

525
00:24:23,720 --> 00:24:29,530
Slash Mengapa kuperbuat kurungan bersudut
bukannya, seperti setiap tag lain,

526
00:24:29,530 --> 00:24:33,590
yang mempunyai kurungan terbuka,
IMG, ditutup kurungan?

527
00:24:33,590 --> 00:24:37,040
Hanya mengambil tekaan walaupun anda
mempunyai kebiasaan jua

528
00:24:37,040 --> 00:24:40,410
dengan HTML sebelum ini.

529
00:24:40,410 --> 00:24:42,710
>> Oleh itu, ia adalah bagaimana ia menutup
arahan, tetapi mengapa

530
00:24:42,710 --> 00:24:45,850
ia tidak benar-benar membuat intuitif
masuk akal untuk melakukan sesuatu yang lebih

531
00:24:45,850 --> 00:24:48,820
berjela-jela seperti imej rapat?

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

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

534
00:24:52,000 --> 00:24:55,620
Hanya semantik, tidak ada rasa
bermula imej dan berakhir imej,

535
00:24:55,620 --> 00:24:56,870
ia sama ada terdapat atau tidak.

536
00:24:56,870 --> 00:25:00,960
Oleh itu, ia tidak masuk akal untuk meninggalkan jurang yang
untuk apa-apa lagi di dalam imej.

537
00:25:00,960 --> 00:25:02,010
Anda tidak boleh berbuat demikian.

538
00:25:02,010 --> 00:25:03,720
Dan sebagainya sintaks
biasanya akan hanya

539
00:25:03,720 --> 00:25:07,910
untuk melakukan garis italik dalam
tag terbuka atau tag permulaan

540
00:25:07,910 --> 00:25:09,020
dan kemudian memukul Simpan.

541
00:25:09,020 --> 00:25:13,350
>> Jadi, jika saya menambah nilai kini fail ini, sekarang
Saya telah mendapat web yang baik memasak halaman di sini.

542
00:25:13,350 --> 00:25:15,100
Dan kita boleh pasti
benar-benar menyakitkan hati orang

543
00:25:15,100 --> 00:25:17,010
dengan menerapkan sebaliknya
seperti pautan YouTube.

544
00:25:17,010 --> 00:25:19,350
Dan sebenarnya, bila-bila masa
anda pernah pergi ke YouTube,

545
00:25:19,350 --> 00:25:22,190
dan biarlah saya sebenarnya sengaja
rick roll diri saya di sini.

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

547
00:25:25,770 --> 00:25:29,592
Jadi rick roll-- saya akan pergi di sini.

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

549
00:25:31,900 --> 00:25:33,730
>> OK, satu orang suka bahawa.

550
00:25:33,730 --> 00:25:37,270
Jadi notis selama ini, jika anda
klik pautan Kongsi, anda sudah tentu

551
00:25:37,270 --> 00:25:41,390
mendapatkan URL yang anda boleh sebenarnya
menanamkan dalam e-mel atau imej forensik

552
00:25:41,390 --> 00:25:43,730
atau dalam masalah menetapkan atau dalam slaid.

553
00:25:43,730 --> 00:25:49,055
Dan kini, jika saya sebaliknya klik pada embed,
melihat bahawa selama ini, barangan ini

554
00:25:49,055 --> 00:25:49,680
telah ada.

555
00:25:49,680 --> 00:25:50,910
Saya akan pergi ke hadapan dan menyalin ini.

556
00:25:50,910 --> 00:25:54,000
>> Dan hanya supaya kita boleh melihat lebih baik, Saya
akan tampalkannya ke dalam editor teks saya.

557
00:25:54,000 --> 00:25:55,860
Perhatikan bahawa ini apa
YouTube telah memberitahu anda.

558
00:25:55,860 --> 00:25:57,693
Setiap kali anda melawat
Video YouTube, jika anda

559
00:25:57,693 --> 00:26:00,410
mahu membenamkan video pada anda
laman web, hanya merebut ini.

560
00:26:00,410 --> 00:26:03,350
Jadi ini merupakan satu lagi
Tag HTML dipanggil iframe.

561
00:26:03,350 --> 00:26:04,590
Atau dalam rangka garis.

562
00:26:04,590 --> 00:26:08,680
Oleh itu, ia juga kelihatan lebih sedikit
kompleks daripada yang lain.

563
00:26:08,680 --> 00:26:11,950
Jadi ternyata bahawa imej
tag dan nampaknya tag iframe

564
00:26:11,950 --> 00:26:13,370
mengambil apa yang dipanggil sifat-sifat.

565
00:26:13,370 --> 00:26:15,710
>> Dan ini adalah satu lagi
sekeping sintaks dalam HTML.

566
00:26:15,710 --> 00:26:19,240
Selain tag ini
nama, terbuka kurungan nama tag,

567
00:26:19,240 --> 00:26:23,780
anda boleh mengawal tingkah laku tag
dengan mempunyai sejumlah besar sifat

568
00:26:23,780 --> 00:26:24,860
sama nilai.

569
00:26:24,860 --> 00:26:26,290
Sifat sama nilai.

570
00:26:26,290 --> 00:26:28,100
Dan sebagainya misalnya,
YouTube memberitahu kita

571
00:26:28,100 --> 00:26:31,990
jika anda mahu lebar video ini
menjadi 420 piksel dan ketinggian

572
00:26:31,990 --> 00:26:35,470
menjadi 315 piksel, itu
bagaimana anda menyatakan ia dalam HTML.

573
00:26:35,470 --> 00:26:38,480
>> Sumber video yang sedang berlaku
untuk menjadi bahawa URL YouTube lama

574
00:26:38,480 --> 00:26:40,830
dan kemudian beberapa barangan lain
seperti rangka sempadan adalah sifar,

575
00:26:40,830 --> 00:26:43,500
supaya mungkin bermakna ada
tiada sempadan sekitar perkara itu.

576
00:26:43,500 --> 00:26:45,450
Benarkan skrin penuh mungkin
bermakna bahawa pengguna

577
00:26:45,450 --> 00:26:47,840
boleh klik butang dan
sebenarnya skrin penuh video.

578
00:26:47,840 --> 00:26:52,870
Jadi, jika saya benar-benar mahu menjadi
menarik di sini di Rick dot HTML,

579
00:26:52,870 --> 00:26:58,490
daripada menggunakan tag imej, mari
saya memadamkannya, bukannya paste ini.

580
00:26:58,490 --> 00:27:00,810
Dan kini menambah nilai.

581
00:27:00,810 --> 00:27:02,500
Dan kini di sini kita pergi lagi.

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

583
00:27:04,979 --> 00:27:06,020
Baiklah, itu sudah cukup.

584
00:27:06,020 --> 00:27:08,970
Baiklah, jadi saya akan cuba
sukar untuk tidak berbuat demikian lagi.

585
00:27:08,970 --> 00:27:11,400
Jadi apa yang adalah beberapa bawa pulang di sini?

586
00:27:11,400 --> 00:27:15,130
Jadi HTML, sebagai hodoh seperti laman-laman web
adalah, sebenarnya agak mudah.

587
00:27:15,130 --> 00:27:16,467
Ia bukan bahasa pengaturcaraan.

588
00:27:16,467 --> 00:27:17,550
Ia tidak mempunyai fungsi.

589
00:27:17,550 --> 00:27:18,410
Ia tidak mempunyai gelung.

590
00:27:18,410 --> 00:27:19,535
Ia tidak mempunyai syarat-syarat.

591
00:27:19,535 --> 00:27:22,900
Semua ia adalah berpuluh-puluh
tag yang berbeza, setiap yang

592
00:27:22,900 --> 00:27:24,620
mempunyai sifar atau lebih sifat-sifat.

593
00:27:24,620 --> 00:27:27,320
Dan sebenarnya, apa yang seronok tentang
HTML anda mula untuk menyelam ke dalam

594
00:27:27,320 --> 00:27:29,560
adalah bahawa ia adalah sangat boleh diajar diri.

595
00:27:29,560 --> 00:27:32,880
>> Apa yang diperlukan adalah pemahaman
rangka kerja umum HTML.

596
00:27:32,880 --> 00:27:36,510
Apakah tag, apa yang atribut,
bagaimana anda sebenarnya mengkonfigurasi laman web

597
00:27:36,510 --> 00:27:37,250
seperti berikut.

598
00:27:37,250 --> 00:27:40,720
Dan segala-galanya adalah benar-benar keputusan
melihat ke atas merujuk dalam talian

599
00:27:40,720 --> 00:27:43,080
atau Googling bagaimana untuk melakukan
teknik atau seperti yang kita lihat,

600
00:27:43,080 --> 00:27:45,371
melihat sumber Facebook
kod, melihat laman web

601
00:27:45,371 --> 00:27:48,710
yang anda suka pada itu kod sumber dan
memahami bagaimana pemaju terdapat

602
00:27:48,710 --> 00:27:50,550
sebenarnya meletakkan perkara-perkara.

603
00:27:50,550 --> 00:27:52,180
>> Oleh itu, kita boleh lakukan imej juga.

604
00:27:52,180 --> 00:27:53,994
Dan sebenarnya, kami melakukannya sebentar tadi.

605
00:27:53,994 --> 00:27:55,410
Biar saya pergi ke hadapan dan hanya menunjukkan kepada anda.

606
00:27:55,410 --> 00:27:56,770
Berikut adalah beberapa contoh kod.

607
00:27:56,770 --> 00:27:58,380
Jika anda pernah mahu melihat kucing marah-marah.

608
00:27:58,380 --> 00:28:00,620
Jadi notis bahawa saya boleh
mempunyai tag imej di sini.

609
00:28:00,620 --> 00:28:02,090
Dan saya telah mendapat satu komen di atasnya.

610
00:28:02,090 --> 00:28:04,490
Saya ada alternatif
teks untuk kemudahan.

611
00:28:04,490 --> 00:28:07,250
Jadi seseorang yang yang menggunakan skrin yang
pembaca atas sebab-sebab penglihatan

612
00:28:07,250 --> 00:28:10,172
boleh benar-benar maka perlu mereka
pembaca skrin mengatakan kucing marah-marah.

613
00:28:10,172 --> 00:28:11,880
Kerana jika mereka tidak boleh
melihat imej ini, mereka

614
00:28:11,880 --> 00:28:14,504
sekurang-kurangnya boleh mempunyai komputer mereka
memberitahu mereka secara lisan apa yang ada.

615
00:28:14,504 --> 00:28:18,020
Dan sumber fail yang cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
Jadi sebenarnya, jika saya benar-benar mahu
mendapatkan pandai, apa yang saya boleh mempunyai done--

617
00:28:22,472 --> 00:28:25,680
Saya berjanji tidak akan pergi ke Rick Astley, jadi
Saya akan google untuk kucing sebagai ganti.

618
00:28:25,680 --> 00:28:28,290
Dan jika saya pergi ke Google Images
sini, dan kami akan menganggap

619
00:28:28,290 --> 00:28:30,040
bahawa ini adalah gambar kucing saya.

620
00:28:30,040 --> 00:28:35,070
>> Katakan saya mempunyai kawalan diklik
atau kanan klik pada ini, secara tidak sengaja

621
00:28:35,070 --> 00:28:35,630
menyeramkan.

622
00:28:35,630 --> 00:28:40,320
Dan cat.jpeg saya akan
untuk menjimatkan desktop saya.

623
00:28:40,320 --> 00:28:44,700
Kini saya akan kembali ke awan 9.

624
00:28:44,700 --> 00:28:48,150
Perhatikan bahawa di sini, saya boleh
pergi untuk memuat naik fail tempatan.

625
00:28:48,150 --> 00:28:51,530
Dan jika saya merebut ini
fail, cat.jpeg, notis

626
00:28:51,530 --> 00:28:54,674
yang saya boleh tarik dan
menjatuhkannya ke dalam awan 9

627
00:28:54,674 --> 00:28:56,090
dan ia akan menjerit pada saya di sini.

628
00:28:56,090 --> 00:28:59,000
>> Oleh kerana kami telah pun
berikan kepadamu fail cat.jpeg,

629
00:28:59,000 --> 00:29:01,430
tetapi ia sangat mudah untuk
dapatkan foto yang anda telah

630
00:29:01,430 --> 00:29:03,220
diambil dari Facebook
atau Flickr atau sebagainya

631
00:29:03,220 --> 00:29:05,678
dan benar-benar seret dan lepaskan
ke dalam awan 9 dan kemudian membuat ia

632
00:29:05,678 --> 00:29:07,970
sebahagian daripada peribadi anda sendiri
laman web atau masalah

633
00:29:07,970 --> 00:29:10,442
menetapkan tujuh atau lapan seperti yang kita tidak lama lagi akan melihat.

634
00:29:10,442 --> 00:29:12,150
Dan kemudian apabila anda
akhirnya melawat kucing itu,

635
00:29:12,150 --> 00:29:16,610
dengan andaian saya turun kucing yang sama,
notis bahawa- itu adalah comel.

636
00:29:16,610 --> 00:29:19,160
>> Apa yang akan anda lihat adalah
sesuatu seperti muka ini di sini.

637
00:29:19,160 --> 00:29:21,810
Jadi fail yang anda
rujukan dalam halaman web

638
00:29:21,810 --> 00:29:26,050
boleh sama ada tempatan anda sendiri
akaun atau jauh pada beberapa pelayan lain

639
00:29:26,050 --> 00:29:29,670
seperti dalam kes daripada Rick
Astley gambar sedikit lalu.

640
00:29:29,670 --> 00:29:32,990
Jadi di mana else-- apa
lagi yang kita boleh lakukan di sini?

641
00:29:32,990 --> 00:29:34,890
Jadi mari kita lihat yang berikut.

642
00:29:34,890 --> 00:29:36,160
Anda tahu apa yang jenis sejuk?

643
00:29:36,160 --> 00:29:39,330
>> Kami setakat ini telah membuat
laman web yang sangat statik.

644
00:29:39,330 --> 00:29:41,830
Saya mahu perkara-perkara rempah sehingga seperti berikut.

645
00:29:41,830 --> 00:29:44,344
Saya hendak membuat enjin carian saya sendiri.

646
00:29:44,344 --> 00:29:47,010
Jadi untuk membuat enjin carian, mari kita
pergi ke hadapan dan mula melakukan ini.

647
00:29:47,010 --> 00:29:52,570
Saya akan pergi ke hadapan dan mewujudkan
fail baru yang dikenali sebagai search.html.

648
00:29:52,570 --> 00:29:54,890
Dan kami telah prefabed versi dalam talian.

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

650
00:29:56,027 --> 00:29:57,610
Jangan paste ke dalam tetingkap terminal anda.

651
00:29:57,610 --> 00:29:58,744
Versi cetakan dalam talian.

652
00:29:58,744 --> 00:30:00,160
Dan saya akan bermula seperti berikut.

653
00:30:00,160 --> 00:30:04,490
Jadi di sini adalah awal
fail yang dipanggil search.html.

654
00:30:04,490 --> 00:30:07,510
Saya akan menyimpannya di dalam
direktori sumber hari ini.

655
00:30:07,510 --> 00:30:09,079
Saya akan memanggil Cari.

656
00:30:09,079 --> 00:30:10,370
Sebenarnya, kami akan menjadikannya lebih baik.

657
00:30:10,370 --> 00:30:13,600
CS50 Cari dan benar-benar jenama itu.

658
00:30:13,600 --> 00:30:17,500
Dan sekarang, saya akan berkata
sesuatu seperti H1 CS50 Cari.

659
00:30:17,500 --> 00:30:20,930
Dan kemudian turun di sini, H2 akan datang tidak lama lagi.

660
00:30:20,930 --> 00:30:23,230
Dan hanya untuk recap, H1 dan
H2 bermaksud apa yang masing-masing?

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

662
00:30:26,750 --> 00:30:30,320
>> Ya, begitu besar dan berani, dan
tidak seperti yang besar, tetapi masih berani.

663
00:30:30,320 --> 00:30:37,375
Jadi, jika saya menyimpan ini dan pergi ke sini,
mari kita lihat search.html fail.

664
00:30:37,375 --> 00:30:42,560
Baiklah, dan yang satu ini
adalah right-- [didengar].

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

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

667
00:30:49,110 --> 00:30:49,945
Daud adalah keliru.

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

669
00:30:52,610 --> 00:30:54,080
Oh, itu di sana.

670
00:30:54,080 --> 00:30:54,860
David yang bodoh.

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

672
00:30:55,420 --> 00:30:56,660
Lalu jadilah ia.

673
00:30:56,660 --> 00:30:58,350
Jadi carian CS50 akan datang tidak lama lagi.

674
00:30:58,350 --> 00:31:00,370
Oleh sebab itu, mari kita mensintesis
apa yang kita lakukan pada minggu lepas.

675
00:31:00,370 --> 00:31:03,400
>> Di mana kita bercakap tentang
mekanik tahap yang lebih rendah daripada HTTP.

676
00:31:03,400 --> 00:31:05,780
Dan idea-idea baru
HTML, yang hanya

677
00:31:05,780 --> 00:31:08,890
bahasa penanda ini di mana anda
memberitahu pelayar apa yang perlu dilakukan

678
00:31:08,890 --> 00:31:10,740
dan melaksanakan enjin carian kami sendiri.

679
00:31:10,740 --> 00:31:12,520
Jadi, daripada hanya
mengatakan akan datang, Saya

680
00:31:12,520 --> 00:31:14,810
akan memperkenalkan
sesuatu yang dinamakan tag bentuk.

681
00:31:14,810 --> 00:31:19,610
Dan dalam borang ini, saya akan
mempunyai sesuatu seperti medan input.

682
00:31:19,610 --> 00:31:22,450
>> Dan nama input ini
lapangan, saya akan memanggilnya Q.

683
00:31:22,450 --> 00:31:26,240
Dan jenis medan input ini
Saya akan katakan adalah hanya "teks".

684
00:31:26,240 --> 00:31:29,130
Dan medan teks, kerana kita akan
lihat, hanya kotak teks.

685
00:31:29,130 --> 00:31:32,830
Dan supaya ia tidak merasakan di sini untuk mempunyai
apa-apa yang di dalamnya pada ketika ini.

686
00:31:32,830 --> 00:31:35,320
Dan jadi saya hanya akan
untuk menutup tag dengan yang

687
00:31:35,320 --> 00:31:38,099
ke hadapan slash betul-betul di tag itu sendiri.

688
00:31:38,099 --> 00:31:39,890
Dan kemudian saya akan
mempunyai satu input lain.

689
00:31:39,890 --> 00:31:43,480
Jenis input sama hantar.

690
00:31:43,480 --> 00:31:45,320
Dan kemudian saya akan
menutup ini kepadaku.

691
00:31:45,320 --> 00:31:46,840
>> Dan sekarang saya akan pergi ke sini.

692
00:31:46,840 --> 00:31:49,520
Dan sudah kita lihat,
walaupun agak hodoh, saya telah

693
00:31:49,520 --> 00:31:52,460
mendapat permulaan
halaman carian saya sendiri di sini.

694
00:31:52,460 --> 00:31:55,150
Malah, saya cuba untuk
membersihkan ini sehingga sedikit.

695
00:31:55,150 --> 00:31:57,330
Ia ternyata bahawa pada
input di sini, saya boleh mempunyai

696
00:31:57,330 --> 00:31:59,910
atribut lain yang dikenali sebagai pemegang tempat.

697
00:31:59,910 --> 00:32:05,165
Dan saya mungkin melihat sesuatu seperti kata kunci,
atau lebih khusus, bertanyakan q.

698
00:32:05,165 --> 00:32:07,820
>> Dan perhatikan, sekarang, saya mempunyai
ini jenis teks kelabu

699
00:32:07,820 --> 00:32:10,440
yang hilang sebagai
Sebaik sahaja saya mula menaip,

700
00:32:10,440 --> 00:32:12,930
tetapi ia mungkin sesuatu
anda telah lihat dalam laman web lain.

701
00:32:12,930 --> 00:32:14,650
Saya tidak benar-benar suka butang Submit.

702
00:32:14,650 --> 00:32:18,320
Jadi, saya sebenarnya akan memberikan
Butang Hantar nilai carian.

703
00:32:18,320 --> 00:32:21,680
Dan kini, jika saya menambah nilai, melihat bahawa
butang saya menjadi bernama carian.

704
00:32:21,680 --> 00:32:24,140
Anda tahu, saya tidak benar-benar
seperti logo di sini.

705
00:32:24,140 --> 00:32:27,140
Jadi penjana Google fon.

706
00:32:27,140 --> 00:32:28,820
>> Saya hendak membubuh ini naik lagi.

707
00:32:28,820 --> 00:32:30,660
Carian supaya CS50.

708
00:32:30,660 --> 00:32:31,870
Biar saya mencipta logo sendiri.

709
00:32:31,870 --> 00:32:33,080
Yang kelihatan baik.

710
00:32:33,080 --> 00:32:36,945
Jadi sekarang mari saya menyimpan ini as-- datang pada.

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

712
00:32:40,710 --> 00:32:43,120
Di mana ia akan pergi?

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

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

715
00:32:44,160 --> 00:32:44,980
Terlepas.

716
00:32:44,980 --> 00:32:47,740
Simpan sebagai.

717
00:32:47,740 --> 00:32:49,470
Pelayar bodoh.

718
00:32:49,470 --> 00:32:51,700
Berdiri, kita akan
menetapkan ini sekali dan untuk semua.

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

720
00:32:57,650 --> 00:32:58,590
Di sana kami pergi.

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

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

723
00:32:59,600 --> 00:33:00,750
Hari cuti.

724
00:33:00,750 --> 00:33:02,310
Sekarang ini adalah funky.

725
00:33:02,310 --> 00:33:03,160
Keluar dari skrin penuh.

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

727
00:33:04,150 --> 00:33:06,870
>> Sekarang, seperti biasa
seorang, menyimpan imej sebagai.

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

729
00:33:08,810 --> 00:33:13,194
Sekarang saya akan pergi ke CS50IDE dan
Saya akan hanya merebut logo,

730
00:33:13,194 --> 00:33:15,360
Saya akan tarik ke
saya direktori sumber tujuh,

731
00:33:15,360 --> 00:33:17,002
fail sudah ada, saya OK dengan itu.

732
00:33:17,002 --> 00:33:19,210
Jadi saya akan mengatasinya
kerana saya sudah mempunyai ia.

733
00:33:19,210 --> 00:33:20,630
Dan sekarang bagaimana saya menghilangkan ini?

734
00:33:20,630 --> 00:33:24,670
>> Mari kita pergi ke hadapan di sini dan melakukan
sumber imej sama logo.gif.

735
00:33:24,670 --> 00:33:25,490
Tutup.

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

737
00:33:26,050 --> 00:33:30,560
Dan kini jika saya kembali ke carian saya
halaman, kini ia kelihatan cukup baik.

738
00:33:30,560 --> 00:33:33,610
Baiklah, jadi ia tidak mempunyai
agak melakukan apa-apa yang berguna.

739
00:33:33,610 --> 00:33:37,000
Malah, saya cuba mencari
untuk kucing dan lihat apa yang berlaku.

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

741
00:33:38,890 --> 00:33:39,420
Tak guna.

742
00:33:39,420 --> 00:33:41,400
Ia bukan sahaja berfungsi, nampaknya.

743
00:33:41,400 --> 00:33:43,760
Jadi apa yang sekeping utama
yang yang hilang di sini?

744
00:33:43,760 --> 00:33:49,100
>> Betul, walaupun anda tidak tahu apa-apa HTML,
Saya telah memulakan menandakan borang telefon

745
00:33:49,100 --> 00:33:54,130
dan saya telah diberitahu ia bagaimana untuk mendapatkan input,
memberi saya kotak teks dan butang hantar,

746
00:33:54,130 --> 00:33:55,730
apa bahagian nampaknya hilang?

747
00:33:55,730 --> 00:33:58,975
Katakan kita mahu benar-benar mendapatkan
Perkara ini berfungsi dengan betul.

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

749
00:34:02,420 --> 00:34:05,360
Apa yang perlu kita lakukan?

750
00:34:05,360 --> 00:34:08,860
Kami mempunyai keperluan untuk melaksanakan hujung belakang
pangkalan data atau enjin carian itu sendiri,

751
00:34:08,860 --> 00:34:11,210
dan itu akan mengambil
banyak masa, terus-terang.

752
00:34:11,210 --> 00:34:13,380
>> Jadi ingat apa yang kita lakukan kali terakhir.

753
00:34:13,380 --> 00:34:18,230
Jadi, jika anda mencari sesuatu di Google
dan anda telah terlebih dahulu dimatikan,

754
00:34:18,230 --> 00:34:20,355
ingat, carian segera.

755
00:34:20,355 --> 00:34:22,230
Jadi, saya akan beralih yang luar
supaya ini sebenarnya

756
00:34:22,230 --> 00:34:26,650
berkelakuan seperti pelayar sekolah yang lebih tua,
jika saya kini mencari sesuatu seperti kucing,

757
00:34:26,650 --> 00:34:28,190
ingat apa URL yang kelihatan seperti.

758
00:34:28,190 --> 00:34:29,449
Ia agak samar.

759
00:34:29,449 --> 00:34:33,000
Tetapi tertanam di sana,
ingat, adalah carian slash.

760
00:34:33,000 --> 00:34:35,100
Tanda tanya q sama kucing.

761
00:34:35,100 --> 00:34:37,760
>> Dan itu seolah-olah memberikan saya
sejumlah besar hasil carian.

762
00:34:37,760 --> 00:34:39,134
Jadi, anda tahu apa yang saya akan lakukan?

763
00:34:39,134 --> 00:34:41,650
Saya akan meminjam
Google hanya satu minit.

764
00:34:41,650 --> 00:34:43,670
Saya akan pergi ke
di sini dan saya akan mengatakan

765
00:34:43,670 --> 00:34:47,850
ini membentuk tindakan atau
destinasi, boleh dikatakan,

766
00:34:47,850 --> 00:34:49,330
benar-benar perlu Google.

767
00:34:49,330 --> 00:34:52,590
Dan kaedah yang saya mahu
penggunaan akan menjadi dapat.

768
00:34:52,590 --> 00:34:53,560
>> Jadi apa tindakan?

769
00:34:53,560 --> 00:34:55,760
Tindakan weirdly dinamakan,
tetapi itu hanya bermakna

770
00:34:55,760 --> 00:34:58,120
siapa yang akan mengendalikan
tindakan borang ini?

771
00:34:58,120 --> 00:35:00,820
Apabila saya klik Search, di mana
sekiranya keputusan mana sahaja?

772
00:35:00,820 --> 00:35:05,300
Dan jika saya kini kembali ke bentuk saya
di sini dan muat semula halaman web saya

773
00:35:05,300 --> 00:35:09,000
dan kini mencari sesuatu
seperti anjing, perhatikan sekarang

774
00:35:09,000 --> 00:35:10,850
Saya telah dilaksanakan semula Google.

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

776
00:35:11,350 --> 00:35:14,141
>> Jika saya mahu mencari sesuatu
lain, ia berfungsi untuk bukan sahaja anjing,

777
00:35:14,141 --> 00:35:16,400
ia juga berfungsi untuk kucing.

778
00:35:16,400 --> 00:35:21,930
Ia juga berfungsi untuk CS50.

779
00:35:21,930 --> 00:35:24,310
Dan OK, ini adalah hanya
bawah whelming, bukan?

780
00:35:24,310 --> 00:35:25,920
Baiklah, tetapi ia sebenarnya berfungsi.

781
00:35:25,920 --> 00:35:27,360
Jadi apa yang sebenarnya telah berlaku?

782
00:35:27,360 --> 00:35:31,340
Jadi saya telah diajar pelayar saya, menggunakan
HTML, untuk mengambil input daripada pengguna

783
00:35:31,340 --> 00:35:35,810
dan benar-benar menghantar input yang
ke pelayan jauh menggunakan HTTP.

784
00:35:35,810 --> 00:35:39,120
>> Dan kerana pelayar saya
memahami HTTP, ia sebenarnya

785
00:35:39,120 --> 00:35:43,500
membina URL yang sehingga yang
Saya akhirnya lebih dalam pelayar saya,

786
00:35:43,500 --> 00:35:45,660
melihat apa yang berlaku
apabila saya mencari anjing.

787
00:35:45,660 --> 00:35:49,270
Jika saya klik Search, melihat bahawa
URL perubahan seperti yang saya dimaksudkan

788
00:35:49,270 --> 00:35:52,770
untuk google.com/search~~V pertanyaan sama dengan anjing.

789
00:35:52,770 --> 00:35:56,020
Dan itu kerana borang
tahu, kerana kaedah ini dapat,

790
00:35:56,020 --> 00:35:59,560
untuk hanya menambah kepada URL yang di sana.

791
00:35:59,560 --> 00:36:01,730
>> Kini, laman-laman web masih hodoh.

792
00:36:01,730 --> 00:36:04,890
Jadi mari kita memperkenalkan satu lagi
sekeping sintaks jika kita buat hari ini.

793
00:36:04,890 --> 00:36:07,640
Dan ini adalah sesuatu yang diketahui
sebagai lembaran gaya melata.

794
00:36:07,640 --> 00:36:10,720
Jadi biarlah saya lihat di
contoh ini di sini dan melihat

795
00:36:10,720 --> 00:36:12,380
jika kita boleh membuat kesimpulan apa yang sedang berlaku.

796
00:36:12,380 --> 00:36:14,520
Ini adalah CSS0.html.

797
00:36:14,520 --> 00:36:16,532
Dan ini adalah di mana perkara
mendapatkan sedikit hodoh.

798
00:36:16,532 --> 00:36:18,490
Kerana malangnya,
dalam dunia web,

799
00:36:18,490 --> 00:36:20,920
HTML sahaja tidak boleh melakukan segala-galanya.

800
00:36:20,920 --> 00:36:22,920
Dan jadi jika anda mahu
menyesuaikan dgn mode laman web anda,

801
00:36:22,920 --> 00:36:28,370
anda benar-benar perlu untuk memberi tumpuan kepada
estetika dalam cara yang berbeza.

802
00:36:28,370 --> 00:36:33,090
Jadi di sini, saya mempunyai tubuh web saya
halaman dalam yang merupakan div besar.

803
00:36:33,090 --> 00:36:34,700
Dan div yang hanya bermakna bahagian.

804
00:36:34,700 --> 00:36:38,060
Jadi ia seperti satu ayat tetapi ia
tidak mempunyai semantik sama

805
00:36:38,060 --> 00:36:39,180
satu perenggan teks.

806
00:36:39,180 --> 00:36:40,940
>> Ini hanya bermakna kepada
pelayar, di sini datang

807
00:36:40,940 --> 00:36:45,210
sebuah kawasan besar segi empat tepat web saya
halaman, saya ingin mengendalikan khas.

808
00:36:45,210 --> 00:36:47,420
Sekarang, line 21 adalah di mana div yang bermula.

809
00:36:47,420 --> 00:36:48,770
Dan hanya mengambil tekaan.

810
00:36:48,770 --> 00:36:53,080
Apakah kesan garis 21 pada
seluruh kandungan halaman?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
Berpusat itu.

813
00:36:56,311 --> 00:36:56,810
Itu sahaja.

814
00:36:56,810 --> 00:36:58,830
Oleh itu, kita tidak pernah melihat cara
sebenarnya berpusat teks.

815
00:36:58,830 --> 00:37:00,996
>> Malah, enjin carian saya,
tidak seperti Google yang sebenar,

816
00:37:00,996 --> 00:37:03,040
itu semua dibenarkan ke kiri.

817
00:37:03,040 --> 00:37:07,430
Dan sehingga kini selaras 21, saya berkata, hey
pelayar, mewujudkan satu bahagian atas halaman.

818
00:37:07,430 --> 00:37:09,450
Tetapi berilah besar, segi empat tepat yang tidak dapat dilihat.

819
00:37:09,450 --> 00:37:11,490
Itulah bagaimana saya mahu
fikir tentang laman web.

820
00:37:11,490 --> 00:37:13,870
Dan kemudian menyesuaikan dgn mode ia seperti berikut.

821
00:37:13,870 --> 00:37:16,900
Dalam orang-orang sebut harga,
sekarang, adalah bahasa kedua

822
00:37:16,900 --> 00:37:19,969
yang diperkenalkan hari ini
dipanggil melata gaya helaian.

823
00:37:19,969 --> 00:37:22,010
Syukurlah, ia juga tidak
bahasa pengaturcaraan,

824
00:37:22,010 --> 00:37:26,470
jadi ia sangat terhad dalam sintaks tetapi
juga sangat terhad dalam fungsinya

825
00:37:26,470 --> 00:37:30,670
sedangkan HTML adalah tentang
menandakan sandaran data bagi sebuah laman web

826
00:37:30,670 --> 00:37:32,130
dan struktur laman web.

827
00:37:32,130 --> 00:37:35,320
CSS umumnya kira-kira yang
sambungan akhir, estetika,

828
00:37:35,320 --> 00:37:40,160
mendapatkan saiz dan warna dan
penempatan betul-betul tepat di laman web.

829
00:37:40,160 --> 00:37:43,000
Dan sesungguhnya ia dibentuk
dengan pasangan nilai utama.

830
00:37:43,000 --> 00:37:46,290
>> Satu yang seperti ini, teks
menyelaraskan, diikuti dengan noktah bertindih,

831
00:37:46,290 --> 00:37:49,720
diikuti dengan nilai yang
hartanah, yang dalam kes ini adalah pusat.

832
00:37:49,720 --> 00:37:51,910
Dan kini melihat anda
dapat bersarang perkara-perkara ini.

833
00:37:51,910 --> 00:37:56,780
Jika saya mahu segala-galanya dalam yang
Saya telah diketengahkan kepada berpusat,

834
00:37:56,780 --> 00:38:00,270
sebab itu saya mempunyai talian 21 dan
garis yang berkaitan 31.

835
00:38:00,270 --> 00:38:04,820
Tetapi rasa sekarang mahu mengatakan John
Harvard, selamat datang ke laman rumah saya.

836
00:38:04,820 --> 00:38:06,530
>> Simbol hak cipta John Harvard.

837
00:38:06,530 --> 00:38:09,180
Dan rasa saya mahu pertama
mereka garis untuk menjadi agak besar.

838
00:38:09,180 --> 00:38:10,450
36 piksel.

839
00:38:10,450 --> 00:38:11,530
Jadi itulah saiz yang baik.

840
00:38:11,530 --> 00:38:13,240
Dan saya mahu berat badan untuk menjadi berani.

841
00:38:13,240 --> 00:38:15,450
Tetapi di bawah itu,
Saya mahu teks yang lebih kecil.

842
00:38:15,450 --> 00:38:19,980
Dan di bawah itu, saya ingin
teks lebih kecil.

843
00:38:19,980 --> 00:38:20,480
Maaf.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
Hari ini terasa seperti hari cuti.

846
00:38:26,940 --> 00:38:29,840
>> Oleh sebab itu, apa yang saya lakukan untuk menyatakan ini?

847
00:38:29,840 --> 00:38:34,580
Di sini di talian 22 adalah terbenam
div atau div bersarang, jika anda akan.

848
00:38:34,580 --> 00:38:36,190
Ia juga mempunyai tag gaya sendiri.

849
00:38:36,190 --> 00:38:38,160
Saya menentukan saiz fon 36.

850
00:38:38,160 --> 00:38:40,460
Saya nyatakan berat fon berani.

851
00:38:40,460 --> 00:38:43,360
Turun di sini, saya hanya nyatakan 24 piksel.

852
00:38:43,360 --> 00:38:45,960
Dan akhirnya, sejajar 28, saya nyatakan 12.

853
00:38:45,960 --> 00:38:49,070
Jadi hanya sebagai cek kewarasan cepat
dan sebagai bacaan manusia ini,

854
00:38:49,070 --> 00:38:52,545
yang perkataan pada skrin adalah
sebenarnya akan berani?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
Yang baris sebenarnya berani?

857
00:38:58,760 --> 00:38:59,570
>> Hanya John Harvard.

858
00:38:59,570 --> 00:39:00,070
Betul?

859
00:39:00,070 --> 00:39:05,940
Kerana hanya sebagai garis 22 kata hey
pelayar, di sini adalah satu bahagian atas halaman.

860
00:39:05,940 --> 00:39:07,920
Jadikan ia saiz fon 36 mata.

861
00:39:07,920 --> 00:39:09,460
Membuat berat badan fon berani.

862
00:39:09,460 --> 00:39:11,920
Sebaik sahaja anda sampai ke
tag penutup berkaitan

863
00:39:11,920 --> 00:39:15,340
atau tag ditutup pada baris 24,
cara itu, hey pelayar,

864
00:39:15,340 --> 00:39:17,640
berhenti melakukan apa sahaja yang anda lakukan.

865
00:39:17,640 --> 00:39:21,020
Dan notis perlu jelas, walaupun
garis 22 mempunyai semua sifat-sifat ini

866
00:39:21,020 --> 00:39:24,430
seperti gaya, apabila anda
menutup tag selaras 24,

867
00:39:24,430 --> 00:39:25,940
anda hanya menyebut nama tag ini.

868
00:39:25,940 --> 00:39:29,990
>> Anda tidak mengulangi gaya perkataan itu atau
apa-apa yang dalam orang-orang sebut harga.

869
00:39:29,990 --> 00:39:32,860
Dan jadi jika saya melihat ini sekarang
dalam pelayar saya, mari kita

870
00:39:32,860 --> 00:39:38,060
yang melihat hasil akhir. Biar saya pergi
hadapan untuk fail ini, yang merupakan CSS 0.

871
00:39:38,060 --> 00:39:41,814
Dan ia masih cukup jelas,
tetapi mendapat cukup menarik.

872
00:39:41,814 --> 00:39:43,980
Tetapi ternyata ada yang
perkara-perkara lain yang boleh saya lakukan di sini,

873
00:39:43,980 --> 00:39:46,490
dan pada risiko membuat
ini benar-benar mengerikan,

874
00:39:46,490 --> 00:39:48,630
perhatikan di sini bahawa dalam saya
badan halaman web saya,

875
00:39:48,630 --> 00:39:53,930
Yang boleh saya lakukan sesuatu yang lucu
seperti bg atau warna latar belakang.

876
00:39:53,930 --> 00:39:56,670
>> Dan cepat, apa yang warna kegemaran anda?

877
00:39:56,670 --> 00:39:57,720
Green saya dengar.

878
00:39:57,720 --> 00:39:58,750
Baiklah.

879
00:39:58,750 --> 00:40:02,920
Jadi sekarang, jika saya memukul tambah nilai sekarang,
kita mempunyai laman web hijau.

880
00:40:02,920 --> 00:40:04,710
Baiklah, jadi itu bukan tidak baik.

881
00:40:04,710 --> 00:40:08,350
Dan kini, jika saya ingin ini benar-benar
sejuk, saya boleh membuat warna teks saya

882
00:40:08,350 --> 00:40:09,360
merah.

883
00:40:09,360 --> 00:40:10,870
Jadi mari kita lihat apa ini kelihatan seperti.

884
00:40:10,870 --> 00:40:12,230
Sekarang ia kelihatan cukup baik.

885
00:40:12,230 --> 00:40:15,460
Dan turun di sini, jika anda benar-benar
mahu keadaan huru-hara dengan seseorang

886
00:40:15,460 --> 00:40:17,487
atau jika anda mahu
salah satu daripada orang-orang yang

887
00:40:17,487 --> 00:40:20,570
cuba untuk menipu anda ke dalam melawat web yang
halaman kerana mereka telah ditipu Google

888
00:40:20,570 --> 00:40:27,610
ke dalam pemikiran ada sejumlah
kata-kata kunci like-- mari kita lihat, menambah nilai.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
Di manakah ia pergi?

891
00:40:30,680 --> 00:40:31,530
Dan di sana ia kita.

892
00:40:31,530 --> 00:40:32,030
Baiklah.

893
00:40:32,030 --> 00:40:34,905
Jadi saya katakan ini sebagai diketepikan, kita akan
bercakap tentang perkara ini dalam beberapa minggu

894
00:40:34,905 --> 00:40:36,740
apabila kita bercakap mengenai
keselamatan, jika anda benar-benar

895
00:40:36,740 --> 00:40:38,852
menanamkan tandan keseluruhan
kata kunci dalam laman web,

896
00:40:38,852 --> 00:40:41,810
walaupun mereka tidak boleh dilihat kepada
manusia, seseorang seperti Google, sudah tentu,

897
00:40:41,810 --> 00:40:43,250
masih boleh benar-benar mencari ini.

898
00:40:43,250 --> 00:40:45,820
Baiklah, jadi yang cukup
mengerikan cukup cepat.

899
00:40:45,820 --> 00:40:48,420
>> Dan sebenarnya, bukan semua
yang banyak tidak seperti laman web saya sendiri

900
00:40:48,420 --> 00:40:51,480
halaman sebagai mahasiswa, yang
Saya mula Googling di sekitar untuk mencari

901
00:40:51,480 --> 00:40:53,690
versi masa lalu laman web lama saya.

902
00:40:53,690 --> 00:40:54,500
Ia adalah cukup buruk.

903
00:40:54,500 --> 00:40:56,650
Malah, saya tidak mendapati
salah sebelum kelas.

904
00:40:56,650 --> 00:40:58,620
Tetapi ada yang lebih buruk di luar sana.

905
00:40:58,620 --> 00:41:01,534
Ini nampaknya adalah saya
halaman rumah pada tahun 1996.

906
00:41:01,534 --> 00:41:04,200
Rupa-rupanya saya fikir ia adalah
sesuai untuk meminta orang ramai nama mereka

907
00:41:04,200 --> 00:41:05,991
sebelum dapat
benar-benar melihat laman web saya.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> Dan kemudian saya menunjukkan kepada mereka
sesuatu yang bodoh, mungkin.

910
00:41:11,920 --> 00:41:13,450
Saya akan menggali lebih masa akan datang.

911
00:41:13,450 --> 00:41:16,220
Tetapi untuk sekarang, mari kita
mempertimbangkan sedikit reka bentuk.

912
00:41:16,220 --> 00:41:17,444
Kami telah berbincang tentang gaya.

913
00:41:17,444 --> 00:41:19,735
Dan halaman ini setakat ini dan
segala-galanya yang saya telah menulis

914
00:41:19,735 --> 00:41:21,890
agak bersih segi gaya.

915
00:41:21,890 --> 00:41:23,320
Tetapi bagaimana pula dengan reka bentuk?

916
00:41:23,320 --> 00:41:25,990
Nah, ada banyak lebihan
dalam apa yang saya telah lakukan di sini.

917
00:41:25,990 --> 00:41:28,156
>> Saya sebutkan perkataan
warna dalam beberapa tempat.

918
00:41:28,156 --> 00:41:31,630
Saya telah menyebut tentang saiz font dalam beberapa
tempat-tempat dan berani dalam beberapa tempat.

919
00:41:31,630 --> 00:41:34,870
Dan asasnya, saya bersama
beramah mesra dua bahasa.

920
00:41:34,870 --> 00:41:38,100
Saya telah mendapat HTML dengan tag saya dan saya
sifat-sifat dan kemudian tiba-tiba,

921
00:41:38,100 --> 00:41:40,100
antara petikan, saya mempunyai
bahasa kedua hari ini

922
00:41:40,100 --> 00:41:43,830
dipanggil CSS, yang sekali lagi, hanya ini
pasangan nilai utama atau sifat-sifat ini

923
00:41:43,830 --> 00:41:45,280
dipisahkan oleh titik bertindih.

924
00:41:45,280 --> 00:41:47,700
>> Ia ternyata bahawa banyak
seperti dalam C di mana kita

925
00:41:47,700 --> 00:41:50,550
boleh mula untuk faktor keluar
beberapa kod ke dalam fail header,

926
00:41:50,550 --> 00:41:53,520
supaya kita boleh melakukan perkara yang sama dalam HTML.

927
00:41:53,520 --> 00:41:56,030
Dan satu langkah ke arah yang adalah seperti berikut.

928
00:41:56,030 --> 00:42:02,230
Perhatikan bahawa versi ini, CSS1.html adalah
struktur laman web yang sama yang tepat.

929
00:42:02,230 --> 00:42:05,250
Jadi saya telah mendapat sejumlah besar
daripada divs, tetapi kali ini, saya telah

930
00:42:05,250 --> 00:42:07,220
mendapat menghapuskan pembalut
div kerana anda akan melihat.

931
00:42:07,220 --> 00:42:12,390
>> Dan saya telah memberikan ketiga-tiga divs
atas, tengah, dan bawah, ID unik.

932
00:42:12,390 --> 00:42:14,760
Ini bagus, kerana dengan
memberi mereka bahagian

933
00:42:14,760 --> 00:42:18,715
halaman pengenalan diri,
Saya boleh rujukan mereka di tempat lain.

934
00:42:18,715 --> 00:42:19,215
Di mana?

935
00:42:19,215 --> 00:42:21,070
Baiklah, biar saya tatal ke atas.

936
00:42:21,070 --> 00:42:24,070
Dan setakat ini, bila-bila masa kita telah melihat
di kepala laman web, apa yang

937
00:42:24,070 --> 00:42:28,560
satu-satunya tag kita telah mempunyai dalam
ketua laman web?

938
00:42:28,560 --> 00:42:29,740
A lebih kuat sedikit.

939
00:42:29,740 --> 00:42:30,799
Hanya tajuk ini setakat ini.

940
00:42:30,799 --> 00:42:32,590
Tetapi ternyata ada yang
beberapa perkara lain

941
00:42:32,590 --> 00:42:35,840
anda boleh meletakkan di sana, salah satu daripada
yang ia dipanggil tag gaya.

942
00:42:35,840 --> 00:42:37,850
Jadi masa yang lalu, kita melihat
pada atribut gaya.

943
00:42:37,850 --> 00:42:39,150
Ternyata ada tag gaya.

944
00:42:39,150 --> 00:42:41,200
Ia tergolong di dalam
ketua laman web.

945
00:42:41,200 --> 00:42:42,840
Dan kini melihat apa yang saya lakukan.

946
00:42:42,840 --> 00:42:46,540
Saya mempunyai di dalam ini
gaya tag berikut.

947
00:42:46,540 --> 00:42:51,190
Saya benar-benar menyebut pada baris 20
menamakan daripada tag yang saya mahu untuk menyesuaikan dgn mode.

948
00:42:51,190 --> 00:42:53,489
>> Maka saya mempunyai kerinting terbuka
dan ditutup kerinting.

949
00:42:53,489 --> 00:42:56,030
Jadi sama dalam semangat kepada C, tetapi
lagi, ini bukan fungsi,

950
00:42:56,030 --> 00:42:57,796
ini hanyalah detail sintaksis di sini.

951
00:42:57,796 --> 00:43:00,170
Kemudian sudah tentu, saya memberitahu
pelayar, hey pelayar,

952
00:43:00,170 --> 00:43:05,210
membuat seluruh badan halaman
mempunyai penjajaran teks pusat.

953
00:43:05,210 --> 00:43:06,930
Dan kemudian ini mengatakan yang berikut.

954
00:43:06,930 --> 00:43:12,600
Hey pelayar, jika anda melihat HTML
elemen atau tag dalam halaman yang

955
00:43:12,600 --> 00:43:17,040
mempunyai pengecam unik atas,
jadi simbol hash di sini hanya bermakna

956
00:43:17,040 --> 00:43:21,010
idea yang unik teratas, teruskan
dan membuat saiz fon yang 36

957
00:43:21,010 --> 00:43:22,490
dan berat fon yang berani.

958
00:43:22,490 --> 00:43:26,840
>> Pelayar Hey, satu perkara yang
ID adalah pertengahan, menjadikannya 24 piksel.

959
00:43:26,840 --> 00:43:31,070
Dan hey pelayar, jika anda melihat
idea bawah, menjadikannya 12 piksel.

960
00:43:31,070 --> 00:43:33,540
Kesan pada akhirnya
betul-betul sam.

961
00:43:33,540 --> 00:43:36,500
Jika saya pergi ke CSS 1,
halaman kelihatan sama.

962
00:43:36,500 --> 00:43:39,810
Tetapi kami satu langkah ke arah
reka bentuk yang lebih baik sedikit.

963
00:43:39,810 --> 00:43:44,850
Kini saya kembali di sini untuk CSS2
dan lihat apa lagi yang saya lakukan.

964
00:43:44,850 --> 00:43:48,030
>> Sekarang halaman adalah benar-benar, benar-benar bersih.

965
00:43:48,030 --> 00:43:50,730
Malah, saya boleh memuatkan semua
kandungan di laman di sini.

966
00:43:50,730 --> 00:43:54,270
Tetapi apa new tag aku
diperkenalkan, jelas?

967
00:43:54,270 --> 00:43:54,770
Link.

968
00:43:54,770 --> 00:43:57,853
Dan ia bukan nama terbaik tag,
kerana ia bukan satu pautan dalam erti kata

969
00:43:57,853 --> 00:44:00,780
yang kita tahu, tetapi ini bermakna
pautan dalam beberapa fail lain.

970
00:44:00,780 --> 00:44:02,890
Ini adalah jenis seperti tajam termasuk dalam C.

971
00:44:02,890 --> 00:44:06,280
>> Ini adalah cara yang dalam HTML
untuk mengatakan hey pelayar,

972
00:44:06,280 --> 00:44:10,240
pergi mendapatkan kandungan
fail yang bernama css2.css.

973
00:44:10,240 --> 00:44:12,880
Hubungan, kepada saya,
adalah bahawa ia adalah lembaran gaya.

974
00:44:12,880 --> 00:44:17,980
Dan sesungguhnya, itulah yang salah satu daripada
S dalam gaya melata cadar cara.

975
00:44:17,980 --> 00:44:20,350
Ini adalah lembaran gaya.

976
00:44:20,350 --> 00:44:23,120
Ia hanya fail teks yang mengandungi
sejumlah harta.

977
00:44:23,120 --> 00:44:25,940
Ia adalah sejumlah besar gaya
yang anda mahu untuk memohon kepada halaman.

978
00:44:25,940 --> 00:44:28,860
>> Dan hal ini nampaknya adalah
merujuk kepada fail kedua.

979
00:44:28,860 --> 00:44:32,970
Dan jika saya membuka itu, CSS2.css,
melihat bahawa semua yang saya lakukan

980
00:44:32,970 --> 00:44:35,900
adalah copy dan paste semua
ini ke dalam fail ini.

981
00:44:35,900 --> 00:44:38,220
Dan sekarang, walaupun anda tidak pernah
berkod barangan ini sebelum ini,

982
00:44:38,220 --> 00:44:40,700
hanya mempertimbangkan dengan
topi kejuruteraan pepatah

983
00:44:40,700 --> 00:44:44,220
pada, mengapa yang ini
reka bentuk yang lebih baik mungkin?

984
00:44:44,220 --> 00:44:48,910
Faktor daripada orang-orang hartanah CSS,
meletakkan mereka ke dalam fail mereka sendiri.

985
00:44:48,910 --> 00:44:51,330
Walaupun kita ini diselesaikan
masalah seperti lima minit yang lalu

986
00:44:51,330 --> 00:44:52,600
dalam versi yang pertama.

987
00:44:52,600 --> 00:44:55,730
>> Kami tidak meningkatkan
segi gaya halaman,

988
00:44:55,730 --> 00:44:57,520
ini hanya lebih baik
reka bentuk dalam erti kata lain.

989
00:44:57,520 --> 00:44:58,990
Mengapa anda berfikir?

990
00:44:58,990 --> 00:45:01,510
Yeah.

991
00:45:01,510 --> 00:45:02,260
Lebih fleksibel bagaimana?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
Yeah.

994
00:45:05,540 --> 00:45:07,373
Jadi, jika anda mahu pergi
belakang dan mengubah keadaan,

995
00:45:07,373 --> 00:45:09,540
sekarang, anda mempunyai satu tempat
di mana anda boleh mengubah keadaan.

996
00:45:09,540 --> 00:45:11,622
Dan sebenarnya, untuk sesuatu
seperti masalah menetapkan tujuh,

997
00:45:11,622 --> 00:45:13,690
di mana kita akan melaksanakan
laman web perdagangan saham,

998
00:45:13,690 --> 00:45:15,523
yang akan mempunyai
sejumlah besar halaman.

999
00:45:15,523 --> 00:45:17,620
Dan ia akan menjadi benar-benar
menjengkelkan jika anda membuat keputusan, hm,

1000
00:45:17,620 --> 00:45:21,630
Saya tidak benar-benar suka 24 piksel, saya mahu
ia menjadi 28 piksel atau lebih besar sedikit.

1001
00:45:21,630 --> 00:45:23,550
Dan kemudian perlu melakukan
global mencari dan menggantikan

1002
00:45:23,550 --> 00:45:27,560
atau membuka semua fail laman web anda
semata-mata untuk benar-benar mengubah satu nilai.

1003
00:45:27,560 --> 00:45:31,290
Oleh faktor daripada gaya ini
ke dalam satu tempat pusat,

1004
00:45:31,290 --> 00:45:34,720
anda kini boleh membuka satu fail teks
dalam CS50IDE ke dalam mana-mana program,

1005
00:45:34,720 --> 00:45:36,479
mengubahnya, menyimpannya, dan dilakukan.

1006
00:45:36,479 --> 00:45:38,270
Anda dibiakkan mereka
perubahan mana-mana.

1007
00:45:38,270 --> 00:45:42,450
Dan itu akan sama
di titik h fail berkenaan.

1008
00:45:42,450 --> 00:45:46,697
Jadi mana-mana soalan itu
jauh di sintaks ini?

1009
00:45:46,697 --> 00:45:48,530
Baiklah, jadi kami telah
melakukan segala-galanya ia seolah-olah

1010
00:45:48,530 --> 00:45:51,170
kecuali benar-benar melaksanakan hiperpautan.

1011
00:45:51,170 --> 00:45:52,740
Dan jadi mari kita pergi ke depan dan melakukan ini.

1012
00:45:52,740 --> 00:45:54,830
Biar saya pergi ke hadapan dan
membuat fail baru di sini.

1013
00:45:54,830 --> 00:45:59,970
Saya akan memanggilnya
link.html, dimasukkan ke dalam kod hari ini.

1014
00:45:59,970 --> 00:46:03,000
>> Dan saya akan lakukan terbuka
kurungan jenis doc html.

1015
00:46:03,000 --> 00:46:05,970
Sebagai mengetepikan, perkara ini di
bahagian, ini jenis perisytiharan doc,

1016
00:46:05,970 --> 00:46:08,420
ia adalah satu-satunya yang pelik
dengan tanda seru.

1017
00:46:08,420 --> 00:46:12,100
Anda hanya perlu melakukannya di sana dan ia
bermakna kita menggunakan HTML versi 5.

1018
00:46:12,100 --> 00:46:14,460
Versi yang lebih lama
bahasa mempunyai lebih lama

1019
00:46:14,460 --> 00:46:16,400
tali yang diperlukan untuk meletakkan di sana.

1020
00:46:16,400 --> 00:46:18,620
Jadi di sini adalah satu contoh yang dikenali sebagai pautan.

1021
00:46:18,620 --> 00:46:20,950
>> Saya memerlukan badan halaman web saya di sini.

1022
00:46:20,950 --> 00:46:29,770
Dan di sini, sama rata href
katakan HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
dan laman web kegemaran saya, kami akan berkata.

1024
00:46:35,420 --> 00:46:38,550
Baiklah, jadi yang sangat
berbahaya, mesra pengguna halaman.

1025
00:46:38,550 --> 00:46:42,950
Jika saya kini pergi ke dalam direktori saya
penyenaraian di sini dan membuka link.html,

1026
00:46:42,950 --> 00:46:44,780
kita mempunyai teks hyper.

1027
00:46:44,780 --> 00:46:47,410
>> Dan sesungguhnya, ini adalah di mana
H dalam HTTP datang dari.

1028
00:46:47,410 --> 00:46:51,580
Protokol pemindahan hiperteks
adalah mengenai memindahkan teks

1029
00:46:51,580 --> 00:46:53,840
yang mempunyai pautan kepada sumber-sumber lain.

1030
00:46:53,840 --> 00:46:58,210
Dan sesungguhnya, di sini adalah yang biasa,
jika retro, pautan biru yang jika diklik,

1031
00:46:58,210 --> 00:47:02,607
sebenarnya akan membawa saya ke Disney.com.

1032
00:47:02,607 --> 00:47:03,940
Sekarang, oh, yang akan datang tidak lama lagi.

1033
00:47:03,940 --> 00:47:08,970
Baiklah, jadi sekarang, apakah beberapa
implikasi ini?

1034
00:47:08,970 --> 00:47:11,610
>> Dan terus terang, dunia mula
untuk mendapatkan sedikit lebih biasa

1035
00:47:11,610 --> 00:47:15,090
dan juga menakutkan sedikit
tetapi juga lebih sedikit

1036
00:47:15,090 --> 00:47:17,840
diri dipertahankan sebaik sahaja anda mula
untuk memahami perkara-perkara ini.

1037
00:47:17,840 --> 00:47:21,610
Kerana kemungkinan adalah, sebahagian daripada anda, jika anda pergi
melalui folder spam Gmail anda atau

1038
00:47:21,610 --> 00:47:23,990
peti masuk anda, anda mungkin
mendapat beberapa jenis e-mel

1039
00:47:23,990 --> 00:47:26,980
yang yang meminta anda untuk menukar anda
kata laluan mungkin atau mungkin mengesahkan

1040
00:47:26,980 --> 00:47:28,910
kelayakan PayPal anda atau barang kecil.

1041
00:47:28,910 --> 00:47:34,510
>> Dan sebenarnya, anda telah menerima
sesuatu yang mengatakan seperti klik sini

1042
00:47:34,510 --> 00:47:42,260
untuk menetapkan semula kata laluan PayPal anda.

1043
00:47:42,260 --> 00:47:44,130
Dan sekarang, notis, jika
ini tidak Disney.com

1044
00:47:44,130 --> 00:47:51,600
tetapi seperti badplace.com dan
tambah nilai, ambil perhatian bahawa teks di sini

1045
00:47:51,600 --> 00:47:53,710
boleh berkata apa-apa sekalipun.

1046
00:47:53,710 --> 00:47:55,260
Dan sebenarnya, ini adalah hanya kata-kata.

1047
00:47:55,260 --> 00:48:04,610
Kenapa saya tidak benar-benar menjadi super berniat jahat
dan berkata http://www.paypal.com.

1048
00:48:04,610 --> 00:48:14,090
>> Klik di sini menetapkan semula PayPal anda
kata laluan dan kini menambah nilai.

1049
00:48:14,090 --> 00:48:16,220
Ini kelihatan agak sah, bukan?

1050
00:48:16,220 --> 00:48:20,470
Maksud saya, saya tidak akan klik pada
e-mel yang hanya berkata ini.

1051
00:48:20,470 --> 00:48:22,450
Tetapi notis dikotomi di sini.

1052
00:48:22,450 --> 00:48:26,880
Ia mengatakan www.paypal.com,
dan sebenarnya, tunggu satu minit,

1053
00:48:26,880 --> 00:48:29,210
kita tahu bahawa anda mahu
s untuk keselamatan.

1054
00:48:29,210 --> 00:48:35,450
Jadi sekarang, pergi ke www.paypal.com HTTPS,
tetapi jika anda tidak pernah dilakukan sebelum ini,

1055
00:48:35,450 --> 00:48:38,182
jangan masuk ke dalam tabiat
berlegar pautan sedikit di sini.

1056
00:48:38,182 --> 00:48:39,890
Dan ia adalah sukar untuk melihat
pada skrin di sana,

1057
00:48:39,890 --> 00:48:41,340
dan ia tidak semua yang mudah di sini.

1058
00:48:41,340 --> 00:48:43,615
Tetapi cara turun di sini di
sudut kecil kecil

1059
00:48:43,615 --> 00:48:45,740
melakukan pelayar sebenarnya
memberitahu anda bahawa kita akan

1060
00:48:45,740 --> 00:48:48,850
untuk badplace.com bukannya Paypal.com.

1061
00:48:48,850 --> 00:48:51,620
Sekarang, di mana kita akan pergi dengan ini?

1062
00:48:51,620 --> 00:48:54,859
Semua contoh-contoh yang telah kami lakukan hari ini,
kami telah dikodkan dan ditaip secara manual.

1063
00:48:54,859 --> 00:48:56,900
Web ini adalah sangat
tidak menarik apabila anda keras

1064
00:48:56,900 --> 00:48:59,844
kod laman web anda supaya kandungan yang
statik dan tidak berubah-ubah.

1065
00:48:59,844 --> 00:49:01,760
Sudah tentu, semua kami
laman web kegemaran hari ini,

1066
00:49:01,760 --> 00:49:04,470
sama ada Gmail atau Twitter atau
Facebook atau apa-apa bilangan orang lain

1067
00:49:04,470 --> 00:49:05,290
yang dinamik.

1068
00:49:05,290 --> 00:49:07,340
Mereka berubah
tindak balas kepada input pengguna

1069
00:49:07,340 --> 00:49:08,840
sama seperti hasil carian Google.

1070
00:49:08,840 --> 00:49:12,415
>> Dan sebagainya Rabu, apa yang kita lakukan adalah
kita meninggalkan HTML dan pengenalan CSS

1071
00:49:12,415 --> 00:49:14,290
di belakang kami dan kami mengambil
untuk diberikan bahawa kita kini

1072
00:49:14,290 --> 00:49:16,640
tahu dan kita memperkenalkan
bahasa pengaturcaraan baru

1073
00:49:16,640 --> 00:49:19,050
dipanggil PHP, yang suka
C, akan memberikan kita

1074
00:49:19,050 --> 00:49:22,450
kuasa untuk benar-benar mewujudkan program-program
yang diri mereka menjana output.

1075
00:49:22,450 --> 00:49:25,900
Dalam kes ini, kita akan menggunakan
PHP untuk menjana dinamik web

1076
00:49:25,900 --> 00:49:27,340
halaman menggunakan bahasa baru ini.

1077
00:49:27,340 --> 00:49:28,989
Jadi lebih kepada yang pada hari Rabu.

1078
00:49:28,989 --> 00:49:29,530
Jumpa lagi.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [Bermain muzik]

1081
00:49:37,380 --> 00:52:38,864