1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:03,946
[MUSIK BERMAIN]

3
00:00:03,946 --> 00:00:10,790

4
00:00:10,790 --> 00:00:12,540
Allison Buchholtz-AU:
Baiklah, semua orang.

5
00:00:12,540 --> 00:00:13,860
Selamat kembali ke bahagian.

6
00:00:13,860 --> 00:00:19,559
Jadi agenda kami untuk hari ini akan
lebih banyak lagi hal web dev.

7
00:00:19,559 --> 00:00:21,600
Saya tidak tahu berapa banyak dari
Anda telah melihat pşet anda

8
00:00:21,600 --> 00:00:24,414
sejak dirilis
awal pagi ini.

9
00:00:24,414 --> 00:00:26,330
Saya akan berapa banyak
orang telah membaca spec,

10
00:00:26,330 --> 00:00:29,910
tapi melihat bagaimana anda telah mempunyai semua
, seperti, tujuh jam untuk melihatnya

11
00:00:29,910 --> 00:00:31,910
dan itu adalah hari Isnin dan
Anda mungkin telah mempunyai kelas,

12
00:00:31,910 --> 00:00:34,160
Saya akan menganggap bahawa
kebanyakan kamu tidak mempunyai.

13
00:00:34,160 --> 00:00:37,170
Jika anda mempunyai, pujian tambahan.

14
00:00:37,170 --> 00:00:39,400
>> Anda pada dasarnya membantu
melaksanakan web yang mudah

15
00:00:39,400 --> 00:00:43,270
pelayan di C, yang merupakan Serangga jenama baru,
sehingga kalian bisa menjadi babi Guinea.

16
00:00:43,270 --> 00:00:49,730
Ia akan menjadi seronok, seminggu liar,
tetapi saya fikir ia akan menjadi banyak keseronokan

17
00:00:49,730 --> 00:00:52,260
dan ia akan menjadi benar-benar
pengalaman yang baik sebenarnya.

18
00:00:52,260 --> 00:00:54,920
Jadi untuk menyediakan anda untuk
itu, dalam bahagian hari ini,

19
00:00:54,920 --> 00:01:00,940
kita akan pergi chmod, TCP / IP,
maka sedikit HTML dan CSS.

20
00:01:00,940 --> 00:01:05,080
>> Pada akhirnya, kita akan benar-benar kod
halaman web yang mudah bersama-sama

21
00:01:05,080 --> 00:01:09,042
untuk membantu anda semua jenis mendapatkan
lebih berjinak dengan itu.

22
00:01:09,042 --> 00:01:11,750
Dan kemudian jika anda masih belum mendapatkan
kuiz anda, mereka di depan,

23
00:01:11,750 --> 00:01:14,890
tapi aku cukup yakin semua orang
di sini mempunyai kuiz mereka.

24
00:01:14,890 --> 00:01:17,880
Dan juga pada masa yang sama,
penyelesaian yang tidak sampai lagi,

25
00:01:17,880 --> 00:01:21,490
tetapi sebaik sahaja kami finish-- suka,
beberapa orang lalu mengambil quizzes-- mereka

26
00:01:21,490 --> 00:01:22,280
mereka akan sampai.

27
00:01:22,280 --> 00:01:24,630
Jika anda mempunyai sebarang pertanyaan
sementara itu,

28
00:01:24,630 --> 00:01:26,240
berasa bebas untuk e-mel saya secara peribadi.

29
00:01:26,240 --> 00:01:30,700
Saya akan bertindak balas dengan individu anda
soalan, seperti yang saya selalu lakukan.

30
00:01:30,700 --> 00:01:33,890
>> Maka pada catatan itu, chmod.

31
00:01:33,890 --> 00:01:36,390
Jadi pada dasarnya semua yang anda
perlu tahu tentang chmod

32
00:01:36,390 --> 00:01:39,620
ialah ia digunakan untuk mengubah
file permission, kan?

33
00:01:39,620 --> 00:01:44,050
Jadi itu hanya beberapa sistem menyebutnya
ubah keizinan, seperti yang dikatakan di sini.

34
00:01:44,050 --> 00:01:48,540
Dan jika anda pernah mahu melihat
hak akses yang fail,

35
00:01:48,540 --> 00:01:52,240
daripada hanya melakukan
ls, anda boleh melakukan ls-l.

36
00:01:52,240 --> 00:01:54,010
l berdiri lama.

37
00:01:54,010 --> 00:01:56,460
>> Jadi, anda akan do list panjang
dari segala-galanya, dan ia

38
00:01:56,460 --> 00:02:02,080
akan memberikan lebih terperinci
maklumat tentang setiap fail anda.

39
00:02:02,080 --> 00:02:05,540
Dan anda akan melihat something-- Saya
akan melangkau ke depan untuk second--

40
00:02:05,540 --> 00:02:08,910
tetapi anda akan melihat sesuatu yang serupa dengan
garis atas ada bagi setiap fail.

41
00:02:08,910 --> 00:02:11,560
Dan kita akan pergi melalui apa yang bermakna.

42
00:02:11,560 --> 00:02:15,260
>> Jadi, pada asasnya, untuk mengubah
kebenaran fail anda,

43
00:02:15,260 --> 00:02:16,850
anda hanya ingin menggunakan chmod.

44
00:02:16,850 --> 00:02:23,620
Anda boleh memikirkan hal ini dengan yang lain
UNIX memanggil seperti ls atau cd atau entah apa lagi.

45
00:02:23,620 --> 00:02:25,540
Ia adalah jenis baru yang lain seperti panggilan.

46
00:02:25,540 --> 00:02:30,530
>> Jadi kita chmod dan kemudian kita akan
mempunyai tiga digit biasanya.

47
00:02:30,530 --> 00:02:33,570
Terdapat beberapa cara untuk melakukan
itu, salah satu yang kita akan pergi ke.

48
00:02:33,570 --> 00:02:37,650
Tapi biasanya, anda akan mempunyai tiga
digit mulai dari 0 hingga 7 masing-masing semasa.

49
00:02:37,650 --> 00:02:43,530
>> Jadi, satu hal adalah bahawa terdapat
tiga kebenaran berlainan

50
00:02:43,530 --> 00:02:45,510
kami dapat memberikan setiap fail.

51
00:02:45,510 --> 00:02:49,480
Dan itu boleh dibaca, yang
diwakili oleh r, yang akan masuk akal

52
00:02:49,480 --> 00:02:54,020
dalam sedikit; w, yang
ditulis; dan executable, yang x.

53
00:02:54,020 --> 00:02:57,630
Saya tahu bahawa e satu, boleh laku,
mungkin bukan arti yang paling, tetapi kita

54
00:02:57,630 --> 00:02:59,120
mewakilinya dengan x.

55
00:02:59,120 --> 00:03:05,290
>> Dan kemudian yang terjadi adalah masing-masing
juga mempunyai jumlah perwakilan.

56
00:03:05,290 --> 00:03:07,990
Jadi kita mempunyai 1, 2, dan 4.

57
00:03:07,990 --> 00:03:12,060
Dan pada dasarnya apa yang berlaku ialah
masing-masing tiga nombor

58
00:03:12,060 --> 00:03:17,380
di sini sepadan dengan
set yang berbeza dari pengguna

59
00:03:17,380 --> 00:03:19,420
bahawa kebenaran tersebut berkaitan dengan.

60
00:03:19,420 --> 00:03:24,820
>> Jadi, anda boleh memikirkan yang pertama
jumlah sepadan dengan pengguna sebenar

61
00:03:24,820 --> 00:03:29,360
atau pemilik fail tersebut, yang kedua
jumlah akan sesuai dengan kumpulan,

62
00:03:29,360 --> 00:03:33,590
dan yang terakhir merujuk
kepada dunia, OK?

63
00:03:33,590 --> 00:03:39,995
Jadi apa yang berlaku adalah mengingat
mereka r Numbers adalah 4, w adalah 2,

64
00:03:39,995 --> 00:03:42,550
x adalah 1, kan?

65
00:03:42,550 --> 00:03:46,630
This-- jika anda jumlah ini ke atas,
yang memberikan anda bahawa angka pertama

66
00:03:46,630 --> 00:03:48,600
bahawa kita mungkin input dalam chmod kami.

67
00:03:48,600 --> 00:03:52,191
>> Jadi dalam hal ini, apa yang
nombor ini akan menjadi?

68
00:03:52,191 --> 00:03:57,030
Ia akan menjadi 4 ditambah 2 ditambah
1, yang merupakan 7, kan?

69
00:03:57,030 --> 00:03:59,250
Dan dalam hal ini, ini
tidak mempunyai apa-apa,

70
00:03:59,250 --> 00:04:06,450
jadi ini di sini akan
diterjemahkan kepada chmod 700, OK?

71
00:04:06,450 --> 00:04:12,030
Dan apa yang dilakukan adalah ia memberikan semua
hak akses ini kepada pengguna anda.

72
00:04:12,030 --> 00:04:14,400
>> Jadi ini bermakna pengguna kami
boleh melakukan apa sahaja yang mereka mahu.

73
00:04:14,400 --> 00:04:15,400
Mereka boleh membaca fail ini.

74
00:04:15,400 --> 00:04:16,810
Mereka boleh menjalankan fail ini.

75
00:04:16,810 --> 00:04:18,360
Mereka boleh menulis ke fail ini.

76
00:04:18,360 --> 00:04:23,545
Tetapi kumpulan dan dunia, tidak ada
kebenaran apa pun, OK?

77
00:04:23,545 --> 00:04:26,480

78
00:04:26,480 --> 00:04:32,680
>> Jadi cara lain untuk menulis itu, kita boleh
melakukan chmod tiga digit, yang masing-masing

79
00:04:32,680 --> 00:04:40,040
sepadan dengan apa sahaja jumlah wang atau yang
kumpulan tertentu adalah, subset tertentu.

80
00:04:40,040 --> 00:04:44,870
Atau boleh kita lakukan benar-benar perkara lain.

81
00:04:44,870 --> 00:04:45,590
Tunggu.

82
00:04:45,590 --> 00:04:49,330
Kita boleh melakukan sesuatu dengan ini di sini.

83
00:04:49,330 --> 00:04:55,615
>> Berapa ramai daripada anda melihat contoh
di mana ia adalah seperti chmod plus x?

84
00:04:55,615 --> 00:04:58,070
Adakah anda melihat bahawa dalam kuliah, saya rasa?

85
00:04:58,070 --> 00:05:00,610
Jadi yang bermaksud semua.

86
00:05:00,610 --> 00:05:04,990
Ini bermakna memberikan kepada semua pengguna,
yang saya lupa untuk meletakkan di sini.

87
00:05:04,990 --> 00:05:08,790
>> Tetapi plus x, jika kita
perhatikan di sini, jika kita melakukan

88
00:05:08,790 --> 00:05:13,420
untuk chmod-- apa yang kumpulan kami
bercakap tentang ditambah kebenaran

89
00:05:13,420 --> 00:05:14,660
kita ingin berikan kepada mereka.

90
00:05:14,660 --> 00:05:16,120
Jadi ini dapat plus atau minus.

91
00:05:16,120 --> 00:05:17,690
Plus menambahkan kebenaran.

92
00:05:17,690 --> 00:05:19,510
Minus menghilangkan kebenaran.

93
00:05:19,510 --> 00:05:22,520
Cukup intuitif, saya fikir.

94
00:05:22,520 --> 00:05:25,720
>> Jadi plus x bermakna chmod.

95
00:05:25,720 --> 00:05:32,260
Jadi tukar kebenaran dari semua orang
jika ini adalah kebenaran add a--.

96
00:05:32,260 --> 00:05:37,110
Dan x-- itu bererti apa kebenaran
kita memberikan semua orang.

97
00:05:37,110 --> 00:05:38,510
Membaca, menulis, atau melaksanakan?

98
00:05:38,510 --> 00:05:39,360
>> PENONTON: Execute.

99
00:05:39,360 --> 00:05:40,610
>> Allison Buchholtz-AU: Execute.

100
00:05:40,610 --> 00:05:46,080
Jadi kami memberikan semua pengguna
izin untuk menjalankan fail ini, OK?

101
00:05:46,080 --> 00:05:53,370
Jadi apa jika kita ingin melakukan
bahawa dengan bentuk numerik?

102
00:05:53,370 --> 00:05:56,290
Jadi ingat dengan angka,
kami mahu tiga nombor.

103
00:05:56,290 --> 00:05:56,790
>> PENONTON: 4.

104
00:05:56,790 --> 00:05:58,290
Allison Buchholtz-AU: Apa itu?

105
00:05:58,290 --> 00:05:59,260
PENONTON: 4.

106
00:05:59,260 --> 00:06:00,426
Allison Buchholtz-AU: Tidak 4.

107
00:06:00,426 --> 00:06:01,599
PENONTON: 0, 0, 4.

108
00:06:01,599 --> 00:06:04,390
Allison Buchholtz-AU: Baik, kami ingin
untuk memberikan kepada semua pengguna, kan?

109
00:06:04,390 --> 00:06:07,442
Jadi, kita akan mempunyai
nombor dalam setiap slot.

110
00:06:07,442 --> 00:06:09,400
Itu akan menjadi
Bilangan yang sama di setiap slot

111
00:06:09,400 --> 00:06:13,800
kerana kita hanya ingin memberikan
semua orang boleh laku kebenaran.

112
00:06:13,800 --> 00:06:16,480
Jadi boleh laku adalah 1,
tetapi di landasan yang betul.

113
00:06:16,480 --> 00:06:23,055
>> Jadi jika kita chmod 111 yang akan
menjadi setara dengan chmod plus x.

114
00:06:23,055 --> 00:06:24,430
Adakah ini masuk akal untuk semua orang?

115
00:06:24,430 --> 00:06:26,910
Kita akan pergi melalui
beberapa contoh.

116
00:06:26,910 --> 00:06:29,860
>> Jadi takeaway besar
di sini adalah tidak ada di sini,

117
00:06:29,860 --> 00:06:33,360
tetapi hanya bererti memberikan kepada semua pengguna.

118
00:06:33,360 --> 00:06:36,610
u adalah jika anda hanya mahu
untuk memberi atau mengambil

119
00:06:36,610 --> 00:06:40,600
kebenaran khusus daripada
pengguna atau pemilik.

120
00:06:40,600 --> 00:06:43,800
g adalah bagi kumpulan,
sehingga angka tengah.

121
00:06:43,800 --> 00:06:49,440
Dan kemudian orang lain yang boleh anda fikirkan
kerana dunia ini, sehingga angka terakhir.

122
00:06:49,440 --> 00:06:52,840
>> Maka dengan itu, kami akan pergi ke contoh,
kerana saya merasa seperti contoh selalu

123
00:06:52,840 --> 00:06:56,240
membuat perkara-perkara ini lebih mudah untuk difahami.

124
00:06:56,240 --> 00:07:01,240
Jadi rwx-- kami pergi melalui this--
juga boleh menjadi mewakili 700.

125
00:07:01,240 --> 00:07:05,070
Itulah contoh yang kita melihat
di lebih dari gambar.

126
00:07:05,070 --> 00:07:09,990
Jadi chmod 444 pada beberapa fail
akan memberikan hak akses?

127
00:07:09,990 --> 00:07:11,947
Anda benar-benar dekat.

128
00:07:11,947 --> 00:07:13,030
PENONTON: dibaca untuk semua.

129
00:07:13,030 --> 00:07:14,321
Allison Buchholtz-AU: dibaca.

130
00:07:14,321 --> 00:07:15,660
Jadi yang boleh dibaca oleh semua orang, kan?

131
00:07:15,660 --> 00:07:17,910
Kemudian apa lagi yang berbuat demikian?

132
00:07:17,910 --> 00:07:23,070
Jika kita ingin melakukan chmod dengan sama ada
r atau w, ditambah dan kemudaratan,

133
00:07:23,070 --> 00:07:25,300
apa yang akan panggilan yang kelihatan seperti?

134
00:07:25,300 --> 00:07:27,336
Ia akan chmod apa?

135
00:07:27,336 --> 00:07:28,590
>> PENONTON: plus r.

136
00:07:28,590 --> 00:07:32,900
>> Allison Buchholtz-AU: plus r pada 5.

137
00:07:32,900 --> 00:07:40,980
OK, jadi ini adalah sama seperti ini,
hanya dua terjemahan yang berbeza

138
00:07:40,980 --> 00:07:42,500
dari perkara yang sama.

139
00:07:42,500 --> 00:07:45,650
Maka dengan itu, kita mempunyai ini.

140
00:07:45,650 --> 00:07:50,310
Jadi saya mahu anda semua untuk mencuba dan menulis
semacam ini dengan cara bertentangan mereka.

141
00:07:50,310 --> 00:07:53,710
>> Jadi dengan chmod 555,
apa yang ia akan menjadi seperti?

142
00:07:53,710 --> 00:07:56,704
Ia akan menjadi nilai tambah atau u ditambah atau entah apa lagi?

143
00:07:56,704 --> 00:07:58,370
For u ditambah x, memberi saya tiga nombor.

144
00:07:58,370 --> 00:08:03,530
Dan kemudian memberitahu saya tentang apa kebenaran
kita sebenarnya sedang memberi dan untuk siapa?

145
00:08:03,530 --> 00:08:06,600
>> Jadi saya akan memberikan kalian dua
minit untuk berusaha ke arah itu.

146
00:08:06,600 --> 00:08:08,160
Jangan ragu untuk bercakap dengan satu sama lain.

147
00:08:08,160 --> 00:08:11,910
Bagi anda yang datang dalam sedikit
an, ada gula-gula dan kemeja.

148
00:08:11,910 --> 00:08:14,590
Kami telah tiga baju kiri, dan
kita mempunyai Kit Kats dan Starbursts.

