WEBVTT

00:00:00.271 --> 00:00:01.900
Причали смо о зечевима

00:00:01.900 --> 00:00:05.800
све ово време,
описујући их кроз пасусе и листе,

00:00:05.800 --> 00:00:09.228
али, могли бисмо ставити
и слику на нашу веб страницу

00:00:09.228 --> 00:00:12.060
и заправо приказати како зечеви изгледају.

00:00:12.400 --> 00:00:16.149
Па, да би ставили слику на веб страницу,
користимо IMG таг,

00:00:16.149 --> 00:00:19.466
који, као што можете погодити,
потиче од речи слика (енгл. image).

00:00:19.466 --> 00:00:22.700
Ако само укуцамо "image"
нећемо видети ништа.

00:00:22.700 --> 00:00:23.966
Зашто не?

00:00:23.966 --> 00:00:27.511
Па, нисмо претраживачу рекли
коју слику да прикаже.

00:00:27.511 --> 00:00:29.284
Постоји милион слика на интернету,

00:00:29.284 --> 00:00:31.469
и сигурно не желимо
да се нека изабере насумице,

00:00:31.469 --> 00:00:33.930
пошто то може бити нека ружна
која нам се не свиђа.

00:00:34.699 --> 00:00:37.766
И то такође неће бити
оно што желимо да буде.

00:00:37.766 --> 00:00:40.925
Треба да претраживачу
проследимо URL слике.

00:00:40.939 --> 00:00:43.073
URL је оно што се прикаже на врху

00:00:43.073 --> 00:00:44.770
претраживача у адресном пољу.

00:00:44.770 --> 00:00:46.874
И то је оно што то јесте - адреса.

00:00:46.874 --> 00:00:49.301
То је начин за проналажење
неког ресурса на вебу.

00:00:50.485 --> 00:00:52.413
И то значи да можемо
убацити само ону слику

00:00:52.413 --> 00:00:54.552
која се већ налази негде на интернету.

00:00:54.552 --> 00:00:57.602
Не можемо просто да убацимо слике
које су само на нашем рачунару.

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

00:01:00.772 --> 00:01:03.137
али смо вам ми то овде олакшали

00:01:03.137 --> 00:01:06.037
тако што смо направили бирач слика
из колекције фотографија.

00:01:06.246 --> 00:01:07.967
Да би он искочио, треба да додамо

00:01:07.967 --> 00:01:10.735
један атрибут нашем тагу за слику.

00:01:10.735 --> 00:01:12.800
Атрибут је додатно парче

00:01:12.800 --> 00:01:14.772
информације о тагу и ово је

00:01:14.772 --> 00:01:17.106
први атрибут са којим се сусрећемо.

00:01:17.736 --> 00:01:19.714
Да бисмо претраживачу рекли URL, ми ћемо

00:01:19.714 --> 00:01:22.945
додати атрибут назван:
извор (енгл: source, src).

00:01:22.945 --> 00:01:26.490
И додаћемо размак и онда откуцати SRC.

00:01:28.337 --> 00:01:30.866
Сада, то значи извор (енгл: source),
али је јако важно

00:01:30.866 --> 00:01:32.733
да га укуцате као SRC,
пошто ће претраживач

00:01:32.733 --> 00:01:35.333
то игнорисати, ако погрешимо у писању.

00:01:35.733 --> 00:01:38.700
Сада, треба да ставим
један знак једнакости како би рекла

00:01:38.700 --> 00:01:41.400
претраживачу која је вредност атрибута.

00:01:41.400 --> 00:01:44.925
И сада ћу додати наводнике, а едитор ће

00:01:44.925 --> 00:01:47.286
аутоматски додати завршне наводнике,

00:01:47.286 --> 00:01:51.053
како би вредности атрибута увек биле
уоквирене дуплим наводницима.

00:01:51.838 --> 00:01:55.833
У реду, дакле, сада би иначе почели
да уносимо наш URL,

00:01:55.833 --> 00:01:57.600
али овде на Кхан Академији, тада ће

00:01:57.600 --> 00:02:00.135
наш бирач слика искочити.

00:02:00.135 --> 00:02:04.024
Само ћемо изабрати слику,
а желим слику зеца,

00:02:04.024 --> 00:02:06.630
тако да ћу кликнути на
картицу животиња и изабраћу

00:02:06.630 --> 00:02:08.871
овог неодољивог зеца и кликнути OK.

00:02:10.238 --> 00:02:13.089
Видите ли како је ту URL
унутар наших наводника?

00:02:13.089 --> 00:02:16.300
И видите ли како тај URL почиње са http?

00:02:16.300 --> 00:02:17.666
То је како знамо да показује

00:02:17.666 --> 00:02:19.666
на неку слику негде на интернету.

