1
00:00:00,271 --> 00:00:01,900
Причали смо о зечевима

2
00:00:01,900 --> 00:00:05,800
све ово време,
описујући их кроз пасусе и листе,

3
00:00:05,800 --> 00:00:09,228
али, могли бисмо ставити
и слику на нашу веб страницу

4
00:00:09,228 --> 00:00:12,060
и заправо приказати како зечеви изгледају.

5
00:00:12,400 --> 00:00:16,149
Па, да би ставили слику на веб страницу,
користимо IMG таг,

6
00:00:16,149 --> 00:00:19,466
који, као што можете погодити,
потиче од речи слика (енгл. image).

7
00:00:19,466 --> 00:00:22,700
Ако само укуцамо "image"
нећемо видети ништа.

8
00:00:22,700 --> 00:00:23,966
Зашто не?

9
00:00:23,966 --> 00:00:27,511
Па, нисмо претраживачу рекли
коју слику да прикаже.

10
00:00:27,511 --> 00:00:29,284
Постоји милион слика на интернету,

11
00:00:29,284 --> 00:00:31,469
и сигурно не желимо
да се нека изабере насумице,

12
00:00:31,469 --> 00:00:33,930
пошто то може бити нека ружна
која нам се не свиђа.

13
00:00:34,699 --> 00:00:37,766
И то такође неће бити
оно што желимо да буде.

14
00:00:37,766 --> 00:00:40,925
Треба да претраживачу
проследимо URL слике.

15
00:00:40,939 --> 00:00:43,073
URL је оно што се прикаже на врху

16
00:00:43,073 --> 00:00:44,770
претраживача у адресном пољу.

17
00:00:44,770 --> 00:00:46,874
И то је оно што то јесте - адреса.

18
00:00:46,874 --> 00:00:49,301
То је начин за проналажење
неког ресурса на вебу.

19
00:00:50,485 --> 00:00:52,413
И то значи да можемо
убацити само ону слику

20
00:00:52,413 --> 00:00:54,552
која се већ налази негде на интернету.

21
00:00:54,552 --> 00:00:57,602
Не можемо просто да убацимо слике
које су само на нашем рачунару.

22
00:00:58,233 --> 00:01:00,772
Постоји много начина
да пронађемо слике на интернету,

23
00:01:00,772 --> 00:01:03,137
али смо вам ми то овде олакшали

24
00:01:03,137 --> 00:01:06,037
тако што смо направили бирач слика
из колекције фотографија.

25
00:01:06,246 --> 00:01:07,967
Да би он искочио, треба да додамо

26
00:01:07,967 --> 00:01:10,735
један атрибут нашем тагу за слику.

27
00:01:10,735 --> 00:01:12,800
Атрибут је додатно парче

28
00:01:12,800 --> 00:01:14,772
информације о тагу и ово је

29
00:01:14,772 --> 00:01:17,106
први атрибут са којим се сусрећемо.

30
00:01:17,736 --> 00:01:19,714
Да бисмо претраживачу рекли URL, ми ћемо

31
00:01:19,714 --> 00:01:22,945
додати атрибут назван:
извор (енгл: source, src).

32
00:01:22,945 --> 00:01:26,490
И додаћемо размак и онда откуцати SRC.

33
00:01:28,337 --> 00:01:30,866
Сада, то значи извор (енгл: source),
али је јако важно

34
00:01:30,866 --> 00:01:32,733
да га укуцате као SRC,
пошто ће претраживач

35
00:01:32,733 --> 00:01:35,333
то игнорисати, ако погрешимо у писању.

36
00:01:35,733 --> 00:01:38,700
Сада, треба да ставим
један знак једнакости како би рекла

37
00:01:38,700 --> 00:01:41,400
претраживачу која је вредност атрибута.

38
00:01:41,400 --> 00:01:44,925
И сада ћу додати наводнике, а едитор ће

39
00:01:44,925 --> 00:01:47,286
аутоматски додати завршне наводнике,

40
00:01:47,286 --> 00:01:51,053
како би вредности атрибута увек биле
уоквирене дуплим наводницима.

41
00:01:51,838 --> 00:01:55,833
У реду, дакле, сада би иначе почели
да уносимо наш URL,

42
00:01:55,833 --> 00:01:57,600
али овде на Кхан Академији, тада ће

43
00:01:57,600 --> 00:02:00,135
наш бирач слика искочити.

44
00:02:00,135 --> 00:02:04,024
Само ћемо изабрати слику,
а желим слику зеца,

45
00:02:04,024 --> 00:02:06,630
тако да ћу кликнути на
картицу животиња и изабраћу

46
00:02:06,630 --> 00:02:08,871
овог неодољивог зеца и кликнути OK.

47
00:02:10,238 --> 00:02:13,089
Видите ли како је ту URL
унутар наших наводника?

48
00:02:13,089 --> 00:02:16,300
И видите ли како тај URL почиње са http?

49
00:02:16,300 --> 00:02:17,666
То је како знамо да показује

50
00:02:17,666 --> 00:02:19,666
на неку слику негде на интернету.