149
00:08:14,590 --> 00:08:17,630
Jadi berasa bebas untuk datang ambil
beberapa di selingan kecil ini.

150
00:08:17,630 --> 00:09:03,190

151
00:09:03,190 --> 00:09:04,440
>> Juga, yang terakhir adalah rumit.

152
00:09:04,440 --> 00:09:06,670
Itu dua chmods untuk yang terakhir.

153
00:09:06,670 --> 00:09:10,990

154
00:09:10,990 --> 00:09:15,880
Sebenarnya, izinkan saya menutup pintu itu
sementara kalian kerjakan itu.

155
00:09:15,880 --> 00:09:26,240

156
00:09:26,240 --> 00:09:28,225
Gula-gula sentiasa perlu
pada petang Isnin.

157
00:09:28,225 --> 00:09:31,740

158
00:09:31,740 --> 00:09:34,756
>> OK, jadi chmod 555.

159
00:09:34,756 --> 00:09:36,380
Apa lagi yang kita boleh menulis itu?

160
00:09:36,380 --> 00:09:39,860

161
00:09:39,860 --> 00:09:41,790
Apa-apa idea?

162
00:09:41,790 --> 00:09:42,290
Ya.

163
00:09:42,290 --> 00:09:43,280
>> PENONTON: a rx plus.

164
00:09:43,280 --> 00:09:44,613
>> Allison Buchholtz-AU: r ditambah rx.

165
00:09:44,613 --> 00:09:47,290
Adakah anda ingin menjelaskan mengapa ia akan akan rx?

166
00:09:47,290 --> 00:09:49,570
>> PENONTON: Kerana anda mempunyai
5, sehingga 4 campur 1,

167
00:09:49,570 --> 00:09:51,734
supaya yang membaca ditambah
laku, dan itu untuk semua.

168
00:09:51,734 --> 00:09:52,900
Allison Buchholtz-AU: Benar.

169
00:09:52,900 --> 00:09:58,540
Jadi, untuk mengulangi, 5 di sini
kita tahu sebagai jumlah dari 4 dan 1,

170
00:09:58,540 --> 00:10:04,760
kerana setiap nombor dalam ketiga-tiga kami adalah
jumlah dari kebenaran untuk subset itu,

171
00:10:04,760 --> 00:10:05,260
kan?

172
00:10:05,260 --> 00:10:07,070
Sama ada pengguna,
kumpulan, atau dunia.

173
00:10:07,070 --> 00:10:11,160
Jadi dalam hal ini, kita tahu bahawa
5 mempunyai yang akan dibentuk oleh 4 dan 1.

174
00:10:11,160 --> 00:10:15,240
>> Dan 4 dan 1 sesuai dengan
mudah dibaca dan boleh laku.

175
00:10:15,240 --> 00:10:21,717
Kami memberikan kepada semua orang,
sehingga kami dapat melakukan chmod plus rx.

176
00:10:21,717 --> 00:10:24,050
Dan jelas, kami hanya pergi
melalui soalan-soalan yang ada,

177
00:10:24,050 --> 00:10:28,810
jadi sekarang fail ini boleh laksana
dan boleh dibaca oleh semua orang.

178
00:10:28,810 --> 00:10:31,120
>> Jadi, bagaimana dengan yang kedua?

179
00:10:31,120 --> 00:10:32,900
Apa yang mungkin jumlah untuk satu itu?

180
00:10:32,900 --> 00:10:36,676

181
00:10:36,676 --> 00:10:37,180
Apa-apa idea?

182
00:10:37,180 --> 00:10:37,680
Pergi ke depan.

183
00:10:37,680 --> 00:10:38,600
>> PENONTON: 100 [terdengar].

184
00:10:38,600 --> 00:10:39,683
>> Allison Buchholtz-AU: 100.

185
00:10:39,683 --> 00:10:40,270
Tepat.

186
00:10:40,270 --> 00:10:42,455
Jadi adakah anda ingin menjelaskan mengapa 100?

187
00:10:42,455 --> 00:10:45,080
PENONTON: Kerana itu untuk
pengguna, jadi ia di posisi pertama.

188
00:10:45,080 --> 00:10:47,371
Dan kemudian x laku adalah 1.

189
00:10:47,371 --> 00:10:48,620
Allison Buchholtz-AU: Tepat sekali.

190
00:10:48,620 --> 00:10:53,120
Jadi kita memberikan laku
hak akses kepada hanya pengguna.

191
00:10:53,120 --> 00:10:55,100
Jadi dalam kes ini, ia akan menjadi 100.

192
00:10:55,100 --> 00:10:57,570
Dan saya mempunyai semua jawapan
pada slaid seterusnya dalam kes

193
00:10:57,570 --> 00:11:00,060
Anda sedang menulis banyak perkara turun.

194
00:11:00,060 --> 00:11:08,410
>> OK, jadi yang berikutnya ini sebenarnya yang telah dilakukan
dengan dua chmods, anda boleh melakukannya.

195
00:11:08,410 --> 00:11:11,120
Jadi apakah ada yang punya
apa-apa idea bagaimana anda mungkin

196
00:11:11,120 --> 00:11:14,150
mendapatkan chmod 640 ditulis ulang
dengan cara yang lain?

197
00:11:14,150 --> 00:11:17,770

198
00:11:17,770 --> 00:11:22,820
Anda boleh mengubah pengguna terlebih dahulu dan kemudian
anda boleh menukar kumpulan itu adalah petunjuk saya.

199
00:11:22,820 --> 00:11:29,740
>> Jadi jika kita hanya mengubah
pengguna, yang merupakan salah satu yang pertama ini di sini,

200
00:11:29,740 --> 00:11:33,830
apa yang mungkin panggilan kita?

201
00:11:33,830 --> 00:11:36,080
Jadi pengguna adalah u, bukan?

202
00:11:36,080 --> 00:11:38,780
Jadi chmod u campur apa?

203
00:11:38,780 --> 00:11:39,280
Mmhmm?

204
00:11:39,280 --> 00:11:40,469
>> PENONTON: rw.

205
00:11:40,469 --> 00:11:41,510
Allison Buchholtz-AU: rw.

206
00:11:41,510 --> 00:11:47,470
Benar, untuk membaca dan menulis, kerana membaca
adalah 4, w adalah 2, jumlah wang yg ada dan 6.

207
00:11:47,470 --> 00:11:52,760
Jadi kita mendapatkan chmod u ditambah rw,
dan kita akan mendapat 6 pertama kami di sana.

208
00:11:52,760 --> 00:11:56,860
>> Demikian maka untuk mendapatkan 4, kami kini mahu
untuk menukar tetapan kumpulan kami.

209
00:11:56,860 --> 00:12:00,960
Oleh itu, kita akan melakukan chmod g ditambah apa?

210
00:12:00,960 --> 00:12:02,380
Apakah yang dimaksudkan dengan 4?

211
00:12:02,380 --> 00:12:03,040
>> PENONTON: r.

212
00:12:03,040 --> 00:12:04,040
Allison Buchholtz-AU: r.

213
00:12:04,040 --> 00:12:05,070
Tepat.

214
00:12:05,070 --> 00:12:09,140
Jadi kami memberikan pemilik
membaca dan menulis kebenaran

215
00:12:09,140 --> 00:12:13,141
dan kami memberikan baca kumpulan
kebenaran, yang kita mempunyai semua di sini.

216
00:12:13,141 --> 00:12:13,640
Mmhmm?

217
00:12:13,640 --> 00:12:17,740
>> PENONTON: Jika anda boleh menulis sesuatu,
tidak menyiratkan anda boleh melaksanakannya?

218
00:12:17,740 --> 00:12:20,700
>> Allison Buchholtz-AU: Anda
boleh menulis kepada something--

219
00:12:20,700 --> 00:12:22,900
Saya tidak percaya bahawa ia
bermakna anda boleh melaksanakannya.

220
00:12:22,900 --> 00:12:25,951

221
00:12:25,951 --> 00:12:26,450
Sejuk.

222
00:12:26,450 --> 00:12:29,620
Jadi itu sahaja yang kita alami.

223
00:12:29,620 --> 00:12:33,075
Sebagainya yang berikutnya ini, itu
kes hanya jenis umum

224
00:12:33,075 --> 00:12:35,200
yang anda hendak simpan dalam
keberatan untuk masalah anda ditetapkan.

225
00:12:35,200 --> 00:12:39,800
Ini biasanya kebenaran
yang kita suka anda untuk digunakan.

226
00:12:39,800 --> 00:12:44,900
>> Jadi untuk 711, yang memberikan
kita, tentu saja, pengguna

227
00:12:44,900 --> 00:12:47,720
semua kebenaran, yang
cenderung masuk akal.

228
00:12:47,720 --> 00:12:51,920
Dan maka itu boleh laku oleh
kumpulan di dunia, yang masuk akal

229
00:12:51,920 --> 00:12:56,150
jika anda mempunyai beberapa direktori, anda
ingin dapat melintasi ke dalamnya.

230
00:12:56,150 --> 00:12:58,160
Orang ramai perlu akses.

231
00:12:58,160 --> 00:13:04,680
>> Bagi mana-mana fail yang bukan-PHP, anda akan
menggunakan 644, yang akan melakukan apa?

232
00:13:04,680 --> 00:13:07,560
Apakah yang dinyatakannya, atau apa
kebenaran adakah itu berikan?

233
00:13:07,560 --> 00:13:12,210

234
00:13:12,210 --> 00:13:14,409
Jadi pemilik bisa apa?

235
00:13:14,409 --> 00:13:15,450
PENONTON: Membaca dan menulis.

236
00:13:15,450 --> 00:13:16,991
Allison Buchholtz-AU: Membaca dan menulis.

237
00:13:16,991 --> 00:13:21,560
Kemudian kumpulan dan lain-lain
hanya boleh membaca, kan?

238
00:13:21,560 --> 00:13:25,660
Kemudian chmod 600 bagi apa-apa
PHP fail yang anda gunakan,

239
00:13:25,660 --> 00:13:27,980
pemilik anda, sekali lagi, boleh
membaca dan menulis untuk itu

240
00:13:27,980 --> 00:13:32,310
tapi tidak semua orang
hanya jenis disekat.

241
00:13:32,310 --> 00:13:34,540
>> Jadi ini akan benar-benar
lebih berguna apabila

242
00:13:34,540 --> 00:13:37,700
Anda mendapatkan untuk masalah anda
ditetapkan minggu depan di mana

243
00:13:37,700 --> 00:13:40,290
anda sebenarnya sedang membina sebuah laman web.

244
00:13:40,290 --> 00:13:43,100
Jadi jika anda pernah mengalami
masalah pelik

245
00:13:43,100 --> 00:13:45,970
di mana ia tidak memuatkan
dengan betul, mungkin anda

246
00:13:45,970 --> 00:13:50,670
perlu menambah laksana
izin, atau mungkin anda perlu dibaca

247
00:13:50,670 --> 00:13:52,990
atau menulis kebenaran.

248
00:13:52,990 --> 00:13:56,980
Hal-hal kecil yang cenderung untuk perjalanan orang
sehingga, tetapi itu jenis seperti pergi ke

249
00:13:56,980 --> 00:13:58,564
apabila anda mula Serangga minggu depan.

250
00:13:58,564 --> 00:14:00,730
Dan saya akan memberikan anda lebih banyak
petunjuk tentang Serangga minggu ini,

251
00:14:00,730 --> 00:14:05,010
tetapi saya belum melihatnya sejak
ia telah dibebaskan pagi ini.

252
00:14:05,010 --> 00:14:10,600
Tetapi anda e-mel saya, saya akan telah melihat
dalam hal itu dengan masa yang saya bertindak balas esok.

253
00:14:10,600 --> 00:14:14,310
>> Jadi sekarang, semua orang yang baik dengan chmod?

254
00:14:14,310 --> 00:14:16,040
Apa-apa pertanyaan yang tersisa?

255
00:14:16,040 --> 00:14:17,240
Cukup sederhana.

256
00:14:17,240 --> 00:14:20,620
Hanya jenis mencatat apa
membaca, menulis, dan melaksanakan nombor adalah

257
00:14:20,620 --> 00:14:23,660
mungkin bahagian yang paling sukar.

258
00:14:23,660 --> 00:14:29,620
>> Jadi dengan TCP / IP, semua protokol ini,
jenis seperti dengan struktur data anda

259
00:14:29,620 --> 00:14:31,990
minggu lepas, ia lebih
penting untuk mendapatkan semacam

260
00:14:31,990 --> 00:14:33,900
intuisi yang lebih tinggi daripada mereka.

261
00:14:33,900 --> 00:14:37,390
Ini bukan CS143 di mana kita akan
untuk meminta anda untuk membuat jaringan,

262
00:14:37,390 --> 00:14:39,870
jadi anda akan baik-baik jika
Anda tidak faham

263
00:14:39,870 --> 00:14:42,900
cekal seluk semua protokol.

264
00:14:42,900 --> 00:14:46,050
Apa yang penting untuk difahami adalah
jenis seperti apa yang mereka wakili

265
00:14:46,050 --> 00:14:47,300
dan mengapa mereka penting.

266
00:14:47,300 --> 00:14:52,320
>> Jadi TCP / IP, sudah tentu, ia adalah
Protokol Kawalan Penghantaran

267
00:14:52,320 --> 00:14:57,270
atau Protokol Internet, yang merupakan
pada dasarnya hanya satu set undang-undang pada dasarnya

268
00:14:57,270 --> 00:15:00,800
atau standard yang memberitahu data
bagaimana harus dikendalikan,

269
00:15:00,800 --> 00:15:04,900
bagaimana harus packetized,
dihantar, dan diterima.

270
00:15:04,900 --> 00:15:09,200
Jadi pada dasarnya, sama seperti yang
mengatakan di sini, meningkatkan kemungkinan

271
00:15:09,200 --> 00:15:12,950
data yang mendapat di mana
anda mahu untuk sampai ke.

272
00:15:12,950 --> 00:15:15,950
>> Saya yakin jika kalian pergi ke
kuliah atau menonton secara online,

273
00:15:15,950 --> 00:15:18,232
ia has-- saya tidak tahu
jika dia berbuat demikian tahun ini,

274
00:15:18,232 --> 00:15:20,940
tetapi saya tahu tahun lalu, dia mempunyai
demo di mana dia mempunyai gambar Rob

275
00:15:20,940 --> 00:15:23,320
dan ia membaginya menjadi
empat dan memasukkannya ke dalam sampul surat

276
00:15:23,320 --> 00:15:26,590
dan cuba untuk mendapatkannya di Sanders.

277
00:15:26,590 --> 00:15:29,430
Dan anda boleh jenis
memikirkan dengan cara itu.

278
00:15:29,430 --> 00:15:35,400
Ia hanya satu set peraturan yang
memberitahu data bagaimana untuk mendapatkan tempat

279
00:15:35,400 --> 00:15:37,640
dan membolehkan anda tahu jika
Anda kehilangan data,

280
00:15:37,640 --> 00:15:40,460
dengan cara yang sama bahawa jika anda
mengambil beberapa halaman catatan

281
00:15:40,460 --> 00:15:46,490
dan anda melabelkan mereka dengan halaman 104, halaman
204, dan anda kembali bersekolah nanti

282
00:15:46,490 --> 00:15:50,220
dan anda telah hilang something--
anda tidak dapat mencari halaman yang anda tahu 304--

283
00:15:50,220 --> 00:15:53,310
ada sesuatu yang salah, jadi anda
dapat melihat melalui nota anda

284
00:15:53,310 --> 00:15:58,666
lagi atau meminta seseorang untuk menghantar semula anda
kuliah nota dari hari itu.

285
00:15:58,666 --> 00:16:00,290
Dengan cara yang sama dengan data di internet.

286
00:16:00,290 --> 00:16:03,220
Jika saya meminta
sesuatu dari beberapa pelayan

287
00:16:03,220 --> 00:16:05,377
dan perlu menghantar
dalam beberapa paket,

288
00:16:05,377 --> 00:16:07,210
mungkin akan jumlah
dalam beberapa cara, mari

289
00:16:07,210 --> 00:16:12,430
saya tahu berapa banyak yang perlu saya terima,
dan beritahu saya, oh, ini adalah salah satu dari 10

290
00:16:12,430 --> 00:16:13,990
atau ini adalah salah satu daripada 10,000.

291
00:16:13,990 --> 00:16:17,030
Dengan cara itu apabila saya pergi ke memasang semula
semua serpihan bersama-sama,

292
00:16:17,030 --> 00:16:21,504
Saya tahu jika sesuatu yang hilang
dan saya boleh meminta untuk itu lagi.

293
00:16:21,504 --> 00:16:22,730
Adakah ini masuk akal?

294
00:16:22,730 --> 00:16:23,610
Hanya satu set peraturan.

295
00:16:23,610 --> 00:16:28,120
Pada dasarnya, set kaedah-kaedah, OK?

296
00:16:28,120 --> 00:16:31,360
>> Oleh itu, kita juga bercakap yang
sedikit tentang pelabuhan.

297
00:16:31,360 --> 00:16:36,150
Ini sebenarnya adalah standard yang
membolehkan anda tahu jenis data apa yang

298
00:16:36,150 --> 00:16:38,650
sedang dihantar dalam paket ini.

299
00:16:38,650 --> 00:16:40,790
Jika kita pergi dengan kami
contoh sampul surat, kita tidak

300
00:16:40,790 --> 00:16:43,510
tahu bahawa itu gambar
Rob di sana kecuali kita menulis itu

301
00:16:43,510 --> 00:16:45,480
pada bahagian luar sampul surat kami.

