[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.27,0:00:01.90,Default,,0000,0000,0000,,Причали смо о зечевима Dialogue: 0,0:00:01.90,0:00:05.80,Default,,0000,0000,0000,,све ово време,\Nописујући их кроз пасусе и листе, Dialogue: 0,0:00:05.80,0:00:09.23,Default,,0000,0000,0000,,али, могли бисмо ставити\Nи слику на нашу веб страницу Dialogue: 0,0:00:09.23,0:00:12.06,Default,,0000,0000,0000,,и заправо приказати како зечеви изгледају. Dialogue: 0,0:00:12.40,0:00:16.15,Default,,0000,0000,0000,,Па, да би ставили слику на веб страницу,\Nкористимо IMG таг, Dialogue: 0,0:00:16.15,0:00:19.47,Default,,0000,0000,0000,,који, као што можете погодити,\Nпотиче од речи слика (енгл. image). Dialogue: 0,0:00:19.47,0:00:22.70,Default,,0000,0000,0000,,Ако само укуцамо "image"\Nнећемо видети ништа. Dialogue: 0,0:00:22.70,0:00:23.97,Default,,0000,0000,0000,,Зашто не? Dialogue: 0,0:00:23.97,0:00:27.51,Default,,0000,0000,0000,,Па, нисмо претраживачу рекли\Nкоју слику да прикаже. Dialogue: 0,0:00:27.51,0:00:29.28,Default,,0000,0000,0000,,Постоји милион слика на интернету, Dialogue: 0,0:00:29.28,0:00:31.47,Default,,0000,0000,0000,,и сигурно не желимо\Nда се нека изабере насумице, Dialogue: 0,0:00:31.47,0:00:33.93,Default,,0000,0000,0000,,пошто то може бити нека ружна\Nкоја нам се не свиђа. Dialogue: 0,0:00:34.70,0:00:37.77,Default,,0000,0000,0000,,И то такође неће бити\Nоно што желимо да буде. Dialogue: 0,0:00:37.77,0:00:40.92,Default,,0000,0000,0000,,Треба да претраживачу\Nпроследимо URL слике. Dialogue: 0,0:00:40.94,0:00:43.07,Default,,0000,0000,0000,,URL је оно што се прикаже на врху Dialogue: 0,0:00:43.07,0:00:44.77,Default,,0000,0000,0000,,претраживача у адресном пољу. Dialogue: 0,0:00:44.77,0:00:46.87,Default,,0000,0000,0000,,И то је оно што то јесте - адреса. Dialogue: 0,0:00:46.87,0:00:49.30,Default,,0000,0000,0000,,То је начин за проналажење\Nнеког ресурса на вебу. Dialogue: 0,0:00:50.48,0:00:52.41,Default,,0000,0000,0000,,И то значи да можемо\Nубацити само ону слику Dialogue: 0,0:00:52.41,0:00:54.55,Default,,0000,0000,0000,,која се већ налази негде на интернету. Dialogue: 0,0:00:54.55,0:00:57.60,Default,,0000,0000,0000,,Не можемо просто да убацимо слике\Nкоје су само на нашем рачунару. Dialogue: 0,0:00:58.23,0:01:00.77,Default,,0000,0000,0000,,Постоји много начина\Nда пронађемо слике на интернету, Dialogue: 0,0:01:00.77,0:01:03.14,Default,,0000,0000,0000,,али смо вам ми то овде олакшали Dialogue: 0,0:01:03.14,0:01:06.04,Default,,0000,0000,0000,,тако што смо направили бирач слика\Nиз колекције фотографија. Dialogue: 0,0:01:06.25,0:01:07.97,Default,,0000,0000,0000,,Да би он искочио, треба да додамо Dialogue: 0,0:01:07.97,0:01:10.74,Default,,0000,0000,0000,,један атрибут нашем тагу за слику. Dialogue: 0,0:01:10.74,0:01:12.80,Default,,0000,0000,0000,,Атрибут је додатно парче Dialogue: 0,0:01:12.80,0:01:14.77,Default,,0000,0000,0000,,информације о тагу и ово је Dialogue: 0,0:01:14.77,0:01:17.11,Default,,0000,0000,0000,,први атрибут са којим се сусрећемо. Dialogue: 0,0:01:17.74,0:01:19.71,Default,,0000,0000,0000,,Да бисмо претраживачу рекли URL, ми ћемо Dialogue: 0,0:01:19.71,0:01:22.94,Default,,0000,0000,0000,,додати атрибут назван:\Nизвор (енгл: source, src). Dialogue: 0,0:01:22.94,0:01:26.49,Default,,0000,0000,0000,,И додаћемо размак и онда откуцати SRC. Dialogue: 0,0:01:28.34,0:01:30.87,Default,,0000,0000,0000,,Сада, то значи извор (енгл: source),\Nали је јако важно Dialogue: 0,0:01:30.87,0:01:32.73,Default,,0000,0000,0000,,да га укуцате као SRC,\Nпошто ће претраживач Dialogue: 0,0:01:32.73,0:01:35.33,Default,,0000,0000,0000,,то игнорисати, ако погрешимо у писању. Dialogue: 0,0:01:35.73,0:01:38.70,Default,,0000,0000,0000,,Сада, треба да ставим\Nједан знак једнакости како би рекла Dialogue: 0,0:01:38.70,0:01:41.40,Default,,0000,0000,0000,,претраживачу која је вредност атрибута. Dialogue: 0,0:01:41.40,0:01:44.92,Default,,0000,0000,0000,,И сада ћу додати наводнике, а едитор ће Dialogue: 0,0:01:44.92,0:01:47.29,Default,,0000,0000,0000,,аутоматски додати завршне наводнике, Dialogue: 0,0:01:47.29,0:01:51.05,Default,,0000,0000,0000,,како би вредности атрибута увек биле\Nуоквирене дуплим наводницима. Dialogue: 0,0:01:51.84,0:01:55.83,Default,,0000,0000,0000,,У реду, дакле, сада би иначе почели\Nда уносимо наш URL, Dialogue: 0,0:01:55.83,0:01:57.60,Default,,0000,0000,0000,,али овде на Кхан Академији, тада ће Dialogue: 0,0:01:57.60,0:02:00.14,Default,,0000,0000,0000,,наш бирач слика искочити. Dialogue: 0,0:02:00.14,0:02:04.02,Default,,0000,0000,0000,,Само ћемо изабрати слику,\Nа желим слику зеца, Dialogue: 0,0:02:04.02,0:02:06.63,Default,,0000,0000,0000,,тако да ћу кликнути на\Nкартицу животиња и изабраћу Dialogue: 0,0:02:06.63,0:02:08.87,Default,,0000,0000,0000,,овог неодољивог зеца и кликнути OK. Dialogue: 0,0:02:10.24,0:02:13.09,Default,,0000,0000,0000,,Видите ли како је ту URL\Nунутар наших наводника? Dialogue: 0,0:02:13.09,0:02:16.30,Default,,0000,0000,0000,,И видите ли како тај URL почиње са http? Dialogue: 0,0:02:16.30,0:02:17.67,Default,,0000,0000,0000,,То је како знамо да показује Dialogue: 0,0:02:17.67,0:02:19.67,Default,,0000,0000,0000,,на неку слику негде на интернету. Dialogue: 0,0:02:19.67,0:02:22.13,Default,,0000,0000,0000,,И хеј! Видите, ено га зека\Nна мојој веб страници! Dialogue: 0,0:02:23.23,0:02:26.23,Default,,0000,0000,0000,,Али шта да је сервер\Nкоји складишти ту слику у квару, Dialogue: 0,0:02:26.23,0:02:28.13,Default,,0000,0000,0000,,и да претраживач не може је учита? Dialogue: 0,0:02:28.13,0:02:31.09,Default,,0000,0000,0000,,Како би посетилац знао шта је\Nна мојој феноменалној слици? Dialogue: 0,0:02:31.09,0:02:33.40,Default,,0000,0000,0000,,Не би видели ништа и питали би се остатак Dialogue: 0,0:02:33.40,0:02:35.37,Default,,0000,0000,0000,,својих живота шта су то пропустили. Dialogue: 0,0:02:35.87,0:02:39.43,Default,,0000,0000,0000,,Баш због тога таг за слику\Nпоседује други атрибут - ALT, Dialogue: 0,0:02:39.43,0:02:41.07,Default,,0000,0000,0000,,који користимо да претраживачу кажемо Dialogue: 0,0:02:41.07,0:02:44.11,Default,,0000,0000,0000,,који је алтернативни текст за слику. Dialogue: 0,0:02:44.11,0:02:46.58,Default,,0000,0000,0000,,Да додамо други атрибут,\Nсамо ставимо размак Dialogue: 0,0:02:46.58,0:02:49.51,Default,,0000,0000,0000,,после завршних наводника последњег. Dialogue: 0,0:02:49.51,0:02:53.64,Default,,0000,0000,0000,,Затим пишемо ALT,\Nзнак једнакости, наводнике, Dialogue: 0,0:02:53.64,0:02:57.25,Default,,0000,0000,0000,,а унутар ових наводника, текст ће бити Dialogue: 0,0:02:57.25,0:02:58.92,Default,,0000,0000,0000,,неки помоћни опис за слику Dialogue: 0,0:02:58.92,0:03:03.75,Default,,0000,0000,0000,,попут "зец са спуштеним ушима у амбару." Dialogue: 0,0:03:04.86,0:03:07.20,Default,,0000,0000,0000,,То такође помаже људима\Nкоји виде веб странице Dialogue: 0,0:03:07.20,0:03:09.80,Default,,0000,0000,0000,,али их не могу заиста видети,\Nпопут слепих. Dialogue: 0,0:03:09.80,0:03:11.50,Default,,0000,0000,0000,,Они користе апликацију\Nкоја се назива читач екрана, Dialogue: 0,0:03:11.50,0:03:13.61,Default,,0000,0000,0000,,који им буквално чита веб страницу, Dialogue: 0,0:03:13.61,0:03:15.70,Default,,0000,0000,0000,,описујући сваки таг који види. Dialogue: 0,0:03:15.70,0:03:18.48,Default,,0000,0000,0000,,Када она види таг за слику,\Nпрочитаће алтернативни текст Dialogue: 0,0:03:18.48,0:03:21.34,Default,,0000,0000,0000,,пошто слепа особа не може да види слике. Dialogue: 0,0:03:21.34,0:03:24.32,Default,,0000,0000,0000,,Дакле, требали бисте увек,\Nувек користити алтернативни текст, Dialogue: 0,0:03:24.32,0:03:28.08,Default,,0000,0000,0000,,како би цео свет могао искусити\Nвашу веб страницу. Dialogue: 0,0:03:28.90,0:03:31.23,Default,,0000,0000,0000,,У реду, вратимо се на слику\Nкоју можемо видети. Dialogue: 0,0:03:31.23,0:03:32.89,Default,,0000,0000,0000,,Мало је велика. Dialogue: 0,0:03:32.89,0:03:34.26,Default,,0000,0000,0000,,Хајде да јој променимо величину. Dialogue: 0,0:03:34.26,0:03:36.21,Default,,0000,0000,0000,,Можемо урадити то са више атрибута. Dialogue: 0,0:03:37.04,0:03:38.96,Default,,0000,0000,0000,,Са нашом ширином или висином. Dialogue: 0,0:03:38.96,0:03:43.16,Default,,0000,0000,0000,,Рецимо, "ширина је једнака 100." Dialogue: 0,0:03:43.98,0:03:47.17,Default,,0000,0000,0000,,У реду, дакле, сада је широка 100 пиксела. Dialogue: 0,0:03:47.17,0:03:49.42,Default,,0000,0000,0000,,То је малчице премало. Dialogue: 0,0:03:49.42,0:03:51.35,Default,,0000,0000,0000,,Ставимо наш курсор унутра и искористимо Dialogue: 0,0:03:51.35,0:03:53.90,Default,,0000,0000,0000,,мењач броја да је начинимо већом. Dialogue: 0,0:03:54.02,0:03:56.57,Default,,0000,0000,0000,,У реду, то изгледа много боље. Dialogue: 0,0:03:56.57,0:03:58.60,Default,,0000,0000,0000,,Сада, покушајмо да додамо висину. Dialogue: 0,0:03:58.60,0:04:00.94,Default,,0000,0000,0000,,Само ћу рећи, "висина је једнака са 50." Dialogue: 0,0:04:00.94,0:04:02.61,Default,,0000,0000,0000,,Ух-ох! Dialogue: 0,0:04:02.61,0:04:05.40,Default,,0000,0000,0000,,Згњечила сам мог зеку, јадни зека! Dialogue: 0,0:04:05.40,0:04:08.76,Default,,0000,0000,0000,,Видите, зато бисте иначе\Nтребали само да наведете Dialogue: 0,0:04:08.76,0:04:10.97,Default,,0000,0000,0000,,или ширину или висину, али не обоје. Dialogue: 0,0:04:10.97,0:04:13.27,Default,,0000,0000,0000,,Јер можете унети погрешне димензије Dialogue: 0,0:04:13.27,0:04:16.80,Default,,0000,0000,0000,,и тако згњечити ваше зеке.\NТако да ћу ја једноставно\Nпрепустити претраживачу Dialogue: 0,0:04:16.80,0:04:20.88,Default,,0000,0000,0000,,да уради математику и одлучи\Nколика треба да буде друга димензија. Dialogue: 0,0:04:20.88,0:04:22.50,Default,,0000,0000,0000,,Обрисаћу висину. Dialogue: 0,0:04:22.50,0:04:25.27,Default,,0000,0000,0000,,Сада када можете да правите слике,\Nпочните да размишљате Dialogue: 0,0:04:25.27,0:04:27.97,Default,,0000,0000,0000,,о комбиновању свих тагова\Nкоје имате у кутији са алатима. Dialogue: 0,0:04:27.97,0:04:32.97,Default,,0000,0000,0000,,Листе са сликама и пасусима,\Nтоп 10 најлуђих животиња... Dialogue: 0,0:04:33.30,0:04:35.83,Default,,0000,0000,0000,,Само немојте ставити превише\Nслика на вашу страницу, Dialogue: 0,0:04:35.83,0:04:37.58,Default,,0000,0000,0000,,пошто ће особа\Nкоја вам посећује страницу Dialogue: 0,0:04:37.58,0:04:40.01,Default,,0000,0000,0000,,морати да учита све њих. Dialogue: 0,0:04:40.01,0:04:42.94,Default,,0000,0000,0000,,Али, и даље се можете пуно забавити!