00:02:19.666 --> 00:02:22.134
И хеј! Видите, ено га зека
на мојој веб страници!

00:02:23.226 --> 00:02:26.233
Али шта да је сервер
који складишти ту слику у квару,

00:02:26.233 --> 00:02:28.133
и да претраживач не може је учита?

00:02:28.133 --> 00:02:31.092
Како би посетилац знао шта је
на мојој феноменалној слици?

00:02:31.092 --> 00:02:33.401
Не би видели ништа и питали би се остатак

00:02:33.401 --> 00:02:35.367
својих живота шта су то пропустили.

00:02:35.867 --> 00:02:39.433
Баш због тога таг за слику
поседује други атрибут - ALT,

00:02:39.433 --> 00:02:41.066
који користимо да претраживачу кажемо

00:02:41.066 --> 00:02:44.108
који је алтернативни текст за слику.

00:02:44.108 --> 00:02:46.579
Да додамо други атрибут,
само ставимо размак

00:02:46.579 --> 00:02:49.510
после завршних наводника последњег.

00:02:49.510 --> 00:02:53.635
Затим пишемо ALT,
знак једнакости, наводнике,

00:02:53.635 --> 00:02:57.250
а унутар ових наводника, текст ће бити

00:02:57.250 --> 00:02:58.922
неки помоћни опис за слику

00:02:58.922 --> 00:03:03.746
попут "зец са спуштеним ушима у амбару."

00:03:04.858 --> 00:03:07.200
То такође помаже људима
који виде веб странице

00:03:07.200 --> 00:03:09.805
али их не могу заиста видети,
попут слепих.

00:03:09.805 --> 00:03:11.496
Они користе апликацију
која се назива читач екрана,

00:03:11.496 --> 00:03:13.613
који им буквално чита веб страницу,

00:03:13.613 --> 00:03:15.701
описујући сваки таг који види.

00:03:15.701 --> 00:03:18.478
Када она види таг за слику,
прочитаће алтернативни текст

00:03:18.478 --> 00:03:21.335
пошто слепа особа не може да види слике.

00:03:21.335 --> 00:03:24.317
Дакле, требали бисте увек,
увек користити алтернативни текст,

00:03:24.317 --> 00:03:28.076
како би цео свет могао искусити
вашу веб страницу.

00:03:28.900 --> 00:03:31.233
У реду, вратимо се на слику
коју можемо видети.

00:03:31.233 --> 00:03:32.893
Мало је велика.

00:03:32.893 --> 00:03:34.263
Хајде да јој променимо величину.

00:03:34.263 --> 00:03:36.206
Можемо урадити то са више атрибута.

00:03:37.037 --> 00:03:38.960
Са нашом ширином или висином.

00:03:38.960 --> 00:03:43.159
Рецимо, "ширина је једнака 100."

00:03:43.975 --> 00:03:47.171
У реду, дакле, сада је широка 100 пиксела.

00:03:47.171 --> 00:03:49.423
То је малчице премало.

00:03:49.423 --> 00:03:51.347
Ставимо наш курсор унутра и искористимо

00:03:51.347 --> 00:03:53.900
мењач броја да је начинимо већом.

00:03:54.023 --> 00:03:56.572
У реду, то изгледа много боље.

00:03:56.572 --> 00:03:58.603
Сада, покушајмо да додамо висину.

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

00:04:00.945 --> 00:04:02.608
Ух-ох!

00:04:02.608 --> 00:04:05.401
Згњечила сам мог зеку, јадни зека!

00:04:05.401 --> 00:04:08.764
Видите, зато бисте иначе
требали само да наведете

00:04:08.764 --> 00:04:10.969
или ширину или висину, али не обоје.

00:04:10.969 --> 00:04:13.273
Јер можете унети погрешне димензије

00:04:13.273 --> 00:04:16.800
и тако згњечити ваше зеке.
Тако да ћу ја једноставно
препустити претраживачу

00:04:16.800 --> 00:04:20.884
да уради математику и одлучи
колика треба да буде друга димензија.

00:04:20.884 --> 00:04:22.500
Обрисаћу висину.

00:04:22.500 --> 00:04:25.266
Сада када можете да правите слике,
почните да размишљате

00:04:25.266 --> 00:04:27.971
о комбиновању свих тагова
које имате у кутији са алатима.

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

00:04:33.301 --> 00:04:35.833
Само немојте ставити превише
слика на вашу страницу,

00:04:35.833 --> 00:04:37.576
пошто ће особа
која вам посећује страницу

00:04:37.576 --> 00:04:40.006
морати да учита све њих.

00:04:40.006 --> 00:04:42.938
Али, и даље се можете пуно забавити!