302
00:16:45,480 --> 00:16:47,100
Jadi pelabuhan pada dasarnya perkara yang sama.

303
00:16:47,100 --> 00:16:51,670
Ia hanya satu cara untuk mencari tahu apa yang
jenis data sedang dihantar.

304
00:16:51,670 --> 00:16:56,260
>> Jadi kita mempunyai semua
yang umum yang paling di sini.

305
00:16:56,260 --> 00:16:59,790
Jadi 21-- ini juga jenis
seperti perkara-perkara yang baik untuk tahu.

306
00:16:59,790 --> 00:17:01,560
Ini semacam satu soalan kuiz mudah.

307
00:17:01,560 --> 00:17:03,590
Jadilah seperti, apa port 80 lakukan?

308
00:17:03,590 --> 00:17:06,970
Atau, apa port 443 lakukan?

309
00:17:06,970 --> 00:17:09,359
Jadi hal-hal yang baik untuk tahu.

310
00:17:09,359 --> 00:17:12,569
>> Oleh itu, kita ada di sini, 21 adalah fail
protokol pemindahan, jadi

311
00:17:12,569 --> 00:17:15,050
peraturan yang mengatur pemindahan fail.

312
00:17:15,050 --> 00:17:19,550
25, sesuatu yang kita semua
menggunakan terlalu banyak, adalah e-mel.

313
00:17:19,550 --> 00:17:22,790
53 adalah nama domain
sistem, yang pada dasarnya

314
00:17:22,790 --> 00:17:26,910
jenis hanya dari pencarian untuk
Alamat IP nama domain.

315
00:17:26,910 --> 00:17:29,900
>> Jadi saya cukup yakin ia adalah
yang disebut dalam kuliah, jika anda

316
00:17:29,900 --> 00:17:33,960
pergi ke sesuatu seperti
google.com, ia mempunyai alamat IP

317
00:17:33,960 --> 00:17:35,818
yang berkaitan dengannya.

318
00:17:35,818 --> 00:17:37,026
Ia tidak benar-benar google.com.

319
00:17:37,026 --> 00:17:40,720
Dan sehingga 53 adalah pelabuhan
yang benar-benar mengambil

320
00:17:40,720 --> 00:17:44,050
mengurus jenis menterjemahkannya
ke dalam alamat IP untuk anda.

321
00:17:44,050 --> 00:17:47,830
Dan kemudian 80 dan 443 yang sangat biasa.

322
00:17:47,830 --> 00:17:50,710
Anda sama ada mempunyai laman web anda atau
Anda mempunyai laman web anda selamat,

323
00:17:50,710 --> 00:17:56,100
yang banyak halaman web
memindahkan ke sekarang.

324
00:17:56,100 --> 00:18:02,540
>> Jadi itulah tahap agak tinggi
gambaran keseluruhan protokol pemindahan.

325
00:18:02,540 --> 00:18:05,170
Saya tidak melihat banyak lebih mendalam.

326
00:18:05,170 --> 00:18:07,320
Ini semacam barangan sejuk
jika anda tidak berminat.

327
00:18:07,320 --> 00:18:08,590
Ada banyak sumber.

328
00:18:08,590 --> 00:18:10,780
Wikipedia sebenarnya adalah
halaman yang cukup baik.

329
00:18:10,780 --> 00:18:13,850
Jadi saya melihat itu
hanya beberapa saat yang lalu,

330
00:18:13,850 --> 00:18:16,580
jadi saya sangat akan mengesyorkan
melihat itu jika anda berminat

331
00:18:16,580 --> 00:18:22,160
atau mengambil 143 dalam tempoh dua tahun kerana
Saya rasa ia setiap tahun.

332
00:18:22,160 --> 00:18:27,590
>> Maka pada akhir ini, kami tidak
bercakap tentang laman web dan HTTP,

333
00:18:27,590 --> 00:18:33,790
yang sebenarnya topik berikutnya untuk
hari ini sebelum kita pergi ke dalam HTML dan CSS

334
00:18:33,790 --> 00:18:37,920
dan anda benar-benar dapat kode sebuah laman web.

335
00:18:37,920 --> 00:18:38,650
Ini akan menyenangkan.

336
00:18:38,650 --> 00:18:42,220
Kami akan mempunyai gambar-gambar
kelinci dan ia akan menjadi besar.

337
00:18:42,220 --> 00:18:48,630
>> Jadi HTTP, seperti yang anda lihat di sini,
adalah salah satu daripada akronim indah

338
00:18:48,630 --> 00:18:53,220
untuk minggu ini, yang
Protokol Pemindahan Hiperteks.

339
00:18:53,220 --> 00:18:57,940
Jadi sekali lagi, ia hanya
satu set peraturan yang

340
00:18:57,940 --> 00:19:01,440
mengatur hiperteks
memindahkan, dalam kes ini.

341
00:19:01,440 --> 00:19:04,120
Jadi cara terbaik untuk belajar
tentang ini adalah hanya jenis

342
00:19:04,120 --> 00:19:07,650
untuk memecahnya menjadi
kata-kata individu

343
00:19:07,650 --> 00:19:10,770
kerana terdapat banyak
kata-kata pada skrin di sana.

344
00:19:10,770 --> 00:19:13,290
>> Jadi, kita akan bermula dengan hiperteks.

345
00:19:13,290 --> 00:19:17,630
Jadi "hiper," yang boleh anda fikirkan
"Di atas," seperti super-jenis hal.

346
00:19:17,630 --> 00:19:24,615
Oleh itu, ia benar-benar hanya teks dibawa ke
tingkat berikutnya, jadi seperti teks super,

347
00:19:24,615 --> 00:19:27,850
seperti teks seterusnya.

348
00:19:27,850 --> 00:19:34,890
Jadi itu pada dasarnya hanya
teks yang memberikan kita

349
00:19:34,890 --> 00:19:37,490
maklumat lanjut daripada
teks normal yang ada, OK?

350
00:19:37,490 --> 00:19:40,510
>> Jadi dalam kes ini di sini, ini adalah hiperteks.

351
00:19:40,510 --> 00:19:45,710
Ini memberitahu kita bahawa kita mempunyai
beberapa link yang kita akan,

352
00:19:45,710 --> 00:19:49,620
yang cs50.net, yang
kini cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
Ini slaid yang agak tua.

354
00:19:51,420 --> 00:19:55,330
Dan ia akan memaparkan
itu kerana ini, sebagai hyperlink,

355
00:19:55,330 --> 00:19:58,140
dan kemudian laman web yang benar-benar sejuk.

356
00:19:58,140 --> 00:20:02,080
>> Jadi itu teks, yang sedikit
sedikit perkara-perkara yang benar-benar sejuk di sana.

357
00:20:02,080 --> 00:20:08,170
Jadi, anda boleh menghubungkan perkara-perkara dan anda boleh
memasukkan imej dan anda boleh mendandan hal.

358
00:20:08,170 --> 00:20:11,740
Dan perkara yang paling biasa bahawa anda
orang mungkin mempunyai dengan hiperteks

359
00:20:11,740 --> 00:20:19,100
adalah HyperText Markup Language, HTML,
yang tentu saja semua web

360
00:20:19,100 --> 00:20:23,080
yang kita lihat di sekeliling kita, yang diberikan
dengan beberapa gaya CSS yang dilemparkan.

361
00:20:23,080 --> 00:20:25,580
>> Tetapi jika ada orang
yang sangat besar dengan MySpace,

362
00:20:25,580 --> 00:20:28,240
Saya pasti anda semua digunakan HTML
setiap masa untuk membuat

363
00:20:28,240 --> 00:20:30,640
profil tersebut sempurna, bukan?

364
00:20:30,640 --> 00:20:34,930
Saya rasa seperti yang mungkin menjadi
rujukan ketinggalan zaman sekarang, tapi apa pun.

365
00:20:34,930 --> 00:20:37,780
Hanya little-- yang kalian
tidak yang jauh lebih muda.

366
00:20:37,780 --> 00:20:40,480
Sebahagian dari kamu lebih tua daripada saya.

367
00:20:40,480 --> 00:20:42,480
MySpace masih
hal ketika saya masih muda.

368
00:20:42,480 --> 00:20:44,510
Saya bukan yang lama.

369
00:20:44,510 --> 00:20:49,265
>> Anyways, HTML hanya satu bentuk hiperteks.

370
00:20:49,265 --> 00:20:55,640
Jadi hiperteks hanya
teks dengan ciri-ciri tambahan.

371
00:20:55,640 --> 00:21:01,790
Jadi protokol pemindahan mungkin
perkara yang lebih rapuh untuk menjelaskan.

372
00:21:01,790 --> 00:21:04,870
Jelas sekali, transfer--
hanya memindahkan data.

373
00:21:04,870 --> 00:21:09,370
Jadi baik antara klien, seperti
abang web anda, dan server.

374
00:21:09,370 --> 00:21:12,090
Jadi, pada asasnya hanya
cara internet bekerja.

375
00:21:12,090 --> 00:21:16,339
>> Jadi permintaan sebenar
bagaimana kerja ini, kami tidak

376
00:21:16,339 --> 00:21:18,755
benar-benar akan melihat sebuah
permintaan contoh dan tindak balas.

377
00:21:18,755 --> 00:21:21,730

378
00:21:21,730 --> 00:21:25,220
Tetapi bagaimana kita meminta
maklumat dari pelayan

379
00:21:25,220 --> 00:21:30,590
dan bagaimana pelayan bertindak balas kepada kita adalah
apa protokol pemindahan ini mengatur.

380
00:21:30,590 --> 00:21:35,320
Jadi permintaan dan respon yang mempunyai
mengikuti set ini khusus aturan.

381
00:21:35,320 --> 00:21:38,340
Ia diselaraskan sehingga tidak peduli
di mana anda menggunakan internet,

382
00:21:38,340 --> 00:21:40,720
itu selalu bekerja sama, OK?

383
00:21:40,720 --> 00:21:43,220
>> Sekali lagi, protokol, set aturan.

384
00:21:43,220 --> 00:21:45,620
Ia hanya biasa
interaksi dengan cara yang sama

385
00:21:45,620 --> 00:21:49,500
Profesor Malan bercakap tentang
jika seseorang mengulurkan tangan mereka,

386
00:21:49,500 --> 00:21:52,880
Anda tahu bahawa itu kesopanan yang umum untuk
mencapai Anda keluar dan menjabat tangan mereka.

387
00:21:52,880 --> 00:21:54,580
Itu protokol, kan?

388
00:21:54,580 --> 00:21:59,060
>> Jadi saya memberikan beberapa permintaan standard,
yang saya mahu untuk berjabat tangan anda,

389
00:21:59,060 --> 00:22:01,975
dan anda memberikan beberapa standard
respon, yang adalah sama ada tidak, terima kasih

390
00:22:01,975 --> 00:22:04,600
atau anda boleh cuba dan goncang saya
tangan atau mungkin anda akan cuba

391
00:22:04,600 --> 00:22:06,490
dan tangan bertemu saya.

392
00:22:06,490 --> 00:22:08,320
Dan kita tidak mempunyai protokol untuk itu.

393
00:22:08,320 --> 00:22:09,360
Ia rosak.

394
00:22:09,360 --> 00:22:12,030
Tetapi jika semua orang mengikut
protokol yang sama, sudah tentu,

395
00:22:12,030 --> 00:22:14,250
ia pergi lebih lancar.

396
00:22:14,250 --> 00:22:15,590
Orang-orang saling mengenal satu sama lain.

397
00:22:15,590 --> 00:22:16,830
Semua orang gembira.

398
00:22:16,830 --> 00:22:20,750
>> Jadi dalam dunia web,
semua orang mematuhi kaedah-kaedah- yang sama

399
00:22:20,750 --> 00:22:22,940
sedikit lebih baik daripada standard sosial.

400
00:22:22,940 --> 00:22:26,950
Tetapi dengan itu, kita akan melihat
pada permintaan contoh di sini.

401
00:22:26,950 --> 00:22:30,020
Jadi ada ini sedikit
kunci di sini di bahagian bawah

402
00:22:30,020 --> 00:22:34,990
yang memberitahu anda warna-warna yang berbeza,
apa yang mereka sepatutnya bermakna.

403
00:22:34,990 --> 00:22:38,290
>> Jadi putih adalah sama seperti kaedah anda
permintaan dan protokol version--

404
00:22:38,290 --> 00:22:42,400
itu memintanya kaedah, versi.

405
00:22:42,400 --> 00:22:44,630
Dan maka ini adalah beberapa
nama bidang dan nilai

406
00:22:44,630 --> 00:22:47,630
dari bidang itu, yang kita akan
masuk ke dalam sangat, sangat tidak lama lagi.

407
00:22:47,630 --> 00:22:49,840
Jadi, ini adalah permintaan contoh.

408
00:22:49,840 --> 00:22:54,470
Ini adalah seperti saya melanjutkan keluar,
ingin memperkenalkan diri.

409
00:22:54,470 --> 00:22:58,507
>> Inilah yang pelanggan
atau apa yang pelayar web anda

410
00:22:58,507 --> 00:22:59,840
akan menghantar ke pelayan anda.

411
00:22:59,840 --> 00:23:04,500
Jadi, ini adalah permintaan mendapatkan, jadi
meminta sesuatu dari pelayan.

412
00:23:04,500 --> 00:23:09,690
Dan itu, tentu saja, HTTP
dan ia adalah versi 1.1.

413
00:23:09,690 --> 00:23:16,060
>> Jadi sisa ini di sini adalah apa yang kita panggil
header, dan maklumat tambahan yang

414
00:23:16,060 --> 00:23:20,050
yang memberikan kita idea yang lebih baik dari
apa yang kita benar-benar minta,

415
00:23:20,050 --> 00:23:23,190
atau maklumat yang kami ingin memberikan
pelayan yang mungkin berkaitan.

416
00:23:23,190 --> 00:23:32,880
Jadi User-Agent memberikan lagi
gambaran on-- contohnya, di sini,

417
00:23:32,880 --> 00:23:38,720
curl / 7.24.0 sebenarnya akan memberitahu
pelayan yang kami gunakan Google

418
00:23:38,720 --> 00:23:40,700
Chrome sebagai pelayar kami.

419
00:23:40,700 --> 00:23:43,290
Jadi jika anda pernah mendengar
tentang orang-orang yang bercakap

420
00:23:43,290 --> 00:23:48,160
tentang membuat aplikasi responsif
untuk beberapa browser,

421
00:23:48,160 --> 00:23:50,330
ini adalah sesuatu yang mereka
akan menggunakan kerana jika anda

422
00:23:50,330 --> 00:23:53,000
tidak tahu apa yang pelayar
permintaan itu datang dari,

423
00:23:53,000 --> 00:23:55,050
Anda tidak boleh menyesuaikan data untuk itu.

424
00:23:55,050 --> 00:23:57,690
Jadi dalam kes ini, pengguna
hanya memberikan jenis ini

425
00:23:57,690 --> 00:24:01,030
maklumat mengenal pasti
tentang apa browser

426
00:24:01,030 --> 00:24:06,510
pengguna anda sedang menggunakan, OK?

427
00:24:06,510 --> 00:24:11,640
>> Jadi kita juga mempunyai tuan rumah, yang merupakan
di mana kita benar-benar mahu pergi ke.

428
00:24:11,640 --> 00:24:15,280
Dalam hal ini, kami ingin pergi ke
apple.com, membeli iPad baru yang sejuk

429
00:24:15,280 --> 00:24:19,540
atau sesuatu, mungkin comel
lampu di bilik asrama kami.

430
00:24:19,540 --> 00:24:24,900
Dan nilai nama di akhir adalah hanya
pengisi, hanya satu perkara yang umum

431
00:24:24,900 --> 00:24:25,760
untuk kalian untuk melihat.

432
00:24:25,760 --> 00:24:28,240
Ia tidak benar-benar
sesuai dengan apa-apa di sini.

433
00:24:28,240 --> 00:24:32,360
>> Jadi, anda boleh mempunyai sebanyak atau
sedikit yang anda mahu dalam setiap kes.

434
00:24:32,360 --> 00:24:36,990
Kebanyakan masa, ini adalah pilihan.

435
00:24:36,990 --> 00:24:41,780
Ia hanya bergantung kepada apa yang
anda perlukan dari penyemak imbas,

436
00:24:41,780 --> 00:24:45,120
daripada pengguna anda untuk
benar memberikan permintaan itu.

437
00:24:45,120 --> 00:24:48,970
Atau ia bergantung kepada apa yang pengguna anda
sebenarnya mahu memberi sehingga pelayan.

438
00:24:48,970 --> 00:24:54,550
Jadi, anda mungkin mempunyai banyak, banyak
nama-nama medan pengepala

439
00:24:54,550 --> 00:24:57,140
atau anda mungkin mempunyai pasangan.

440
00:24:57,140 --> 00:24:59,630
Seperti begitu banyak perkara
Yang telah saya katakan dalam seksyen ini,

441
00:24:59,630 --> 00:25:03,590
ia benar-benar bergantung kepada konteks
bagaimana anda menggunakan ini.

442
00:25:03,590 --> 00:25:06,810
>> Begitu juga yang masuk akal untuk semua orang?

443
00:25:06,810 --> 00:25:11,463
Ini hanyalah satu contoh
permintaan, header, barang kecil.

444
00:25:11,463 --> 00:25:16,910
OK, jadi dengan itu, kami mempunyai beberapa jawapan.

445
00:25:16,910 --> 00:25:20,510
>> Sekali lagi, kita mempunyai kod status kita, protokol
versi, dan kemudian nama lapangan dan bidang

446
00:25:20,510 --> 00:25:21,700
nilai seperti biasa.

447
00:25:21,700 --> 00:25:25,500
Jadi versi protokol kami
dan kod status kita adalah 200.