51
00:02:19,666 --> 00:02:22,134
И хеј! Видите, ено га зека
на мојој веб страници!

52
00:02:23,226 --> 00:02:26,233
Али шта да је сервер
који складишти ту слику у квару,

53
00:02:26,233 --> 00:02:28,133
и да претраживач не може је учита?

54
00:02:28,133 --> 00:02:31,092
Како би посетилац знао шта је
на мојој феноменалној слици?

55
00:02:31,092 --> 00:02:33,401
Не би видели ништа и питали би се остатак

56
00:02:33,401 --> 00:02:35,367
својих живота шта су то пропустили.

57
00:02:35,867 --> 00:02:39,433
Баш због тога таг за слику
поседује други атрибут - ALT,

58
00:02:39,433 --> 00:02:41,066
који користимо да претраживачу кажемо

59
00:02:41,066 --> 00:02:44,108
који је алтернативни текст за слику.

60
00:02:44,108 --> 00:02:46,579
Да додамо други атрибут,
само ставимо размак

61
00:02:46,579 --> 00:02:49,510
после завршних наводника последњег.

62
00:02:49,510 --> 00:02:53,635
Затим пишемо ALT,
знак једнакости, наводнике,

63
00:02:53,635 --> 00:02:57,250
а унутар ових наводника, текст ће бити

64
00:02:57,250 --> 00:02:58,922
неки помоћни опис за слику

65
00:02:58,922 --> 00:03:03,746
попут "зец са спуштеним ушима у амбару."

66
00:03:04,858 --> 00:03:07,200
То такође помаже људима
који виде веб странице

67
00:03:07,200 --> 00:03:09,805
али их не могу заиста видети,
попут слепих.

68
00:03:09,805 --> 00:03:11,496
Они користе апликацију
која се назива читач екрана,

69
00:03:11,496 --> 00:03:13,613
који им буквално чита веб страницу,

70
00:03:13,613 --> 00:03:15,701
описујући сваки таг који види.

71
00:03:15,701 --> 00:03:18,478
Када она види таг за слику,
прочитаће алтернативни текст

72
00:03:18,478 --> 00:03:21,335
пошто слепа особа не може да види слике.

73
00:03:21,335 --> 00:03:24,317
Дакле, требали бисте увек,
увек користити алтернативни текст,

74
00:03:24,317 --> 00:03:28,076
како би цео свет могао искусити
вашу веб страницу.

75
00:03:28,900 --> 00:03:31,233
У реду, вратимо се на слику
коју можемо видети.

76
00:03:31,233 --> 00:03:32,893
Мало је велика.

77
00:03:32,893 --> 00:03:34,263
Хајде да јој променимо величину.

78
00:03:34,263 --> 00:03:36,206
Можемо урадити то са више атрибута.

79
00:03:37,037 --> 00:03:38,960
Са нашом ширином или висином.

80
00:03:38,960 --> 00:03:43,159
Рецимо, "ширина је једнака 100."

81
00:03:43,975 --> 00:03:47,171
У реду, дакле, сада је широка 100 пиксела.

82
00:03:47,171 --> 00:03:49,423
То је малчице премало.

83
00:03:49,423 --> 00:03:51,347
Ставимо наш курсор унутра и искористимо

84
00:03:51,347 --> 00:03:53,900
мењач броја да је начинимо већом.

85
00:03:54,023 --> 00:03:56,572
У реду, то изгледа много боље.

86
00:03:56,572 --> 00:03:58,603
Сада, покушајмо да додамо висину.

87
00:03:58,603 --> 00:04:00,945
Само ћу рећи, "висина је једнака са 50."

88
00:04:00,945 --> 00:04:02,608
Ух-ох!

89
00:04:02,608 --> 00:04:05,401
Згњечила сам мог зеку, јадни зека!

90
00:04:05,401 --> 00:04:08,764
Видите, зато бисте иначе
требали само да наведете

91
00:04:08,764 --> 00:04:10,969
или ширину или висину, али не обоје.

92
00:04:10,969 --> 00:04:13,273
Јер можете унети погрешне димензије

93
00:04:13,273 --> 00:04:16,800
и тако згњечити ваше зеке.
Тако да ћу ја једноставно
препустити претраживачу

94
00:04:16,800 --> 00:04:20,884
да уради математику и одлучи
колика треба да буде друга димензија.

95
00:04:20,884 --> 00:04:22,500
Обрисаћу висину.

96
00:04:22,500 --> 00:04:25,266
Сада када можете да правите слике,
почните да размишљате

97
00:04:25,266 --> 00:04:27,971
о комбиновању свих тагова
које имате у кутији са алатима.

98
00:04:27,971 --> 00:04:32,971
Листе са сликама и пасусима,
топ 10 најлуђих животиња...

99
00:04:33,301 --> 00:04:35,833
Само немојте ставити превише
слика на вашу страницу,

100
00:04:35,833 --> 00:04:37,576
пошто ће особа
која вам посећује страницу

101
00:04:37,576 --> 00:04:40,006
морати да учита све њих.

102
00:04:40,006 --> 00:04:42,938
Али, и даље се можете пуно забавити!