1
00:00:00,000 --> 00:00:02,150
>> DAVID Malan: Què tal un
pàgina web amb una imatge?

2
00:00:02,150 --> 00:00:05,560
Suposem que, en, anticipació, no tinc
ja descarregat un arxiu JPEG d'una imatge

3
00:00:05,560 --> 00:00:07,290
d'Internet, per exemple, un gat.

4
00:00:07,290 --> 00:00:08,650
L'Internet és ple d'ells.

5
00:00:08,650 --> 00:00:10,710
I jo he posat això en
el meu directori públic.

6
00:00:10,710 --> 00:00:13,030
En aquest mateix directori públic,
crearem una pàgina anomenada

7
00:00:13,030 --> 00:00:15,630
Image.html de la següent manera.

8
00:00:15,630 --> 00:00:18,390
>> Jo ja he aconseguit les coses van començar aquí
en gedit amb algunes etiquetes d'obertura i

9
00:00:18,390 --> 00:00:19,540
algunes etiquetes de tancament.

10
00:00:19,540 --> 00:00:23,330
A l'interior del cos, llavors d'aquesta pàgina,
fem-ho parèntesi obert, imatge -

11
00:00:23,330 --> 00:00:25,640
només img, però, no és la paraula completa -

12
00:00:25,640 --> 00:00:27,940
espai alt iguals.

13
00:00:27,940 --> 00:00:31,400
alt em permet proporcionar un text alternatiu
d'aquesta imatge, per si de cas la

14
00:00:31,400 --> 00:00:34,360
usuari no pot veure realment la imatge
Estic a punt de donar.

15
00:00:34,360 --> 00:00:38,930
Així que anem a simplement descriure aquest
imatge com un gat rondinaire.

16
00:00:38,930 --> 00:00:42,490
I ara anem a especificar que la
font d'aquesta imatge, l'original -

17
00:00:42,490 --> 00:00:46,070
així que de nou, no la plena
paraula, només src -

18
00:00:46,070 --> 00:00:50,800
iguals cometes, tanca, "cat.jpg",
que al seu torn, és l'arxiu de fet en

19
00:00:50,800 --> 00:00:54,220
avanç que he descarregat en
aquesta guia pública.

20
00:00:54,220 --> 00:00:58,860
>> Ara anem a tancar les cometes i
tancar l'etiqueta de la següent manera.

21
00:00:58,860 --> 00:01:02,650
Tingueu en compte que per a una imatge, no hi ha
Realment no hi ha noció de començar una imatge

22
00:01:02,650 --> 00:01:03,710
i aturar una imatge.

23
00:01:03,710 --> 00:01:05,560
És o no, o no ho és.

24
00:01:05,560 --> 00:01:09,715
Així que se sent una mica estrany
en realitat tenir una etiqueta de tancament explícita o

25
00:01:09,715 --> 00:01:11,250
etiqueta de tancament per a aquesta etiqueta d'imatge.

26
00:01:11,250 --> 00:01:15,650
Així HTML ens permet obrir i tancar
l'etiqueta de forma simultània, amb només

27
00:01:15,650 --> 00:01:19,870
inclosa la barra inclinada a la
final de l'etiqueta d'inici, encara

28
00:01:19,870 --> 00:01:21,880
dins dels parèntesis angulars.

29
00:01:21,880 --> 00:01:24,790
>> Ara anem a guardar l'arxiu, el canvi
seva permisos, i la vista

30
00:01:24,790 --> 00:01:28,130
dins d'un navegador -

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

32
00:01:32,460 --> 00:01:42,090
Ara anem a obrir Chrome i visita
http://localhost/image.html.

33
00:01:42,090 --> 00:01:43,630
Una icona d'imatge trencada -

34
00:01:43,630 --> 00:01:45,020
Ara, per què serà?

35
00:01:45,020 --> 00:01:48,330
>> Bé, anem a fer una ullada a l'ordre
línia en si em poso aquest fet

36
00:01:48,330 --> 00:01:50,750
arxiu en el directori públic.

37
00:01:50,750 --> 00:01:55,960
Tornem a gedit, al
finestra de terminal i fer ls-l.

38
00:01:55,960 --> 00:01:57,110
I hi ha cat.jpg.

39
00:01:57,110 --> 00:01:58,790
>> Però mira els permisos de l'arxiu.

40
00:01:58,790 --> 00:02:02,410
Sembla el cas que només jo,
el propietari, pot llegir i escriure aquest

41
00:02:02,410 --> 00:02:03,460
JPEG en el moment.

42
00:02:03,460 --> 00:02:05,810
Hem de donar permisos de manera similar
a tothom per

43
00:02:05,810 --> 00:02:07,350
aquesta JPEG dia també.

44
00:02:07,350 --> 00:02:08,259
>> No és un problema -

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

46
00:02:12,460 --> 00:02:15,820
Anem a confirmar que és correcte
amb un altre ls-l.

47
00:02:15,820 --> 00:02:21,350
I de fet ara, tant cat.jpg i
Image.html tenir permisos de lectura per

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

49
00:02:22,310 --> 00:02:24,010
>> Ara anirem de tornada al navegador.

50
00:02:24,010 --> 00:02:28,560
Farem clic recàrrega o Control-R. I
hi ha, de fet, un gat malhumorat.

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