448
00:25:25,500 --> 00:25:28,610
OK, yang bermaksud bahawa,
ya, segala-galanya berjalan lancar.

449
00:25:28,610 --> 00:25:30,230
Berikut adalah apa yang anda inginkan.

450
00:25:30,230 --> 00:25:33,750
>> Jenis pelayan, kandungan
type-- ia memberitahu kita, OK, anda

451
00:25:33,750 --> 00:25:37,210
akan mendapatkan beberapa teks HTML.

452
00:25:37,210 --> 00:25:40,520
Di sini adalah panjang dan inilah
apa yang anda perlu lakukan dengan sambungan.

453
00:25:40,520 --> 00:25:43,004
OK, sehingga sekali lagi, bergantung
pada data anda

454
00:25:43,004 --> 00:25:45,670
meminta, bergantung kepada apa yang
pelayan ingin kembali kepadamu,

455
00:25:45,670 --> 00:25:49,440
Anda mungkin mempunyai lebih dari bidang ini
nama, anda mungkin mempunyai kurang.

456
00:25:49,440 --> 00:25:53,950
Benar-benar konteks bergantung.

457
00:25:53,950 --> 00:25:56,650
>> Dan sejauh status ini
kod di sini, sudah tentu,

458
00:25:56,650 --> 00:25:59,590
200 tidak adalah satu-satunya
anda boleh mempunyai, bukan?

459
00:25:59,590 --> 00:26:01,580
Kami mempunyai banyak kod status.

460
00:26:01,580 --> 00:26:06,120
Apakah ada yang ingat mana-mana
lain-lain yang telah disebutkan dalam ceramah?

461
00:26:06,120 --> 00:26:08,310
Banyak dari mereka mulai dengan 4.

462
00:26:08,310 --> 00:26:09,680
>> PENONTON: 404.

463
00:26:09,680 --> 00:26:11,310
>> Allison Buchholtz-AU: 404, yang?

464
00:26:11,310 --> 00:26:12,140
>> PENONTON: File tidak dijumpai?

465
00:26:12,140 --> 00:26:13,250
>> Allison Buchholtz-AU: Fail tidak dijumpai.

466
00:26:13,250 --> 00:26:14,120
Tepat.

467
00:26:14,120 --> 00:26:15,587
Jadi bagaimana pula dengan 403?

468
00:26:15,587 --> 00:26:16,420
PENONTON: Larangan.

469
00:26:16,420 --> 00:26:17,120
Allison Buchholtz-AU: Larangan.

470
00:26:17,120 --> 00:26:18,695
Jadi, apa yang anda berfikir
artinya dengan chmods?

471
00:26:18,695 --> 00:26:20,890
>> PENONTON: Ini bermakna bahawa anda
tidak mempunyai kebenaran untuk membacanya.

472
00:26:20,890 --> 00:26:22,400
>> Allison Buchholtz-AU: Tepat sekali.

473
00:26:22,400 --> 00:26:25,190
Dalam beberapa cara, anda tidak perlu
izin untuk mengaksesnya, kan?

474
00:26:25,190 --> 00:26:27,242
Jadi 404, 403.

475
00:26:27,242 --> 00:26:28,950
Ada yang benar-benar lucu
salah satu yang kita selalu

476
00:26:28,950 --> 00:26:31,116
memperkenalkan setiap tahun yang
Seharusnya aku diletakkan di sini,

477
00:26:31,116 --> 00:26:33,370
seperti 413, yang saya teko.

478
00:26:33,370 --> 00:26:34,390
Anda boleh google ini.

479
00:26:34,390 --> 00:26:38,490
Ia agak melucukan seperti, iaitu kod
413 dan itu saya teko.

480
00:26:38,490 --> 00:26:41,240
Yang saya tidak tahu mengapa anda akan
merasa perlu bahawa di internet,

481
00:26:41,240 --> 00:26:42,935
tetapi saya menyimpang.

482
00:26:42,935 --> 00:26:44,310
PENONTON: Mungkin anda seorang periuk teh.

483
00:26:44,310 --> 00:26:46,476
Allison Buchholtz-AU: Mungkin
server adalah periuk teh.

484
00:26:46,476 --> 00:26:47,890
Siapa yang tahu?

485
00:26:47,890 --> 00:26:51,840
Baiklah, jadi kita hendak
beralih ke pengekodan yang nyata.

486
00:26:51,840 --> 00:26:54,750
Saya rasa seperti kalian akan
keluar dari sini cukup cepat.

487
00:26:54,750 --> 00:26:56,940
>> PENONTON: Mengapa ia
mengatakan "Pelayan: dua kali?

488
00:26:56,940 --> 00:26:57,981
>> Allison Buchholtz-AU: Hm?

489
00:26:57,981 --> 00:27:00,350
Server dua kali?

490
00:27:00,350 --> 00:27:03,750
Itu adalah soalan yang baik.

491
00:27:03,750 --> 00:27:04,630
Saya tidak pasti.

492
00:27:04,630 --> 00:27:07,520
Aku akan mencari tahu dan
Saya akan email anda semua.

493
00:27:07,520 --> 00:27:11,410
>> OK, apa-apa soalan yang lain dari itu?

494
00:27:11,410 --> 00:27:12,310
Baik?

495
00:27:12,310 --> 00:27:14,390
Sejuk.

496
00:27:14,390 --> 00:27:17,280
>> HTML dan CSS, dan sekarang kita
sampai ke semua bahagian-bahagian yang menyeronokkan.

497
00:27:17,280 --> 00:27:21,697
Jadi seperti yang saya sebutkan sebelum ini, HTML
mungkin salah satu daripada perkara-perkara yang

498
00:27:21,697 --> 00:27:23,030
kalian yang paling akrab dengan.

499
00:27:23,030 --> 00:27:25,760
Jadi kita mempunyai HyperText Markup Language.

500
00:27:25,760 --> 00:27:29,900
>> Cara yang terbaik untuk belajar this-- saya tidak
mempunyai slaid yang disediakan atau apa-apa

501
00:27:29,900 --> 00:27:31,480
untuk kalian dengan HTML.

502
00:27:31,480 --> 00:27:33,640
Ia benar-benar belajar sintaks.

503
00:27:33,640 --> 00:27:38,380
Dan jika anda berada di MySpace
hari, anda akan mempunyai ini ke bawah.

504
00:27:38,380 --> 00:27:42,790
>> Jadi benar-benar, perkara yang paling besar adalah
hanya untuk berlatih dan percobaan.

505
00:27:42,790 --> 00:27:48,000
Salah satu sumber yang besar saya akan
sangat mengesyorkan menggunakan adalah W3Schools.

506
00:27:48,000 --> 00:27:50,620
Jadi, W, 3, dan kemudian Sekolah.

507
00:27:50,620 --> 00:27:54,810
Mereka mempunyai banyak
sumber HTML, CSS,

508
00:27:54,810 --> 00:27:58,970
dan mereka benar-benar mempunyai
semacam skrin berpecah perkara

509
00:27:58,970 --> 00:28:00,830
di mana mereka akan memberikan anda kod contoh.

510
00:28:00,830 --> 00:28:03,290
Anda boleh bermain-main dengan itu,
mengubahnya, dan tekan Update,

511
00:28:03,290 --> 00:28:06,410
dan ia akan menunjukkan kepada anda apa yang ia
sebenarnya ke laman web.

512
00:28:06,410 --> 00:28:08,380
>> Jadi saya sangat akan mengesyorkan menggunakan itu.

513
00:28:08,380 --> 00:28:11,300
Ia agak sejuk.

514
00:28:11,300 --> 00:28:14,560
Anda tidak akan mendapatkan kesalahan seg
di sini bila ada sesuatu yang salah.

515
00:28:14,560 --> 00:28:16,430
Jika anda berjaya mendapatkan
kesalahan seg dengan HTML,

516
00:28:16,430 --> 00:28:19,446
jangan beritahu saya kerana saya
akan tertarik sebenar.

517
00:28:19,446 --> 00:28:21,570
Tetapi ia benar-benar sejuk kerana
Anda boleh mengubah keadaan,

518
00:28:21,570 --> 00:28:23,550
Anda dapat melihat mereka dikemaskini secara langsung.

519
00:28:23,550 --> 00:28:26,210
Dan saya fikir anda akan mendapat banyak
pemahaman yang lebih intuitif HTML

520
00:28:26,210 --> 00:28:28,690
jika anda benar-benar hanya menghabiskan
masa bereksperimen dengannya.

521
00:28:28,690 --> 00:28:32,590
Jadi sebab itu saya berkata,
amalan dan eksperimen.

522
00:28:32,590 --> 00:28:34,490
>> Google, mulai sekarang
keluar, mungkin akan

523
00:28:34,490 --> 00:28:36,440
salah satu daripada sumber terbaik dan rakan-rakan anda.

524
00:28:36,440 --> 00:28:41,080
Atau Bing-- saya bekerja di Microsoft,
jadi mungkin saya tidak mengatakan Bing.

525
00:28:41,080 --> 00:28:45,590
Tetapi apa-apa cukup banyak
hanya akan menjadi sintaks,

526
00:28:45,590 --> 00:28:51,300
begitu memahami apa yang tag,
understanding-- sekurang-kurangnya dengan CSS--

527
00:28:51,300 --> 00:28:53,360
bagaimana untuk menukar sifat-sifat tertentu.

528
00:28:53,360 --> 00:28:55,300
Ia akan menjadi super berguna.

529
00:28:55,300 --> 00:28:58,852
>> Jadi, walaupun kita tidak
mempunyai apa-apa perkara yang bersedia,

530
00:28:58,852 --> 00:29:02,060
kami mempunyai beberapa jenis amalan terbaik
yang kami mahu anda semua untuk mencuba dan mematuhi

531
00:29:02,060 --> 00:29:06,640
oleh- atau lebih tepat, anda perlu
mematuhi sehingga diberitahu kelak.

532
00:29:06,640 --> 00:29:09,722
Jadi menutup semua tag anda.

533
00:29:09,722 --> 00:29:12,930
Mudah-mudahan semua orang has-- anda tahu apa,
jika ini tidak masuk akal pada masa ini,

534
00:29:12,930 --> 00:29:15,388
Saya berjanji ia akan masuk akal
ketika kita sedang pengekodan atas halaman.

535
00:29:15,388 --> 00:29:16,680
Tetapi menutup semua tag anda.

536
00:29:16,680 --> 00:29:20,410
Jadi jika anda pernah mempunyai beberapa
kepala itu kurungan,

537
00:29:20,410 --> 00:29:24,180
H1, braket, memastikan bahawa
setiap kali anda selesai dengan itu,

538
00:29:24,180 --> 00:29:26,570
Anda menutup kepala yang.

539
00:29:26,570 --> 00:29:30,260
Mengesahkan halaman anda dengan W3 Validator.

540
00:29:30,260 --> 00:29:34,689
Jika anda tidak menutup tag anda,
Anda boleh mendapatkan perilaku yang tidak diharapkan.

541
00:29:34,689 --> 00:29:37,730
Itu akan mengatakan bahawa laman anda adalah tidak sah
jika anda menjalankannya melalui validator ini.

542
00:29:37,730 --> 00:29:41,000
Oleh itu, apabila di doubt-- dan terutama
pada minggu ini dan minggu depan

543
00:29:41,000 --> 00:29:46,220
pset-- dengan cara yang sama yang kita doakan
anda menggunakan memeriksa 50 dan gaya 50,

544
00:29:46,220 --> 00:29:49,130
Anda boleh memikirkan ini
sebagai salah satu cek anda, OK?

545
00:29:49,130 --> 00:29:51,950
>> Jadi, jika ia tidak lulus W3 Validator.

546
00:29:51,950 --> 00:29:53,810
Itu adalah sesuatu yang kita akan berlabuh pada anda.

547
00:29:53,810 --> 00:29:55,960
Atau saya memberitahu anda tepat
sekarang, saya akan berlabuh pada anda.

548
00:29:55,960 --> 00:29:58,202
Jadi, pastikan ia mengesahkan.

549
00:29:58,202 --> 00:29:58,785
Ia tidak sukar.

550
00:29:58,785 --> 00:30:01,530
Anda hanya tampal kod anda
dan ia akan mengatakan sama ada kerja yang baik

551
00:30:01,530 --> 00:30:03,630
atau kau hilang
sesuatu dalam cara yang sama

552
00:30:03,630 --> 00:30:07,760
gaya yang 50 memberitahu anda
mana anda hendak pergi bermain-main ke atas.

553
00:30:07,760 --> 00:30:11,360
>> Dan kemudian satu hal
yang anda mahu untuk memisahkan

554
00:30:11,360 --> 00:30:15,980
markup anda, yang semua HTML yang
atau teks anda, dan gaya anda.

555
00:30:15,980 --> 00:30:19,420
Oleh itu, kita akan melakukan contoh
itu selepas ini.

556
00:30:19,420 --> 00:30:21,830
Jadi HTML dan CSS harus terpisah.

557
00:30:21,830 --> 00:30:26,030
Dan kita akan bercakap tentang
MVC, iaitu Model View Controller,

558
00:30:26,030 --> 00:30:27,100
minggu depan.

559
00:30:27,100 --> 00:30:29,360
Kalian harus mungkin
belajar tentang bahawa dalam syarahan

560
00:30:29,360 --> 00:30:32,130
besok jika anda mempunyai
yang telah dipelajari hari ini.

561
00:30:32,130 --> 00:30:34,250
>> Dan ia hanya jenis
paradigma yang kita cenderung

562
00:30:34,250 --> 00:30:37,460
untuk digunakan saat membuat web
halaman untuk memisahkan perkara-perkara.

563
00:30:37,460 --> 00:30:41,440
Anda boleh berfikir dengan cara yang sama
bahawa kita cenderung untuk fungsi yang terpisah di C

564
00:30:41,440 --> 00:30:43,360
di mana kita hash untuk mencari sesuatu.

565
00:30:43,360 --> 00:30:45,530
Ia hanya satu cara untuk
menjadikan kehidupan anda lebih mudah.

566
00:30:45,530 --> 00:30:51,790
Ia memisahkan keluar sifat-sifat atau kod yang
Anda akan menggunakan lagi dan lagi,

567
00:30:51,790 --> 00:30:55,360
tetapi dengan cara ini, ia semacam
dari menyimpan bagus dan rapi.

568
00:30:55,360 --> 00:30:58,260
Dan jika anda mahu untuk menukar
satu perkara, anda mengubahnya sekali

569
00:30:58,260 --> 00:31:00,150
dan ia berubah-tempat lain.

570
00:31:00,150 --> 00:31:05,010
Jadi itu lebih untuk anda
kemudahan dan fleksibiliti.

571
00:31:05,010 --> 00:31:11,430
>> Jadi dengan CSS, itu sangat mirip
ke HTML, tetapi bukan tanda

572
00:31:11,430 --> 00:31:15,120
yang saya sebutkan tadi, kita
menggunakan apa yang disebut pemilih.

573
00:31:15,120 --> 00:31:21,900
Dan mereka pada dasarnya hanya jenis
dari mengaitkan tag tertentu

574
00:31:21,900 --> 00:31:24,620
dalam HTML dengan sifat-sifat yang berbeza.

575
00:31:24,620 --> 00:31:29,060
Dan apabila saya mengatakan sifat-sifat, maksud saya
hal-hal seperti warna font, gaya fon,

576
00:31:29,060 --> 00:31:32,694
warna latar belakang,
warna teks anda.

577
00:31:32,694 --> 00:31:33,610
Orang-orang macam hal.

578
00:31:33,610 --> 00:31:36,270
Seperti jika ia berpusat,
jika itu ke sebelah kanan,

579
00:31:36,270 --> 00:31:39,430
jika itu inverted-- semua
perkara-perkara yang sejuk.

580
00:31:39,430 --> 00:31:42,490
Apa-apa perkara yang gaya
yang anda lakukan untuk teks anda,

581
00:31:42,490 --> 00:31:45,070
ini adalah apa yang saya maksudkan dengan sifat-sifat.

582
00:31:45,070 --> 00:31:50,140
>> Dan kemudian dua perkara utama yang perlu tahu ialah
selectors-- dua daripada factors-- utama

583
00:31:50,140 --> 00:31:53,090
adalah ID, yang unik.

584
00:31:53,090 --> 00:31:54,859
Anda hanya boleh menggunakannya untuk satu perkara.

585
00:31:54,859 --> 00:31:56,400
Jika tidak, ia akan berteriak pada Anda.

586
00:31:56,400 --> 00:31:59,970
Dan ketika kita mendefinisikannya
dalam fail CSS, ia akan

587
00:31:59,970 --> 00:32:03,182
menjadi ID hash dan kemudian
apa ciri-ciri yang kita mahu.

588
00:32:03,182 --> 00:32:05,140
Saya berjanji kita akan
melalui satu contoh.

589
00:32:05,140 --> 00:32:06,830
Ini akan masuk akal lebih banyak.

590
00:32:06,830 --> 00:32:08,830
>> Kelas boleh merujuk kepada beberapa blok.

591
00:32:08,830 --> 00:32:13,400
Jadi, anda boleh mempunyai anda
perenggan pertama dan ketiga

592
00:32:13,400 --> 00:32:17,240
mempunyai jenis yang sama dari sifat-sifat jika
Anda mengaitkan mereka dengan kelas yang sama.

593
00:32:17,240 --> 00:32:21,050
Dan ketika kita mendefinisikan mereka
dalam CSS, kita melakukan kelas titik,

594
00:32:21,050 --> 00:32:25,710
dengan kelas menjadi apa sahaja
Anda mahu ia dikenali.

