1
00:00:00,000 --> 00:00:02,150
>> DAVID MALAN: Bagaimana pula dengan
laman web dengan imej?

2
00:00:02,150 --> 00:00:05,560
Mari kita andaikan bahawa dalam, terlebih dahulu, saya telah
yang telah dimuat turun JPEG imej

3
00:00:05,560 --> 00:00:07,290
dari internet, berkata, kucing.

4
00:00:07,290 --> 00:00:08,650
Internet ini penuh dengan mereka.

5
00:00:08,650 --> 00:00:10,710
Dan saya telah meletakkan ke dalam
direktori awam saya.

6
00:00:10,710 --> 00:00:13,030
Dalam direktori awam sama,
mari kita membuat laman yang dipanggil

7
00:00:13,030 --> 00:00:15,630
image.html seperti berikut.

8
00:00:15,630 --> 00:00:18,390
>> Saya telah mendapat perkara bermula di sini
dalam gedit dengan beberapa tag terbuka dan

9
00:00:18,390 --> 00:00:19,540
beberapa tag dekat.

10
00:00:19,540 --> 00:00:23,330
Di dalam badan maka halaman ini,
mari kita buat kurungan terbuka, imej -

11
00:00:23,330 --> 00:00:25,640
hanya img, walaupun, bukan perkataan penuh -

12
00:00:25,640 --> 00:00:27,940
ruang alt sama.

13
00:00:27,940 --> 00:00:31,400
alt membolehkan saya untuk menyediakan teks ganti
untuk imej ini, hanya dalam kes yang

14
00:00:31,400 --> 00:00:34,360
pengguna tidak boleh benar-benar melihat imej
Saya kira-kira untuk menyediakan.

15
00:00:34,360 --> 00:00:38,930
Jadi mari kita hanya menggambarkan ini
imej sebagai Cat pemarah.

16
00:00:38,930 --> 00:00:42,490
Dan sekarang mari kita menentukan bahawa
sumber imej ini, src -

17
00:00:42,490 --> 00:00:46,070
jadi sekali lagi, tidak penuh
perkataan, hanya src -

18
00:00:46,070 --> 00:00:50,800
sama quote, unquote, "cat.jpg",
yang sekali lagi, adalah fail yang dilakukan dalam

19
00:00:50,800 --> 00:00:54,220
terlebih dahulu saya turun ke dalam
ini direktori awam.

20
00:00:54,220 --> 00:00:58,860
>> Sekarang mari kita menutup sebut harga dan
menutup tag seperti berikut.

21
00:00:58,860 --> 00:01:02,650
Pertimbangkan bahawa untuk imej, ada
sebenarnya tiada tanggapan memulakan imej

22
00:01:02,650 --> 00:01:03,710
dan menghentikan imej.

23
00:01:03,710 --> 00:01:05,560
Ia sama ada di sana, atau tidak.

24
00:01:05,560 --> 00:01:09,715
Jadi ia akan merasa sedikit pelik untuk
sebenarnya mempunyai tag penutup yang jelas atau

25
00:01:09,715 --> 00:01:11,250
tag akhir untuk tag imej ini.

26
00:01:11,250 --> 00:01:15,650
Jadi HTML membolehkan kita untuk membuka dan menutup
tag secara serentak, hanya dengan

27
00:01:15,650 --> 00:01:19,870
termasuk garis italik di
sangat akhir tag permulaan, masih

28
00:01:19,870 --> 00:01:21,880
bahagian dalam kurungan bersudut.

29
00:01:21,880 --> 00:01:24,790
>> Sekarang mari kita simpan fail ini, perubahan
kebenaran, dan pandangan

30
00:01:24,790 --> 00:01:28,130
ia dalam pelayar -

31
00:01:28,130 --> 00:01:32,460
chmod a + r image.html.

32
00:01:32,460 --> 00:01:42,090
Mari kita kini membuka Chrome dan lawatan
http://localhost/image.html.

33
00:01:42,090 --> 00:01:43,630
Ikon imej rosak -

34
00:01:43,630 --> 00:01:45,020
sekarang, mengapa yang mungkin?

35
00:01:45,020 --> 00:01:48,330
>> Nah, mari kita lihat arahan
line di sama ada saya memang meletakkan ini

36
00:01:48,330 --> 00:01:50,750
memfailkan di direktori awam.

37
00:01:50,750 --> 00:01:55,960
Mari kita kembali kepada gedit, ke dalam
tetingkap terminal, dan melakukan ls-l.

38
00:01:55,960 --> 00:01:57,110
Dan ada cat.jpg.

39
00:01:57,110 --> 00:01:58,790
>> Tetapi melihat kebenaran fail ini.

40
00:01:58,790 --> 00:02:02,410
Ia seolah-olah kes yang hanya saya,
pemilik, boleh membaca dan menulis ini

41
00:02:02,410 --> 00:02:03,460
JPEG pada masa ini.

42
00:02:03,460 --> 00:02:05,810
Kita perlu juga memberi kebenaran
ke seluruh dunia untuk

43
00:02:05,810 --> 00:02:07,350
JPEG hari ini juga.

44
00:02:07,350 --> 00:02:08,259
>> Bukan masalah -

45
00:02:08,259 --> 00:02:12,460
chmod a + r cat.jpg.

46
00:02:12,460 --> 00:02:15,820
Mari kita mengesahkan bahawa itulah yang betul
dengan yang lain ls-l.

47
00:02:15,820 --> 00:02:21,350
Dan sesungguhnya sekarang, kedua-dua cat.jpg dan
image.html telah membaca kebenaran untuk

48
00:02:21,350 --> 00:02:22,310
seluruh dunia.

49
00:02:22,310 --> 00:02:24,010
>> Sekarang mari kita kembali ke pelayar.

50
00:02:24,010 --> 00:02:28,560
Mari kita klik tambah nilai atau Kawalan-R. Dan
ada, sesungguhnya, kucing marah-marah.

51
00:02:28,560 --> 00:02:31,019