595
00:32:25,710 --> 00:32:28,559
>> Jadi saya tahu ini adalah hak
sekarang sangat abstrak.

596
00:32:28,559 --> 00:32:29,850
Itulah sebabnya kita akan kod.

597
00:32:29,850 --> 00:32:32,060
Aku tahu kalian suka
itu, dan anda semua adalah

598
00:32:32,060 --> 00:32:34,210
akan membantu saya kerana
ini adalah laman web anda.

599
00:32:34,210 --> 00:32:36,310
Ini adalah laman web seksyen kami, orang-orang.

600
00:32:36,310 --> 00:32:40,158
Jadi ada apa-apa soalan sebelum saya
mematikan PowerPoint, atau apa-apa

601
00:32:40,158 --> 00:32:42,366
anda mahu saya untuk skrol kembali
sebelum kita mula coding?

602
00:32:42,366 --> 00:32:45,074
>> PENONTON: Apabila kamu berkata pertandingan tag,
maksudmu pemilih atau tag?

603
00:32:45,074 --> 00:32:50,427

604
00:32:50,427 --> 00:32:53,010
Allison Buchholtz-AU: Anda boleh
menganggap mereka sebagai perkara yang sama.

605
00:32:53,010 --> 00:32:54,590
Ini kata-kata hanya berbeda.

606
00:32:54,590 --> 00:32:56,460
Maksud saya, seperti pemilih.

607
00:32:56,460 --> 00:32:59,470
Tetapi pemilih juga peta ke tag.

608
00:32:59,470 --> 00:33:02,800
Jadi, anda boleh menganggap mereka sebagai
berkesan perkara yang sama.

609
00:33:02,800 --> 00:33:05,900
Saya berjanji ia akan membuat
pengertian yang lebih apabila kita kode.

610
00:33:05,900 --> 00:33:08,400
Apa pun dari
PowerPoint atau mana-mana soalan

611
00:33:08,400 --> 00:33:12,980
sekarang sebelum kita benar-benar
membuat halaman seksyen kita?

612
00:33:12,980 --> 00:33:15,040
Semua orang bersedia?

613
00:33:15,040 --> 00:33:15,540
Sejuk.

614
00:33:15,540 --> 00:33:19,820

615
00:33:19,820 --> 00:33:24,760
>> Jadi saya mempunyai satu bermula.

616
00:33:24,760 --> 00:33:27,030
Biar saya meningkatkan fon bagi kalian.

617
00:33:27,030 --> 00:33:29,810

618
00:33:29,810 --> 00:33:36,730
OK, jadi sekarang, kita hanya mempunyai
tulang-tulang laman web di sini.

619
00:33:36,730 --> 00:33:38,360
>> Kami mempunyai beberapa HTML.

620
00:33:38,360 --> 00:33:41,050
Kami mempunyai beberapa header, yang kita
lihat di sini sebagai contoh halaman web.

621
00:33:41,050 --> 00:33:44,540
Beberapa tajuk, font beberapa.

622
00:33:44,540 --> 00:33:47,580
Ini adalah tag, OK?

623
00:33:47,580 --> 00:33:53,930
Oleh itu, apabila saya maksudkan menutup tag anda, kita lihat
di sini kepala pendakap ini adalah pembuka

624
00:33:53,930 --> 00:33:59,670
tag, dan golongan ini
/ Head adalah menutupnya, OK?

625
00:33:59,670 --> 00:34:04,380
>> Jadi, anda boleh menganggap ini sebagai
kawat gigi anda jika keadaan anda

626
00:34:04,380 --> 00:34:05,420
atau anda untuk gelung.

627
00:34:05,420 --> 00:34:08,630
Jika anda mempunyai satu di awal,
Anda ingin satu di akhir.

628
00:34:08,630 --> 00:34:13,500
Ia akan tetap bekerja pada kebanyakan masa
jika anda tidak mempunyai tag tertutup,

629
00:34:13,500 --> 00:34:17,659
tetapi amalan yang terbaik ialah menutup tag anda.

630
00:34:17,659 --> 00:34:20,940
>> Jadi dalam hal ini, mari kita mengubah hal ini.

631
00:34:20,940 --> 00:34:24,150
Kita akan mempunyai seksyen tujuh.

632
00:34:24,150 --> 00:34:25,270
"Seksyen Web."

633
00:34:25,270 --> 00:34:26,969
Jadi, saya hanya akan perubahan ini.

634
00:34:26,969 --> 00:34:32,100
>> Dan jika kita pergi ke sini dan kami
Harus reload-- menyimpan dan reload--

635
00:34:32,100 --> 00:34:36,750
kita dapati bahawa di sini
ia berubah, kan?

636
00:34:36,750 --> 00:34:38,250
Sejuk.

637
00:34:38,250 --> 00:34:39,380
Jadi ini mengubah tajuk.

638
00:34:39,380 --> 00:34:41,920
Ini adalah apa pun pada tab anda.

639
00:34:41,920 --> 00:34:43,870
>> Jadi ini adalah jenis
mencari jenis membosankan.

640
00:34:43,870 --> 00:34:44,870
Saya tidak tahu tentang lelaki.

641
00:34:44,870 --> 00:34:46,810
Saya rasa kita ingin sesuatu yang lain di sini.

642
00:34:46,810 --> 00:34:51,900
>> Jadi apa yang boleh kita lakukan adalah
kepala hanya ada di sana.

643
00:34:51,900 --> 00:34:54,320
Mari kita buat beberapa jenis badan.

644
00:34:54,320 --> 00:34:56,550
Oleh itu, kita mempunyai beberapa badan di sini.

645
00:34:56,550 --> 00:35:01,360
Aku sentiasa melakukan terbuka dan
menutup tag saya untuk memulakan,

646
00:35:01,360 --> 00:35:04,850
dengan cara yang sama seperti saya penyokong gigi.

647
00:35:04,850 --> 00:35:06,326
Ah.

648
00:35:06,326 --> 00:35:09,010
Tunggu, apa?

649
00:35:09,010 --> 00:35:10,949
>> PENONTON: [didengar].

650
00:35:10,949 --> 00:35:11,990
Allison Buchholtz-AU: Ah.

651
00:35:11,990 --> 00:35:13,895
Kalian punya aku.

652
00:35:13,895 --> 00:35:14,930
Pekerjaan yang baik.

653
00:35:14,930 --> 00:35:16,270
Bintang emas.

654
00:35:16,270 --> 00:35:20,300
>> OK, jadi kita mempunyai beberapa badan di sini.

655
00:35:20,300 --> 00:35:22,920
Dan sekarang mari kita mula menambah beberapa teks.

656
00:35:22,920 --> 00:35:26,110
Jadi, anda mempunyai pasangan yang berbeza
pilihan untuk menambahkan teks.

657
00:35:26,110 --> 00:35:29,380
Kami mempunyai hal-hal seperti header.

658
00:35:29,380 --> 00:35:32,144
Kami mempunyai hanya teks biasa.

659
00:35:32,144 --> 00:35:33,560
Jadi mari kita mulakan dengan tandukan.

660
00:35:33,560 --> 00:35:36,670
Sebenarnya, jika anda semua ingin
untuk menarik HTML W3 School,

661
00:35:36,670 --> 00:35:38,860
Anda jenis boleh melihat-lihat
dan jika ada apa-apa

662
00:35:38,860 --> 00:35:42,470
terutama yang anda mahu untuk mencuba
dengan laman web ini, kita boleh melakukannya.

663
00:35:42,470 --> 00:35:46,250
Jadi dalam hal ini, mari kita hanya melakukan beberapa h1.

664
00:35:46,250 --> 00:35:48,710
Jadi h1 adalah seperti header yang tertinggi.

665
00:35:48,710 --> 00:35:52,260
Ia akan memberikan sesuatu
yang sangat besar dan berani.

666
00:35:52,260 --> 00:35:58,010
>> Dan dalam kes ini, apa yang kita mahu
untuk teks yang pertama pada halaman web kami?

667
00:35:58,010 --> 00:35:58,640
Apa-apa.

668
00:35:58,640 --> 00:35:59,800
Kalian akan membuat ini.

669
00:35:59,800 --> 00:36:00,758
Saya hanya akan menaip.

670
00:36:00,758 --> 00:36:01,620
PENONTON: Selamat datang.

671
00:36:01,620 --> 00:36:02,870
>> Allison Buchholtz-AU: Selamat datang.

672
00:36:02,870 --> 00:36:06,660

673
00:36:06,660 --> 00:36:12,620
OK, jadi jika kita simpan dan kita kembali,
kami mempunyai sambutan yang besar besar.

674
00:36:12,620 --> 00:36:17,365
Jadi, supaya anda boleh melihat
perbedaan, mari kita buat sesuatu di H6.

675
00:36:17,365 --> 00:36:18,490
Apa yang kita mahu di sini?

676
00:36:18,490 --> 00:36:24,951

677
00:36:24,951 --> 00:36:27,440
Betul?

678
00:36:27,440 --> 00:36:30,356
>> OK, jadi hanya supaya anda boleh
melihat perbezaan.

679
00:36:30,356 --> 00:36:31,990
Ya, Sublime.

680
00:36:31,990 --> 00:36:34,680
Jadi, jika anda perhatikan, h1, sangat, sangat besar.

681
00:36:34,680 --> 00:36:39,030
h6, seperti berani, tetapi jauh lebih kecil,
dan anda mempunyai segala sesuatu di antara.

682
00:36:39,030 --> 00:36:41,550
Jadi, anda boleh mempunyai h2, h3, h4.

683
00:36:41,550 --> 00:36:43,750
Dan ini hanya header,
jadi jika anda cuba

684
00:36:43,750 --> 00:36:46,010
untuk membuat halaman web yang
mempunyai bahagian yang berbeza,

685
00:36:46,010 --> 00:36:48,810
mungkin anda ingin menggunakan
header di sana di suatu tempat.

686
00:36:48,810 --> 00:36:49,580
>> Sejuk.

687
00:36:49,580 --> 00:36:53,270
Oleh itu, kita akan menambahkan lagi
perkara dalam badan kita.

688
00:36:53,270 --> 00:36:58,380
Aku melihat bahwa ia akan berbuat baik
yang sejuk jika kita mempunyai gambar.

689
00:36:58,380 --> 00:37:02,840
Saya rasa seperti semua orang boleh menggunakan mungkin
kelinci gambar lucu benar tentang sekarang,

690
00:37:02,840 --> 00:37:05,082
jadi kita akan mencari
gambar kelinci pertama.

691
00:37:05,082 --> 00:37:10,010

692
00:37:10,010 --> 00:37:12,960
>> Saya tidak tahu jika anda mempunyai sebarang
pilihan mana yang kita mahu.

693
00:37:12,960 --> 00:37:14,890
Adakah anda mempunyai apa-apa pilihan?

694
00:37:14,890 --> 00:37:15,925
Yang ini?

695
00:37:15,925 --> 00:37:17,160
Down.

696
00:37:17,160 --> 00:37:17,750
OK.

697
00:37:17,750 --> 00:37:18,760
Yang satu itu.

698
00:37:18,760 --> 00:37:20,080
Pilihan yang baik.

699
00:37:20,080 --> 00:37:21,850
>> OK, jadi kita akan melihat gambar kita.

700
00:37:21,850 --> 00:37:22,920
Lihat itu.

701
00:37:22,920 --> 00:37:24,250
Melihat bahawa perkara manis.

702
00:37:24,250 --> 00:37:27,080
Bagaimana anda boleh menjadi sedih
pada hari Isnin dengan ini?

703
00:37:27,080 --> 00:37:30,180
>> Oleh itu, kita hanya akan
untuk menyalin URL imej.

704
00:37:30,180 --> 00:37:38,720
Dan apa yang kami mahu lakukan adalah, anggap saja
mengatakan bahawa kita mempunyai beberapa p perenggan.

705
00:37:38,720 --> 00:37:41,140
Kita akan berkata "Lihatlah
melihat kelinci lucu.

706
00:37:41,140 --> 00:37:44,130
d'awwww. "

707
00:37:44,130 --> 00:37:44,880
Saya suka kelinci saya.

708
00:37:44,880 --> 00:37:45,838
Saya mempunyai arnab di rumah.

709
00:37:45,838 --> 00:37:48,085
Aku rindu bunny saya.

710
00:37:48,085 --> 00:37:50,460
Jadi apa yang kita akan do--
Saya tidak tahu jika anda semua ingin

711
00:37:50,460 --> 00:37:55,970
to google this-- tetapi dengan HTML,
bagaimana mungkin anda termasuk imej?

712
00:37:55,970 --> 00:37:58,355
Secara harfiah, jika anda google
"Termasuk gambar HTML,"

713
00:37:58,355 --> 00:38:00,480
mengapa tidak kalian beritahu saya
apa tag ini seharusnya?

714
00:38:00,480 --> 00:38:05,150

715
00:38:05,150 --> 00:38:06,290
>> PENONTON: img source--

716
00:38:06,290 --> 00:38:07,767
>> Allison Buchholtz-AU: img source--

717
00:38:07,767 --> 00:38:08,600
PENONTON: --equals--

718
00:38:08,600 --> 00:38:09,000
Allison Buchholtz-AU: --equals--

719
00:38:09,000 --> 00:38:10,181
PENONTON: --quote-- yeah.

720
00:38:10,181 --> 00:38:11,430
Allison Buchholtz-AU: Perfect.

721
00:38:11,430 --> 00:38:12,090
Lovely.

722
00:38:12,090 --> 00:38:15,470
Lihat, penjanaan MySpace, kan?

723
00:38:15,470 --> 00:38:16,220
PENONTON: Neopets.

724
00:38:16,220 --> 00:38:17,470
Allison Buchholtz-AU: Neopets.

725
00:38:17,470 --> 00:38:18,950
Oh, OK.

726
00:38:18,950 --> 00:38:20,200
Wow.

727
00:38:20,200 --> 00:38:21,260
Sudah gila.

728
00:38:21,260 --> 00:38:23,120
OK.

729
00:38:23,120 --> 00:38:25,600
>> Jadi pastikan saya mendapat hak ini.

730
00:38:25,600 --> 00:38:26,100
Sejuk.

731
00:38:26,100 --> 00:38:27,750
Jadi ini harus berada di sini.

732
00:38:27,750 --> 00:38:34,146
Dan kemudian jika kita kembali, kami telah kami
kelinci di muka Bukankah ini comel?

733
00:38:34,146 --> 00:38:35,030
>> Ini begitu lucu.

734
00:38:35,030 --> 00:38:36,860
Anda pilih yang hebat, besar foto.

735
00:38:36,860 --> 00:38:38,180
Aku menggali itu.

736
00:38:38,180 --> 00:38:41,350
>> OK, jadi kita harus bunny comel ini sekarang.

737
00:38:41,350 --> 00:38:44,590
Kami mampu untuk menambahkan
gambar, begitu saja.

738
00:38:44,590 --> 00:38:47,550
Jadi, pada asasnya jika ada apa-apa imej
Anda mahu untuk menambah ke laman web anda,

739
00:38:47,550 --> 00:38:49,430
Anda boleh menambah ia hanya seperti ini.

740
00:38:49,430 --> 00:38:52,910
Satu lagi perkara yang akan menjadi jika
Anda telah imej yang disimpan

741
00:38:52,910 --> 00:38:55,670
di dalam folder yang sama dengan
gambar ini, anda boleh hanya

742
00:38:55,670 --> 00:38:59,595
menulis apa sahaja nama satu imej yang
adalah bukan memiliki pautan web.

743
00:38:59,595 --> 00:39:01,010
>> Ia masih lagi dalam tanda kutip.

744
00:39:01,010 --> 00:39:03,700
Ia hanya akan menjadi seperti
jika kita menamakan this--

745
00:39:03,700 --> 00:39:06,695
jika gambar ini telah diselamatkan
dalam folder dengan fail HTML ini

746
00:39:06,695 --> 00:39:08,570
yang saya mengedit dan
dipanggil bunny.jpg.

747
00:39:08,570 --> 00:39:11,289

748
00:39:11,289 --> 00:39:13,080
Kita juga boleh melakukannya
dan ia akan muncul.

749
00:39:13,080 --> 00:39:16,600
Namun, saya tidak mempunyai ini disimpan dalam
file dan saya mahu menyimpan kelinci,

750
00:39:16,600 --> 00:39:18,092
jadi kita akan terus link.

751
00:39:18,092 --> 00:39:20,720
>> PENONTON: Apakah rabbit.org?

752
00:39:20,720 --> 00:39:22,980
>> Allison Buchholtz-AU: rabbit.org.

753
00:39:22,980 --> 00:39:25,170
Ini appropriate-- sebuah
melihat, anda boleh menggunakannya.

754
00:39:25,170 --> 00:39:25,770
Adopsi.

755
00:39:25,770 --> 00:39:27,690
bunny.jpg.

756
00:39:27,690 --> 00:39:29,190
Saya mahu menggunakan kelinci ini.

757
00:39:29,190 --> 00:39:31,180
Oh, Tuhan, ia begitu comel.

758
00:39:31,180 --> 00:39:34,230
>> OK, jadi kami telah menambah header.

759
00:39:34,230 --> 00:39:35,500
Kami telah menambah gambar.

760
00:39:35,500 --> 00:39:37,760
Jelas sekali, kami telah menambah
beberapa teks di sini, kan?

761
00:39:37,760 --> 00:39:40,920
Jika kita mahu menambah lain
teks, kita akan pergi seperti ini.

762
00:39:40,920 --> 00:39:43,760
Jadi, ini adalah ayat lain.

763
00:39:43,760 --> 00:39:49,070
>> Dan kita mengatakan "ini adalah ayat yang lain."

764
00:39:49,070 --> 00:39:52,510
Juga, saya ejaan mengerikan,
jadi saya mungkin salah ejaan hal.

765
00:39:52,510 --> 00:39:54,930
Untuk diketahui.

766
00:39:54,930 --> 00:39:58,450
>> Jadi kita mempunyai satu lagi
ayat di sini, kan?

767
00:39:58,450 --> 00:40:02,190
Jadi mungkin anda mahu melakukan sesuatu
sedikit lebih menarik daripada hanya

768
00:40:02,190 --> 00:40:04,640
memiliki semua teks anda, seperti hak sejajar.

769
00:40:04,640 --> 00:40:08,490
Mungkin anda ingin pusat teks anda, OK?

770
00:40:08,490 --> 00:40:11,820
>> Jadi, jika seseorang ingin menggunakan mereka
komputer berguna di hadapan anda

771
00:40:11,820 --> 00:40:19,034
dan beritahu saya bagaimana anda
akan pusat teks ini,

772
00:40:19,034 --> 00:40:20,300
>> PENONTON: p align.

773
00:40:20,300 --> 00:40:24,834
>> Allison Buchholtz-AU: Jadi
p align sama dengan "pusat."

774
00:40:24,834 --> 00:40:25,750
Dia membunuh itu, orang-orang.

775
00:40:25,750 --> 00:40:28,240
Kalian perlu meningkatkan.

776
00:40:28,240 --> 00:40:36,042
Dan kita mempunyai "ini berpusat."

777
00:40:36,042 --> 00:40:37,500
Dan sekarang kami telah sesuatu berpusat.

778
00:40:37,500 --> 00:40:39,380
>> Dengan cara yang sama, jika anda
menginginkannya rata kiri,

779
00:40:39,380 --> 00:40:42,020
Anda boleh melakukan sama dengan align
kiri, align bermakna kebenaran.

780
00:40:42,020 --> 00:40:42,850
Benar-benar terpulang kepada anda.

781
00:40:42,850 --> 00:40:55,580
Jika saya lakukan di sini, maka ini
should-- kini ia tepat sejajar.

782
00:40:55,580 --> 00:40:57,020
>> PENONTON: Allison?

783
00:40:57,020 --> 00:41:00,884
Dengan sumber gambar, mengapa tidak
ada dekat sumber img?

784
00:41:00,884 --> 00:41:02,050
Allison Buchholtz-AU: Maaf.

785
00:41:02,050 --> 00:41:05,300
Yang satu ini harus
Sekarang ada kau baik.

786
00:41:05,300 --> 00:41:06,026
Sekarang kita baik.

787
00:41:06,026 --> 00:41:08,150
PENONTON: Apa kau tidak punya
untuk menutupnya di sana, atau tidak?

788
00:41:08,150 --> 00:41:11,450
Allison Buchholtz-AU: Nah, agar img
sumber, yang satu ini hanya-- dengan imej,

789
00:41:11,450 --> 00:41:17,110
ia hanya dilihat sebagai satu elemen, manakala
jika anda melihat untuk sisa ini,

790
00:41:17,110 --> 00:41:22,106
kita mempunyai beberapa tag maka maklumat yang
berkaitan dengan dan kemudian tag penutup.

791
00:41:22,106 --> 00:41:24,480
Tetapi dengan gambar, semuanya
hanya semacam serba lengkap.

792
00:41:24,480 --> 00:41:28,540

793
00:41:28,540 --> 00:41:29,040
Sejuk.

794
00:41:29,040 --> 00:41:33,530
Jadi kalian tahu bagaimana untuk membuat
header, anda tahu bagaimana untuk memasukkan teks,

795
00:41:33,530 --> 00:41:37,060
Anda tahu bagaimana untuk meletakkan imej
sekarang, anda boleh menyelaraskan perkara.

796
00:41:37,060 --> 00:41:39,940

797
00:41:39,940 --> 00:41:42,590
>> Satu lagi perkara yang anda
mungkin ingin dapat melakukan

798
00:41:42,590 --> 00:41:47,649
ialah untuk mewujudkan suatu daftar menurut CS-- kami
seperti hendak pergi ke Serangga minggu depan.

799
00:41:47,649 --> 00:41:49,440
Hal-hal yang kita
biasanya mengajar minggu ini

800
00:41:49,440 --> 00:41:51,480
akan sangat baik dengan
Serangga minggu depan, jadi kita

801
00:41:51,480 --> 00:41:54,250
jenis pencampuran, bertindih perkara di sini.

802
00:41:54,250 --> 00:41:56,290
Tetapi ia akan menjadi berguna untuk minggu depan.

803
00:41:56,290 --> 00:42:02,500
>> Jadi, jika kita mahu untuk membuat beberapa
senarai, bagaimana kita boleh berbuat demikian?

804
00:42:02,500 --> 00:42:03,760
Anda tidak boleh menjawab kali ini.

805
00:42:03,760 --> 00:42:04,700
Orang lain harus.

806
00:42:04,700 --> 00:42:07,290

807
00:42:07,290 --> 00:42:09,440
Ia tidak keras, lelaki, janji.

808
00:42:09,440 --> 00:42:13,090
Google "senarai tidak tertib HTML."

809
00:42:13,090 --> 00:42:14,076
Apa itu?

810
00:42:14,076 --> 00:42:16,244
>> PENONTON: [didengar].

811
00:42:16,244 --> 00:42:17,410
Allison Buchholtz-AU: Benar.

812
00:42:17,410 --> 00:42:20,490
Jadi kita mahu yang diarahkan atau yang tidak tertib?

813
00:42:20,490 --> 00:42:21,500
Mari kita lakukan yang tidak tertib.

814
00:42:21,500 --> 00:42:25,240
Oleh itu, kita mempunyai beberapa ul, yang
singkatan Unordered List.

815
00:42:25,240 --> 00:42:27,997
Dan apa yang kita ada untuk setiap elemen?

816
00:42:27,997 --> 00:42:29,080
Adakah ia perlu tag sendiri?

817
00:42:29,080 --> 00:42:30,556
Bolehkah kita hanya mula menulis sesuatu?

818
00:42:30,556 --> 00:42:31,330
>> PENONTON: li.

819
00:42:31,330 --> 00:42:32,826
>> Allison Buchholtz-AU: li.

820
00:42:32,826 --> 00:42:34,785
Jadi apa senarai kami akan menjadi?

821
00:42:34,785 --> 00:42:37,050
Apa yang kita mahu di sini?

822
00:42:37,050 --> 00:42:38,190
Kami hanya melakukan nama.

823
00:42:38,190 --> 00:42:39,250
Hanya melakukan Yakub.

824
00:42:39,250 --> 00:42:40,340
>> Makanan arnab: PENONTON.

825
00:42:40,340 --> 00:42:40,990
>> Allison Buchholtz-AU: Makanan Arnab.

826
00:42:40,990 --> 00:42:41,910
OK Saya menyukainya.

827
00:42:41,910 --> 00:42:42,520
Makanan arnab.

828
00:42:42,520 --> 00:42:44,440
>> OK, jadi kita harus wortel.

829
00:42:44,440 --> 00:42:46,640
Saya suka tema arnab ini.

830
00:42:46,640 --> 00:42:48,024
Aku menggali banyak.

831
00:42:48,024 --> 00:42:50,440
PENONTON: Sebenarnya, saya fikir
bahwa Yakub akan menjadi legit.

832
00:42:50,440 --> 00:42:51,606
Allison Buchholtz-AU: Yakub?

833
00:42:51,606 --> 00:42:53,120
Yakub adalah makanan arnab.

834
00:42:53,120 --> 00:42:55,310
Jika anda melihat Jacob
foto dari waktu pejabat,

835
00:42:55,310 --> 00:42:56,850
Anda mungkin berfikir dia mendapat
diserang oleh arnab pembunuh.

836
00:42:56,850 --> 00:42:58,099
>> PENONTON: Saya arnab sekarang.

837
00:42:58,099 --> 00:42:59,710
Saya mempunyai arnab pembunuh sekarang.

838
00:42:59,710 --> 00:43:00,540
>> Allison Buchholtz-AU:
Adakah anda bergurau saya?

839
00:43:00,540 --> 00:43:02,081
>> PENONTON: Aku akan membawanya bagian berikutnya.

840
00:43:02,081 --> 00:43:02,990
Saya memilikinya.

841
00:43:02,990 --> 00:43:04,240
>> Allison Buchholtz-AU:
Ini adalah tidak masuk akal.

842
00:43:04,240 --> 00:43:04,730
Pula.

843
00:43:04,730 --> 00:43:05,510
>> PENONTON: [didengar]

844
00:43:05,510 --> 00:43:07,510
>> PENONTON: Ya, saya pengawas
mempunyai arnab juga.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> Allison Buchholtz-AU: Saya ingin kelinci.

847
00:43:11,580 --> 00:43:15,415
OK, sesiapa yang datang membawa kelinci nyata untuk
bahagian seterusnya, jumlah mata brownies.

848
00:43:15,415 --> 00:43:16,290
PENONTON: [didengar]

849
00:43:16,290 --> 00:43:16,943
PENONTON: Oh, ia bukan sebenar.

850
00:43:16,943 --> 00:43:17,910
Ini arnab boneka.

851
00:43:17,910 --> 00:43:18,855
>> Allison Buchholtz-AU: Oh
ya, kita boleh menutup ini.

852
00:43:18,855 --> 00:43:20,174
Kelihatan rad.

853
00:43:20,174 --> 00:43:21,590
PENONTON: Adakah ia benar-benar penting?

854
00:43:21,590 --> 00:43:23,465
Allison Buchholtz-AU: Ia tidak.

855
00:43:23,465 --> 00:43:25,590
Dengan kebanyakan perkara-perkara ini,
Anda tidak menutup tag,

856
00:43:25,590 --> 00:43:28,750
99% daripada apa-apa masa yang buruk yang berlaku
berlaku, tetapi ia adalah gaya yang baik juga.

857
00:43:28,750 --> 00:43:30,250
Jadi Yakub.

858
00:43:30,250 --> 00:43:31,864
Dan kami mempunyai salad.

859
00:43:31,864 --> 00:43:33,655
PENONTON: Untuk pautan,
ia benar-benar penting.

860
00:43:33,655 --> 00:43:34,696
Allison Buchholtz-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
PENONTON: Untuk hyperlink.

862
00:43:35,890 --> 00:43:37,431
Allison Buchholtz-AU: Untuk hyperlink.

863
00:43:37,431 --> 00:43:38,610
Ya, hyperlink memerlukannya.

864
00:43:38,610 --> 00:43:40,770
OK, jadi mari kita lihat di sini.

865
00:43:40,770 --> 00:43:44,810
Dan kita mempunyai penutupan senarai kami.

866
00:43:44,810 --> 00:43:46,635
Dan kita lihat itu.

867
00:43:46,635 --> 00:43:49,680
Kami telah all-- Yakub, di sana.

868
00:43:49,680 --> 00:43:52,310
Makanan arnab.

869
00:43:52,310 --> 00:43:54,000
Mengingatkan saya tentang Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> PENONTON: [didengar]

871
00:43:55,234 --> 00:43:58,400
Allison Buchholtz-AU: Saya membawa kembali
rujukan sekolah lama semua hari ini,

872
00:43:58,400 --> 00:43:59,130
tidak saya?

873
00:43:59,130 --> 00:44:01,210
Hanya semua rujukan sekolah lama.

874
00:44:01,210 --> 00:44:05,767
Sepatutnya membawa seperti
Gogurts atau sesuatu untuk makanan ringan.

875
00:44:05,767 --> 00:44:07,079
>> PENONTON: Atau Gushers.

876
00:44:07,079 --> 00:44:08,120
Allison Buchholtz-AU: Oh.

877
00:44:08,120 --> 00:44:08,620
OK.

878
00:44:08,620 --> 00:44:10,920
Saya akan melihat apakah saya boleh menjejaki
turun Gushers untuk minggu depan.

879
00:44:10,920 --> 00:44:11,980
Saya rasa saya boleh melakukan itu.

880
00:44:11,980 --> 00:44:13,980
Saya fikir kita mungkin mempunyai
beberapa di pejabat.

881
00:44:13,980 --> 00:44:18,570
>> OK, jadi kami telah membahas banyak berbeza
perkara yang boleh anda lakukan dengan HTML, kan?

882
00:44:18,570 --> 00:44:23,910
Dan seperti yang anda mungkin dapat melihat, itu
nothing-- mudah-mudahan, tidak terlalu intim--

883
00:44:23,910 --> 00:44:25,750
jika ia adalah, saya tidak bermaksud
memperkecilkan sesiapa.

884
00:44:25,750 --> 00:44:29,090
Jika anda mengalami masalah,
sila datang bercakap dengan saya.

885
00:44:29,090 --> 00:44:31,340
>> Tetapi kebanyakan ia hanya
melihat sintaks, kan?

886
00:44:31,340 --> 00:44:34,180
Jika anda ingin senarai tidak tertib,
jika anda ingin semacam senarai,

887
00:44:34,180 --> 00:44:38,450
jika anda mahu untuk menyelaraskan sesuatu atau
format sesuatu, itu semua tentang hanya

888
00:44:38,450 --> 00:44:42,080
jenis melihat ke atas
Sintaks untuk HTML, kan?

889
00:44:42,080 --> 00:44:44,720
Dan satu hal yang
cukup sejuk sebenarnya

890
00:44:44,720 --> 00:44:51,360
adalah jika anda pergi kepada- mari kita lihat,
apa website yang bagus yang kita suka?

891
00:44:51,360 --> 00:44:54,920
Ada yang punya laman web kegemaran
yang OK untuk membuka talian?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
Anda tahu apa, mari kita hanya melakukan CS50.

894
00:44:58,840 --> 00:45:01,800
Itulah yang baik dan aman, bukan?

895
00:45:01,800 --> 00:45:03,060
>> OK, jadi CS50 sini.

896
00:45:03,060 --> 00:45:05,540
Oh, lihat, ada bahagian yang sekarang.

897
00:45:05,540 --> 00:45:07,113
Jika anda suka cara ia kelihatan.

898
00:45:07,113 --> 00:45:08,030
>> PENONTON: [didengar].

899
00:45:08,030 --> 00:45:10,696
Allison Buchholtz-AU: Kami tidak
akan melakukan bahagian meta, guys.

900
00:45:10,696 --> 00:45:11,560
Ini tidak berlaku.

901
00:45:11,560 --> 00:45:14,540
Ia akan menjadi sejuk, tetapi
kita tidak akan melakukannya.

902
00:45:14,540 --> 00:45:17,040
>> Jadi apa yang anda boleh
dilakukan jika anda suka cara

903
00:45:17,040 --> 00:45:21,390
kerja-kerja ini adalah anda boleh sentiasa betul
klik pada mana-mana laman web yang anda suka

904
00:45:21,390 --> 00:45:23,660
dan anda boleh melakukannya View Page Source.

905
00:45:23,660 --> 00:45:26,030
Ia akan membawa semua HTML.

906
00:45:26,030 --> 00:45:30,800
Dan ini sebenarnya adalah benar-benar baik
cara untuk gaya laman web anda sendiri.

907
00:45:30,800 --> 00:45:33,640
Pergi ke laman web yang anda
benar-benar suka dan melihat HTML

908
00:45:33,640 --> 00:45:35,430
dan memikirkan bagaimana mereka melakukannya.

909
00:45:35,430 --> 00:45:39,280
>> Dan benar-benar, selama
kerana anda memetik sesuatu,

910
00:45:39,280 --> 00:45:41,940
selagi anda tidak hanya
mencuri dari rakyat, tidak apa-apa.

911
00:45:41,940 --> 00:45:43,890
Khusus untuk CS50
[? membiayai?], kami

912
00:45:43,890 --> 00:45:46,950
agak mengharapkan anda untuk mendapatkan
inspirasi dari laman web lain.

913
00:45:46,950 --> 00:45:48,070
Jadi jangan ragu.

914
00:45:48,070 --> 00:45:51,360
Lihat melalui laman web yang
anda berfikir benar-benar cantik

915
00:45:51,360 --> 00:45:54,870
dan memikirkan bagaimana mereka menggunakan
HTML dan CSS untuk melakukan perkara-perkara ini.

916
00:45:54,870 --> 00:45:59,860
>> Jadi seperti yang anda lihat di sini, tidak jelas
seperti link dan kami mempunyai kelas di sini.

917
00:45:59,860 --> 00:46:00,950
Kami mempunyai link di sini.

918
00:46:00,950 --> 00:46:03,100
Kami mempunyai senarai.

919
00:46:03,100 --> 00:46:05,370
Kita mungkin mempunyai beberapa
gambar di sini.

920
00:46:05,370 --> 00:46:08,332
>> Kami telah mendapat beberapa gaya yang menarik di sini.

921
00:46:08,332 --> 00:46:10,040
Ini adalah perkara yang akan datang
kita akan lakukan.

922
00:46:10,040 --> 00:46:14,580
Jadi gaya, setiap kali anda melihat ini
kurungan gaya, itu CSS pada dasarnya.

923
00:46:14,580 --> 00:46:15,880
Ben, adakah anda mempunyai soalan?

924
00:46:15,880 --> 00:46:16,880
>> PENONTON: Apakah div?

925
00:46:16,880 --> 00:46:20,039
>> Allison Buchholtz-AU: div
hanya a-- apa div?

926
00:46:20,039 --> 00:46:20,830
PENONTON: Bahagian.

927
00:46:20,830 --> 00:46:22,121
Allison Buchholtz-AU: Bahagian.

928
00:46:22,121 --> 00:46:25,960
Ya, itu hanya seperti
memisahkan unsur-unsur yang berbeza.

929
00:46:25,960 --> 00:46:28,650
OK, jadi di sini adalah apa yang kita
akan masuk ke depan.

930
00:46:28,650 --> 00:46:31,550
Jadi ini tidak boleh menjadi yang terbaik
gaya kerana, jika anda notis

931
00:46:31,550 --> 00:46:37,681
kita mempunyai HTML dan kemudahan seperti di muka surat yang sama,
dan kita benar-benar ingin memisahkan mereka,

932
00:46:37,681 --> 00:46:38,180
OK?

933
00:46:38,180 --> 00:46:41,620
Dan sebenarnya, biarlah saya
membuka satu hak saya

934
00:46:41,620 --> 00:46:45,990
kerana hal ini seharusnya menjadi
PDF, jadi kami mempunyai style.css.

935
00:46:45,990 --> 00:46:51,210
>> Jadi apa yang boleh kita lakukan di sini adalah ini
adalah perkara-perkara yang sejuk seperti beberapa pudar

936
00:46:51,210 --> 00:46:55,550
dan kita boleh cuba melakukan hal itu, tetapi saya rasa
seperti aku akan mengacaukan yang dengan cepat,

937
00:46:55,550 --> 00:46:58,520
jadi saya menggalakkan anda semua untuk
pergi cuba yang pada anda sendiri,

938
00:46:58,520 --> 00:47:00,310
tetapi saya tidak akan melakukannya sekarang.

939
00:47:00,310 --> 00:47:03,790
Jadi jika anda semua, ingat,
jika anda pernah memukul set masalah,

940
00:47:03,790 --> 00:47:05,584
sesuatu swoops dari samping.

941
00:47:05,584 --> 00:47:08,000
Ia mempunyai kaitan dengan pudar dan
peralihan dan barang kecil.

942
00:47:08,000 --> 00:47:09,630
>> PENONTON: Dan itu semua CSS dan HTML?

943
00:47:09,630 --> 00:47:11,460
>> Allison Buchholtz-AU: Semua CSS dan HTML.

944
00:47:11,460 --> 00:47:12,420
Yeah.

945
00:47:12,420 --> 00:47:17,720
Jadi, anda boleh melakukan banyak benar-benar
perkara yang sejuk dengan CSS dan HTML.

946
00:47:17,720 --> 00:47:22,280
Jadi dengan kami awesome
Laman web kelinci di sini, kita

947
00:47:22,280 --> 00:47:25,240
akan melakukan sedikit
sedikit gaya CSS dengannya.

948
00:47:25,240 --> 00:47:28,850
>> Jadi jika anda pernah mempunyai gaya
lembaran, yang kita ada di sini,

949
00:47:28,850 --> 00:47:30,550
Anda hanya boleh memanggil style.css.

950
00:47:30,550 --> 00:47:32,090
Anda boleh memanggil ia apa sahaja yang anda mahu.

951
00:47:32,090 --> 00:47:37,110
Apa yang penting ialah bahawa kita akan
rujukan dalam web.html kami di sini.

952
00:47:37,110 --> 00:47:41,670
>> Jadi apa yang kita akan lakukan adalah
we-- jadi saya tidak melakukan kekacauan ini up--

953
00:47:41,670 --> 00:47:46,180
kita akan menghubungkan
kedua-dua fail bersama-sama.

954
00:47:46,180 --> 00:47:49,340
Jadi dalam way-- yang sama saya akan
untuk menarik analogi kepada C di sini.

955
00:47:49,340 --> 00:47:53,510
Dengan cara yang sama bahawa jika anda mempunyai
beberapa library-- dan kami mempunyai cs50.h--

956
00:47:53,510 --> 00:47:55,520
pengkompil kami menghubungkan ia.

957
00:47:55,520 --> 00:47:58,040
Ini hanyalah sebuah eksplisit
link di pihak kita.

958
00:47:58,040 --> 00:48:01,840
Jadi dengan cara yang sama yang kita lakukan
hash termasuk beberapa fail, apa yang

959
00:48:01,840 --> 00:48:06,890
Saya akan menulis adalah hanya
HTML / CSS sama dengan itu.

960
00:48:06,890 --> 00:48:11,970
>> Kami hanya berkata, OK, laman web ini
akan menggunakan stylesheet ini, OK?

961
00:48:11,970 --> 00:48:23,360
Jadi kita mempunyai link rel sama dengan stylesheet.

962
00:48:23,360 --> 00:48:30,870
Dan kemudian kita mempunyai jenis, css.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
Dan kemudian href sama.

965
00:48:37,060 --> 00:48:41,910

966
00:48:41,910 --> 00:48:42,860
>> OK.

967
00:48:42,860 --> 00:48:45,680
Jadi semua ini lakukan di sini ialah anda boleh
menganggap ini sebagai perkara yang sama

968
00:48:45,680 --> 00:48:47,550
sebagai hash termasuk.

969
00:48:47,550 --> 00:48:53,450
Jelas sekali ia kelihatan lebih sedikit
rumit, tetapi dalam semua kes,

970
00:48:53,450 --> 00:48:55,370
itu berkesan perkara yang sama.

971
00:48:55,370 --> 00:49:00,940
Jadi, ini adalah hanya beberapa pautan dari
lembaran gaya, itu jenis text / css,

972
00:49:00,940 --> 00:49:02,875
dan nama itu adalah style.css.

973
00:49:02,875 --> 00:49:05,560
>> Apa yang penting untuk mengetahui
adalah bahawa laman web

974
00:49:05,560 --> 00:49:09,155
bahawa saya bekerja dengan baik sekarang-- web.html
dan style.css-- berada dalam folder yang sama.

975
00:49:09,155 --> 00:49:14,740
Kerana dalam folder yang berbeza,
Anda perlu memberikan akar sebenar

976
00:49:14,740 --> 00:49:17,480
kepadanya atau laluan kepadanya.

977
00:49:17,480 --> 00:49:20,620
Tetapi dalam kes ini, kita menjaganya agar tetap
super mudah dan ia akan berada di sini.

978
00:49:20,620 --> 00:49:26,730
Jadi jika kita melakukan itu, saya mempunyai beberapa
hal yang sudah beratur di sini.

979
00:49:26,730 --> 00:49:31,680
>> Oleh itu, kita mempunyai beberapa badan, yang akan
mempunyai warna latar belakang kita, yang

980
00:49:31,680 --> 00:49:33,320
sekarang ialah biru muda.

981
00:49:33,320 --> 00:49:36,850
Kita boleh mengubahnya jika kami mahu, tetapi
jika saya ingat ini dengan betul,

982
00:49:36,850 --> 00:49:39,270
ia hanya perlu mengubahnya ke biru muda.

983
00:49:39,270 --> 00:49:42,050
Dan sekarang kita mempunyai latar belakang biru muda.

984
00:49:42,050 --> 00:49:47,490
Dan kita mempunyai di sini-boleh ada yang ingat
mana yang ID hash atau kelas?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> PENONTON: ID.

987
00:49:51,080 --> 00:49:51,800
>> Allison Buchholtz-AU: ID.

988
00:49:51,800 --> 00:49:52,420
Sejuk.

989
00:49:52,420 --> 00:49:58,920
Jadi apa yang ingin kita lakukan
adalah yang dari font ini

990
00:49:58,920 --> 00:50:01,534
atau yang- kita ingin "Lihatlah
bunny comel "menjadi ungu?

991
00:50:01,534 --> 00:50:02,950
Saya rasa kita ingin hal itu menjadi ungu.

992
00:50:02,950 --> 00:50:04,640
Saya agak ke bawah dengan itu menjadi ungu.

993
00:50:04,640 --> 00:50:08,790
>> Jadi apa yang anda lakukan adalah anda lakukan
ID equals-- dalam hal ini

994
00:50:08,790 --> 00:50:13,630
Saya berkata, apa yang, warna cantik di sini.

995
00:50:13,630 --> 00:50:14,780
Kami reload.

996
00:50:14,780 --> 00:50:17,460
Tiba-tiba, ia adalah ungu.

997
00:50:17,460 --> 00:50:20,680
OK, jadi dengan ID, ingat
ia perlu menjadi unik,

998
00:50:20,680 --> 00:50:24,370
jadi saya tidak boleh menggunakan
ID ini di tempat lain.

999
00:50:24,370 --> 00:50:27,760
Tetapi dengan kelas, seperti yang telah kita
di sini dengan font yang cantik,

1000
00:50:27,760 --> 00:50:30,300
Saya harus dapat menggunakan
bahawa mana-mana sahaja saya mahu.

1001
00:50:30,300 --> 00:50:33,160
>> Jadi mari kita buat satu ini di sini.

1002
00:50:33,160 --> 00:50:41,100
Jadi kita boleh mengatakan kelas sama fon cantik.

1003
00:50:41,100 --> 00:50:46,190
Dan jika kita melihat sekarang, kita mempunyai
font cukup sejuk ini di sini.

1004
00:50:46,190 --> 00:50:49,160
Jadi mungkin saya mahu lakukan kedua-duanya.

1005
00:50:49,160 --> 00:50:52,786
OK, saya benar-benar tidak tahu jika ini adalah
akan bekerja tetapi saya mahu mencubanya.

1006
00:50:52,786 --> 00:50:54,410
Dan ini adalah bagaimana anda belajar CSS dan HTML.

1007
00:50:54,410 --> 00:50:55,660
Kau seperti, anda tahu
apa, saya mahu cuba ini.

1008
00:50:55,660 --> 00:50:56,430
Saya tidak pasti jika ia akan bekerja.

1009
00:50:56,430 --> 00:50:57,346
Mari kita lihat apakah ia bekerja.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> Dan lihat itu.

1012
00:51:01,540 --> 00:51:04,540
Sekarang ia dalam ungu dan
itu adalah font yang cantik.

1013
00:51:04,540 --> 00:51:08,692
OK, jadi anda mempunyai semua ini
perkara yang berbeza yang boleh anda lakukan.

1014
00:51:08,692 --> 00:51:09,650
Adakah anda mempunyai soalan?

1015
00:51:09,650 --> 00:51:10,275
>> PENONTON: Ya.

1016
00:51:10,275 --> 00:51:13,280
Yah, hanya suka warna
Anda menggunakan kata-kata.

1017
00:51:13,280 --> 00:51:16,005
Apakah ada cara untuk melakukan warna
dengan perenambelasan RGB?

1018
00:51:16,005 --> 00:51:18,880
Allison Buchholtz-AU: Anda juga boleh
melakukannya dengan heksadesimal, saya percaya.

1019
00:51:18,880 --> 00:51:19,803
Yeah.

1020
00:51:19,803 --> 00:51:22,136
Tapi itu jenis yang baik jika anda
tidak mahu melihat mereka.

1021
00:51:22,136 --> 00:51:23,762
Anda hanya boleh menjadi seperti, ungu atau biru.

1022
00:51:23,762 --> 00:51:25,720
PENONTON: Mari kita berharap mereka
tahu apa yang bermakna.

1023
00:51:25,720 --> 00:51:26,886
Allison Buchholtz-AU: Benar.

1024
00:51:26,886 --> 00:51:29,580
Jadi mari kita membuat membaca ini atau hijau kekuning-kuningan.

1025
00:51:29,580 --> 00:51:32,060
Mengapa Anda pernah memilih minuman keras manis?

1026
00:51:32,060 --> 00:51:33,340
Ini adalah warna yang menarik.

1027
00:51:33,340 --> 00:51:37,355
>> OK, jadi jelas kita dapat melihat kita
boleh mengubah keadaan tetapi kami mahu.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
Jika anda ingin create-- katakanlah
kami ingin membuat kelas lain.

1030
00:51:45,392 --> 00:51:46,850
Apa yang mungkin anda semua ingin berubah?

1031
00:51:46,850 --> 00:51:51,840
Jika anda menarik W3Schools '
Dokumentasi CSS,

1032
00:51:51,840 --> 00:51:54,450
Saya meninggalkan lantai untuk kalian.

1033
00:51:54,450 --> 00:51:57,990
Kita boleh mencuba dan melakukan sesuatu yang sejuk dengan
ini dalam beberapa minit terakhir.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
Kerana saya sudah semacam anda
crash kursus banyak perkara yang sejuk

1036
00:52:03,150 --> 00:52:03,970
yang boleh anda lakukan.

1037
00:52:03,970 --> 00:52:09,956
Tetapi pada akhirnya, seperti yang saya katakan, jika anda
hanya percubaan, anda akan belajar banyak.

1038
00:52:09,956 --> 00:52:12,212
>> PENONTON: Adakah anda mencari font yang?

1039
00:52:12,212 --> 00:52:14,295
>> Allison Buchholtz-AU: Ya,
Saya melihat ke atas font.

1040
00:52:14,295 --> 00:52:17,200
Jadi seperti benar-benar, saya
pergi kepada- apa yang saya lakukan?

1041
00:52:17,200 --> 00:52:22,371
Saya lakukan daftar font CSS, dan
kemudian saya lakukan tumpukan fon,

1042
00:52:22,371 --> 00:52:25,120
dan kemudian aku seperti, melihat, di sini
semua font sejuk yang boleh anda lakukan.

1043
00:52:25,120 --> 00:52:28,180
Dan ada satu ini, jadi
Saya menyalin ke clipboard saya.

1044
00:52:28,180 --> 00:52:31,820
Dan kemudian aku seperti,
OK, sejuk, di sana kita pergi.

1045
00:52:31,820 --> 00:52:32,320
Semua dilakukan.

1046
00:52:32,320 --> 00:52:35,920
>> PENONTON: Jadi anda perlu memastikan
CSS yang tahu apa font yang.

1047
00:52:35,920 --> 00:52:37,370
>> Allison Buchholtz-AU: Ya.

1048
00:52:37,370 --> 00:52:38,190
>> PENONTON: Apa yang ia katakan di akhir?

1049
00:52:38,190 --> 00:52:38,790
Kursif?

1050
00:52:38,790 --> 00:52:40,040
>> Allison Buchholtz-AU: Cursive.

1051
00:52:40,040 --> 00:52:40,950
Yeah.

1052
00:52:40,950 --> 00:52:42,310
>> PENONTON: Imej latar belakang.

1053
00:52:42,310 --> 00:52:43,290
>> Allison Buchholtz-AU: Imej latar belakang.

1054
00:52:43,290 --> 00:52:44,180
OK.

1055
00:52:44,180 --> 00:52:46,490
Jadi, anda mahu untuk memberitahu saya bagaimana untuk melakukan ini.

1056
00:52:46,490 --> 00:52:47,390
Saya meninggalkan ini kepada anda.

1057
00:52:47,390 --> 00:52:49,070
Saya hanya menaip di sini sekarang.

1058
00:52:49,070 --> 00:52:51,714
Roda adalah di tangan anda.

1059
00:52:51,714 --> 00:52:52,660
>> PENONTON: OK

1060
00:52:52,660 --> 00:52:53,701
>> Allison Buchholtz-AU: OK.

1061
00:52:53,701 --> 00:52:54,720
Apa yang saya lakukan?

1062
00:52:54,720 --> 00:53:02,929
>> PENONTON: Doing-- saya tahu apa yang
datang selepas brace keriting.

1063
00:53:02,929 --> 00:53:03,970
Allison Buchholtz-AU: OK.

1064
00:53:03,970 --> 00:53:06,707
Jadi mungkin dalam tubuh, saya
akan mengambil alih, kerana kami

1065
00:53:06,707 --> 00:53:08,040
lakukan dengan imej latar belakang.

1066
00:53:08,040 --> 00:53:08,940
>> PENONTON: Ya, mari kita lakukan itu.

1067
00:53:08,940 --> 00:53:09,981
>> Allison Buchholtz-AU: OK.

1068
00:53:09,981 --> 00:53:14,260
PENONTON: OK, jadi latar belakang
usus besar, dan kemudian kita

1069
00:53:14,260 --> 00:53:16,894
memerlukan alamat URL imej itu.

1070
00:53:16,894 --> 00:53:18,560
Mungkin pseudo-kod yang buat masa ini, mungkin.

1071
00:53:18,560 --> 00:53:20,601
>> Allison Buchholtz-AU: Apa
Anda ingin saya supaya-

1072
00:53:20,601 --> 00:53:22,574
PENONTON: Saya berfikir seperti GIF.

1073
00:53:22,574 --> 00:53:23,740
Allison Buchholtz-AU: GIF A?

1074
00:53:23,740 --> 00:53:26,070
Itu akan menjadi menarik.

1075
00:53:26,070 --> 00:53:27,840
OK, apa yang saya Googling di sini?

1076
00:53:27,840 --> 00:53:29,670
>> PENONTON: Tidak, itu pilihan anda.

1077
00:53:29,670 --> 00:53:32,090
>> Allison Buchholtz-AU: Mengapa
tidak we-- jika itu kelinci,

1078
00:53:32,090 --> 00:53:35,610
Saya rasa seperti kita harus mempunyai
rumput berumput yang bagus atau sesuatu.

1079
00:53:35,610 --> 00:53:38,275
>> PENONTON: Meadow.

1080
00:53:38,275 --> 00:53:39,350
Padang rumput.

1081
00:53:39,350 --> 00:53:40,641
>> Allison Buchholtz-AU: padang rumput A?

1082
00:53:40,641 --> 00:53:41,851
OK.

1083
00:53:41,851 --> 00:53:42,975
PENONTON: Atau Rachel Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
Allison Buchholtz-AU:
Yang ini kelihatan cantik.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
Oh, itu kecil, walaupun.

1088
00:53:50,380 --> 00:53:51,700
Kita perlu gambar saiz yang baik.

1089
00:53:51,700 --> 00:53:53,142
Mari kita lihat.

1090
00:53:53,142 --> 00:53:54,570
Oh, lihat.

1091
00:53:54,570 --> 00:53:55,630
Itu merupakan padang rumput yang cantik.

1092
00:53:55,630 --> 00:53:58,320
Anda tahu apa, saya seperti ini.

1093
00:53:58,320 --> 00:53:59,300
Mari kita menyalin satu ini.

1094
00:53:59,300 --> 00:54:08,020
>> PENONTON: OK, jadi saya rasa ia
URL, kurungan terbuka.

1095
00:54:08,020 --> 00:54:09,590
>> Allison Buchholtz-AU: OK, URL.

1096
00:54:09,590 --> 00:54:11,500
>> PENONTON: Kemudian alamat.

1097
00:54:11,500 --> 00:54:13,610
>> Allison Buchholtz-AU: OK.

1098
00:54:13,610 --> 00:54:14,750
Adakah itu yang kita perlukan?

1099
00:54:14,750 --> 00:54:20,550
>> PENONTON: Tutup kurungan koma,
dan kemudian ruang, latar belakang sempang

1100
00:54:20,550 --> 00:54:27,050
lampiran kolon tetap, dan pendakap kerinting.

1101
00:54:27,050 --> 00:54:28,110
>> Allison Buchholtz-AU: OK.

1102
00:54:28,110 --> 00:54:29,114
Mari kita lihat apakah yang bekerja.

1103
00:54:29,114 --> 00:54:30,780
Ia akan menjadi cukup keren jika itu terjadi.

1104
00:54:30,780 --> 00:54:33,880
Saya teruja sebenar di sini.

1105
00:54:33,880 --> 00:54:35,070
Ia tidak berjaya.

1106
00:54:35,070 --> 00:54:35,700
Saya tertanya-tanya mengapa.

1107
00:54:35,700 --> 00:54:37,700
PENONTON: Mungkin URL
harus dalam kutipan.

1108
00:54:37,700 --> 00:54:38,866
Allison Buchholtz-AU: Mungkin.

1109
00:54:38,866 --> 00:54:41,520
Dan ini adalah bagaimana kita belajar, guys.

1110
00:54:41,520 --> 00:54:44,340
>> PENONTON: Bolehkah kita mempunyai latar belakang
warna dan imej latar belakang?

1111
00:54:44,340 --> 00:54:45,390
>> PENONTON: No.

1112
00:54:45,390 --> 00:54:46,550
Salah satu menggantikan yang lain.

1113
00:54:46,550 --> 00:54:46,960
>> Allison Buchholtz-AU: Saya tak tahu.

1114
00:54:46,960 --> 00:54:47,460
Mari kita lihat.

1115
00:54:47,460 --> 00:54:48,860
Mari kita check it out dan melihat.

1116
00:54:48,860 --> 00:54:51,567
>> PENONTON: Oh, mungkin, ya.

1117
00:54:51,567 --> 00:54:52,400
[Interposing SUARA]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> Allison Buchholtz-AU: OK, ini adalah
obviously-- saya [didengar] di sini.

1120
00:55:03,260 --> 00:55:04,927
Jadi OK.

1121
00:55:04,927 --> 00:55:06,260
PENONTON: alat Latar Belakang.

1122
00:55:06,260 --> 00:55:07,301
Allison Buchholtz-AU: Ah.

1123
00:55:07,301 --> 00:55:12,096

1124
00:55:12,096 --> 00:55:13,946
>> PENONTON: OK, saya tidak tahu.

1125
00:55:13,946 --> 00:55:16,070
Allison Buchholtz-AU: Ia
kelihatan seperti ia harus bekerja.

1126
00:55:16,070 --> 00:55:19,074
Adakah anda yakin itu usus selepas URL?

1127
00:55:19,074 --> 00:55:20,439
>> PENONTON: Tidak, itu titik koma.

1128
00:55:20,439 --> 00:55:21,980
Allison Buchholtz-AU: Ini titik koma.

1129
00:55:21,980 --> 00:55:22,530
PENONTON: Adakah saya katakan usus besar?

1130
00:55:22,530 --> 00:55:24,155
Allison Buchholtz-AU: Anda mengatakan titik dua.

1131
00:55:24,155 --> 00:55:26,222
PENONTON: Oh tidak.

1132
00:55:26,222 --> 00:55:27,680
Allison Buchholtz-AU: Terdapat anda pergi.

1133
00:55:27,680 --> 00:55:29,350
PENONTON: Oh, tunggu, sekarang
kita tidak boleh membaca teks.

1134
00:55:29,350 --> 00:55:30,320
Allison Buchholtz-AU: Sekarang
Anda tidak boleh membaca teks,

1135
00:55:30,320 --> 00:55:32,740
tetapi kita mempunyai imej latar belakang.

1136
00:55:32,740 --> 00:55:33,300
Mmhmm?

1137
00:55:33,300 --> 00:55:35,220
>> PENONTON: Adakah HTML
menyokong kandungan dinamik?

1138
00:55:35,220 --> 00:55:39,070
Seperti, anda boleh menukar saiz gambar yang
bergantung kepada saiz tingkap,

1139
00:55:39,070 --> 00:55:39,890
atau ialah CSS-- yang

1140
00:55:39,890 --> 00:55:41,723
>> Allison Buchholtz-AU:
Jadi CSS mempunyai untuk melakukan itu.

1141
00:55:41,723 --> 00:55:45,210
Oleh itu, jika kalian berminat
dalam belajar CSS maju,

1142
00:55:45,210 --> 00:55:50,789
Saya bersama-mengajar
seminar mengenai CSS pada 7.

1143
00:55:50,789 --> 00:55:52,580
Dan saya berjanji ia akan
jauh lebih mendalam

1144
00:55:52,580 --> 00:55:55,220
dan melakukan lebih banyak lagi sejuk
perkara di bahagian ini.

1145
00:55:55,220 --> 00:55:59,234
Dan bersama-guru saya adalah seperti
jumlah akhir hadapan web master Dev.

1146
00:55:59,234 --> 00:56:02,150
Jadi ia akan menjadi cukup keren jika anda mahu
untuk belajar tentang semua perkara-perkara yang sejuk

1147
00:56:02,150 --> 00:56:03,960
CSS yang boleh dilakukan.

1148
00:56:03,960 --> 00:56:06,860
>> Tetapi apa yang kita ada di sini dengan
lampiran latar belakang

1149
00:56:06,860 --> 00:56:13,330
fixed-- sehingga beberapa Size-- tetap
tetapi anda sebenarnya boleh dynamically--

1150
00:56:13,330 --> 00:56:17,610
jika anda pernah lihat halaman web, sebagai
laman web yang paling baik yang akan dilakukan,

1151
00:56:17,610 --> 00:56:19,470
apabila anda melaraskan
saiz pelayar anda,

1152
00:56:19,470 --> 00:56:23,980
ia akan menyesuaikan latar belakang atau berapa banyak
menunjukkan atau memformat perkara, bukan?

1153
00:56:23,980 --> 00:56:27,100
Jadi itulah yang kita panggil
kedudukan relatif.

1154
00:56:27,100 --> 00:56:33,410
>> Dan CSS sebenarnya boleh merebut seberapa besar anda
lebar browser atau berapa tinggi itu adalah,

1155
00:56:33,410 --> 00:56:37,970
dan anda boleh meletakkan perkara-perkara
sesuai dengan ukuran yang relatif

1156
00:56:37,970 --> 00:56:40,420
berbanding ukuran mutlak.

1157
00:56:40,420 --> 00:56:44,920
Dan itu jelas lebih maju
CSS, tetapi itu adalah sesuatu yang boleh anda lakukan.

1158
00:56:44,920 --> 00:56:47,390
Jika anda mahu belajar
lanjut, datang ke seminar saya.

1159
00:56:47,390 --> 00:56:50,540
>> Jadi itu adalah sesuatu yang boleh anda lakukan.

1160
00:56:50,540 --> 00:56:54,450
Dan CSS boleh sebenarnya
do-- CSS dan JavaScript,

1161
00:56:54,450 --> 00:56:58,790
yang kita akan masuk ke depan week--
boleh membenarkan anda untuk menukar dinamik

1162
00:56:58,790 --> 00:57:02,160
halaman tanpa harus
kembali mereka sepanjang masa.

1163
00:57:02,160 --> 00:57:04,590
Dan anda boleh melakukan beberapa
hal yang cukup sejuk.

1164
00:57:04,590 --> 00:57:09,317
>> Jadi apakah ada perkara lain
yang kalian mungkin ingin melakukan

1165
00:57:09,317 --> 00:57:10,650
atau apa sahaja yang anda ingin menjelajahi?

1166
00:57:10,650 --> 00:57:12,900
Kami mempunyai 10 minit kiri.

1167
00:57:12,900 --> 00:57:19,010
Kita juga boleh pulang awal, tetapi jika
Anda ingin melakukan hal-hal lagi web,

1168
00:57:19,010 --> 00:57:20,960
kita boleh, tetapi saya tidak
akan memaksa anda.

1169
00:57:20,960 --> 00:57:23,510
Tetapi kita boleh juga hanya makan gula-gula.

1170
00:57:23,510 --> 00:57:25,760
PENONTON: Serlahkan teks
putih supaya anda boleh membacanya.

1171
00:57:25,760 --> 00:57:27,680
Allison Buchholtz-AU: OK.

1172
00:57:27,680 --> 00:57:33,389
Jadi dalam hal ini, kami ingin beberapa hal.

1173
00:57:33,389 --> 00:57:36,305
PENONTON: Haruskah kita melakukannya di
badan sehingga berlaku untuk seluruh halaman?

1174
00:57:36,305 --> 00:57:38,096
Allison Buchholtz-AU:
Ya, kami benar-benar dapat.

1175
00:57:38,096 --> 00:57:40,880
Itu idea yang baik.

1176
00:57:40,880 --> 00:57:43,420
Oleh itu, kita have-- adakah anda
tahu apa yang kita perlu?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
Saya tidak tahu apakah yang boleh kita lakukan warna teks.

1179
00:57:50,260 --> 00:57:54,946
Saya akan cuba
membuat kelas lain di sini.

1180
00:57:54,946 --> 00:57:58,394
>> PENONTON: Bagaimana anda mendapat begitu
bahawa ia mempunyai cadangan?

1181
00:57:58,394 --> 00:58:00,560
Allison Buchholtz-AU: Jadi
jika kalian berminat,

1182
00:58:00,560 --> 00:58:03,480
ini adalah teks lain
editor dipanggil Sublime.

1183
00:58:03,480 --> 00:58:07,180
Anda harus dapat
memasangnya pada alat anda.

1184
00:58:07,180 --> 00:58:08,659
Kadang-kadang ia menjadi sedikit rumit.

1185
00:58:08,659 --> 00:58:10,950
Jika anda ingin membantu dengan itu,
Aku super gembira untuk membantu anda

1186
00:58:10,950 --> 00:58:14,720
dengan itu, kerana gedit besar dan
ia menggerunkan kerana anda boleh compile

1187
00:58:14,720 --> 00:58:17,790
di bahagian bawah, tetapi saya benar-benar
seperti Sublime kerana ia cukup

1188
00:58:17,790 --> 00:58:19,498
dan ia melakukan perkara-perkara
seperti auto-lengkap.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> Jadi, anda pasti dapat merasa bebas untuk
beritahu saya jika anda mahu melakukan itu.

1191
00:58:26,890 --> 00:58:28,940
Jika anda hanya google "Sublime
teks, "ia biasanya

1192
00:58:28,940 --> 00:58:32,860
mempunyai arahan mengenai cara untuk memasang
pada berbagai sistem operasi.

1193
00:58:32,860 --> 00:58:37,590
Ia adalah benar-benar sejuk, saya
berfikir, pada pendapat saya.

1194
00:58:37,590 --> 00:58:38,355
Jadi hal.

1195
00:58:38,355 --> 00:58:45,616
Saya rasa saya hanya boleh melakukan text-- atau
kita hanya boleh melakukan warna "putih."

1196
00:58:45,616 --> 00:58:47,050
Ada.

1197
00:58:47,050 --> 00:58:50,770
>> Jadi apa yang saya lakukan di sini adalah saya yang
tidak berubah semua teks.

1198
00:58:50,770 --> 00:58:54,040
Tetapi p di sini hanyalah sebuah
tag yang kita ada, kan?

1199
00:58:54,040 --> 00:58:55,450
Tag ayat.

1200
00:58:55,450 --> 00:59:00,380
Jadi saya hanya mencipta elemen CSS yang
berkata, OK, apa-apa dengan tag ini

1201
00:59:00,380 --> 00:59:02,510
p, membuat warna putih.

1202
00:59:02,510 --> 00:59:05,690
>> Jadi, jika anda perhatikan, ia dibuat
putih dan putih ini.

1203
00:59:05,690 --> 00:59:09,100
Ia tidak membuat senarai putih kerana
ia tidak berkaitan dengan itu.

1204
00:59:09,100 --> 00:59:11,180
Anda boleh pergi melalui dan anda boleh say--

1205
00:59:11,180 --> 00:59:11,860
>> PENONTON: Apakah warna latar belakang.

1206
00:59:11,860 --> 00:59:12,660
>> Allison Buchholtz-AU: Warna latar belakang?

1207
00:59:12,660 --> 00:59:15,660
>> PENONTON: Latar belakang paip di
warna di mana anda meletakkan p tag.

1208
00:59:15,660 --> 00:59:16,701
>> Allison Buchholtz-AU: OK.

1209
00:59:16,701 --> 00:59:21,980

1210
00:59:21,980 --> 00:59:22,804
Anda inginkan kulit putih?

1211
00:59:22,804 --> 00:59:23,470
PENONTON: Mmhmm.

1212
00:59:23,470 --> 00:59:25,070
Allison Buchholtz-AU: OK.

1213
00:59:25,070 --> 00:59:26,342
Terdapat anda pergi.

1214
00:59:26,342 --> 00:59:27,300
PENONTON: Itu yang pelik.

1215
00:59:27,300 --> 00:59:29,190
Allison Buchholtz-AU:
Cukup sejuk, kan?

1216
00:59:29,190 --> 00:59:31,640
Jadi jika anda hanya main-main,
Anda akan belajar banyak.

1217
00:59:31,640 --> 00:59:34,720
Dan ia boleh menjadi cukup sejuk.

1218
00:59:34,720 --> 00:59:37,312
Saya rasa ia pasti lebih
menyenangkan daripada kadang-kadang

1219
00:59:37,312 --> 00:59:39,770
kerana anda tidak perlu menunggu
untuk program anda untuk menyusun.

1220
00:59:39,770 --> 00:59:41,895
Anda hanya boleh memukul Muat semula
dan anda seperti, oh, lihat,

1221
00:59:41,895 --> 00:59:44,276
ia bekerja, atau oh, saya
mungkin kehilangan sesuatu.

1222
00:59:44,276 --> 00:59:47,359
Dan itu adalah sesuatu yang benar-benar
sejuk tentang bahagian ini seterusnya kelas,

1223
00:59:47,359 --> 00:59:49,250
adalah ia pasti, saya
fikir, lebih mudah untuk memeriksa

1224
00:59:49,250 --> 00:59:52,640
seperti yang anda pergi bersama-sama dengan cara yang berbanding
harus menulis program-program lama

1225
00:59:52,640 --> 00:59:57,830
dan berharap dan berdoa
bahawa ia berfungsi di akhir.

1226
00:59:57,830 --> 01:00:01,960
>> Maka dengan itu, saya fikir
kalian semua kelihatan baik.

1227
01:00:01,960 --> 01:00:05,360
Jika anda mempunyai sebarang soalan, seperti biasa,
datang bercakap dengan saya, datang beritahu saya.

1228
01:00:05,360 --> 01:00:08,180
Saya akan tepat di luar
selama 15 minit akan datang

1229
01:00:08,180 --> 01:00:11,340
jika anda mahu untuk berbual mengenai
apa-apa dan segala-galanya.

1230
01:00:11,340 --> 01:00:13,530
>> Jadi saya harap anda guys--
semoga berjaya dengan Serangga ini.

1231
01:00:13,530 --> 01:00:18,150
Tarikh akhir ialah Jumaat di tengah hari
kerana ia telah dibebaskan lewat.

1232
01:00:18,150 --> 01:00:21,220
Jadi saya mungkin akan melihat
banyak dari kalian pada hari Khamis,

1233
01:00:21,220 --> 01:00:21,970
tapi mudah-mudahan tidak.

1234
01:00:21,970 --> 01:00:23,386
Mungkin anda akan mempunyai ia dilakukan pada masa itu.

1235
01:00:23,386 --> 01:00:24,440
Saya akan super bangga.

1236
01:00:24,440 --> 01:00:26,410
>> Tetapi jika tidak, saya akan melihat anda hari ini.

1237
01:00:26,410 --> 01:00:30,030
Anda juga boleh menggunakan tarikh akhir, yang
meluas hingga Sabtu pada siang hari.

1238
01:00:30,030 --> 01:00:31,730
Tetapi saya don't-- ya?

1239
01:00:31,730 --> 01:00:32,580
>> PENONTON: Halloween.

1240
01:00:32,580 --> 01:00:34,538
>> Allison Buchholtz-AU:
Ia adalah Halloween, a, dan b,

1241
01:00:34,538 --> 01:00:37,050
Saya tidak fikir akan ada
menjadi waktu pejabat pada hari Jumaat.

1242
01:00:37,050 --> 01:00:40,920
Jadi benar-benar cuba menyelesaikannya dengan
Jumaat supaya kita semua dapat merayakan

1243
01:00:40,920 --> 01:00:42,010
Hujung minggu keramat.

1244
01:00:42,010 --> 01:00:44,670
Baiklah, saya akan melihat kalian minggu depan.

1245
01:00:44,670 --> 01:00:45,888