[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.70,0:00:02.16,Default,,0000,0000,0000,,Сада знамо како да\Nнаправимо поприлично
Dialogue: 0,0:00:02.16,0:00:04.12,Default,,0000,0000,0000,,комплетну веб страницу\Nса свакаквим означеним
Dialogue: 0,0:00:04.12,0:00:07.95,Default,,0000,0000,0000,,текстовима и сликама.\NАли нешто недостаје. Стил.
Dialogue: 0,0:00:07.95,0:00:09.40,Default,,0000,0000,0000,,Моја веб страница изгледа исто
Dialogue: 0,0:00:09.40,0:00:10.98,Default,,0000,0000,0000,,као страница коју сте ви правили.
Dialogue: 0,0:00:10.98,0:00:13.69,Default,,0000,0000,0000,,Текст црне боје, бела позадина, исти фонт,
Dialogue: 0,0:00:13.69,0:00:15.85,Default,,0000,0000,0000,,све је постављено да иде од горе на доле.
Dialogue: 0,0:00:15.85,0:00:18.02,Default,,0000,0000,0000,,Али ви сте били на вебу\Nи видели сте да странице
Dialogue: 0,0:00:18.02,0:00:20.23,Default,,0000,0000,0000,,међусобно изгледају веома другачије.
Dialogue: 0,0:00:20.23,0:00:21.61,Default,,0000,0000,0000,,Погледајте около на Кхан Академији
Dialogue: 0,0:00:21.61,0:00:24.65,Default,,0000,0000,0000,,у све различите боје и фонтове и величине.
Dialogue: 0,0:00:24.65,0:00:26.82,Default,,0000,0000,0000,,Заправо, урадимо ово сада.
Dialogue: 0,0:00:26.82,0:00:29.90,Default,,0000,0000,0000,,Паузирајте овај аудио водич и погледајте\Nнеколико различитих сајтова.
Dialogue: 0,0:00:29.90,0:00:31.62,Default,,0000,0000,0000,,По чему се сваки од њих разликује?
Dialogue: 0,0:00:31.62,0:00:35.01,Default,,0000,0000,0000,,Шта волите или не волите\Nоко њихових стилова?
Dialogue: 0,0:00:35.01,0:00:37.20,Default,,0000,0000,0000,,Сачекаћу вас овде...
Dialogue: 0,0:00:38.05,0:00:40.75,Default,,0000,0000,0000,,Важно је да видите колико\Nвеб сајтови могу бити различити,
Dialogue: 0,0:00:40.75,0:00:43.23,Default,,0000,0000,0000,,пошто ћете веома брзо сазнати како да
Dialogue: 0,0:00:43.23,0:00:45.44,Default,,0000,0000,0000,,и ваши сајтови изгледају другачије\Nи желећете да то урадите
Dialogue: 0,0:00:45.44,0:00:48.54,Default,,0000,0000,0000,,на начин који вас чини срећним,\Nпошто он представља вас,
Dialogue: 0,0:00:48.54,0:00:51.20,Default,,0000,0000,0000,,али он такође усрећује и друге кориснике.
Dialogue: 0,0:00:51.20,0:00:53.00,Default,,0000,0000,0000,,Добро, да би подесили\Nнашу страницу, треба
Dialogue: 0,0:00:53.00,0:00:55.46,Default,,0000,0000,0000,,да научимо цео нови језик, CSS.
Dialogue: 0,0:00:55.46,0:00:57.88,Default,,0000,0000,0000,,То означава каскадни стил страница\N(енгл: cascading style sheets).
Dialogue: 0,0:00:57.88,0:00:59.76,Default,,0000,0000,0000,,И то је начин дефинисања стилова\Nкоји ће се применити
Dialogue: 0,0:00:59.76,0:01:01.74,Default,,0000,0000,0000,,на различите делове наше веб странице.
Dialogue: 0,0:01:01.74,0:01:06.31,Default,,0000,0000,0000,,Уграђујемо CSS унутар HTML-а,\Nали он заправо није HTML.
Dialogue: 0,0:01:06.31,0:01:08.02,Default,,0000,0000,0000,,Тако да морамо научити читав нов језик
Dialogue: 0,0:01:08.02,0:01:11.16,Default,,0000,0000,0000,,и да покушамо да не бркамо HTML са CSS-ом.
Dialogue: 0,0:01:11.16,0:01:13.96,Default,,0000,0000,0000,,Видећемо како CSS-ом можемо\Nда стилизујемо свакакве аспекате
Dialogue: 0,0:01:13.96,0:01:16.70,Default,,0000,0000,0000,,наше странице, као што су\Nфонтови, величине и распоред,
Dialogue: 0,0:01:16.70,0:01:20.55,Default,,0000,0000,0000,,али почећемо са нечим\Nвеома забавним - бојом.
Dialogue: 0,0:01:20.55,0:01:22.18,Default,,0000,0000,0000,,Шта кажете да изменимо неке наслове
Dialogue: 0,0:01:22.18,0:01:25.53,Default,,0000,0000,0000,,на нашој страници у фину травнату зелену?
Dialogue: 0,0:01:25.53,0:01:28.40,Default,,0000,0000,0000,,Да почнемо, треба да додамо таг STYLE
Dialogue: 0,0:01:28.40,0:01:30.52,Default,,0000,0000,0000,,унутар HEAD тага наше веб странице.
Dialogue: 0,0:01:31.84,0:01:34.46,Default,,0000,0000,0000,,Када претраживач то види,\Nон ће помислити: "У реду,
Dialogue: 0,0:01:34.46,0:01:37.39,Default,,0000,0000,0000,,све унутар овога је CSS.
Dialogue: 0,0:01:37.39,0:01:40.06,Default,,0000,0000,0000,,Користићу мој CSS парсер да то разумем
Dialogue: 0,0:01:40.06,0:01:43.10,Default,,0000,0000,0000,,уместо мог HTML парсера."
Dialogue: 0,0:01:43.46,0:01:48.31,Default,,0000,0000,0000,,Овде унутра, додаћемо CSS стилско правило.
Dialogue: 0,0:01:48.31,0:01:50.89,Default,,0000,0000,0000,,Стилско правило садржи селектор\Nкоји претраживачу говори
Dialogue: 0,0:01:50.89,0:01:54.06,Default,,0000,0000,0000,,на који део веб странице\Nсе стил односи и декларације
Dialogue: 0,0:01:54.06,0:01:56.79,Default,,0000,0000,0000,,које претраживачу говоре какав стил\Nда примени на тај део.
Dialogue: 0,0:01:56.79,0:02:00.34,Default,,0000,0000,0000,,Ако желимо да стилизујемо\Nсве Н2 наслове на нашој страници,
Dialogue: 0,0:02:00.34,0:02:03.100,Default,,0000,0000,0000,,навешћемо тај селектор Н2.
Dialogue: 0,0:02:03.100,0:02:06.01,Default,,0000,0000,0000,,Затим ћемо ставити витичасте заграде.
Dialogue: 0,0:02:06.01,0:02:08.48,Default,,0000,0000,0000,,Постарајте се да буду витичасте,\Nа не угласте или округле.
Dialogue: 0,0:02:08.48,0:02:10.15,Default,,0000,0000,0000,,Оне неће радити.
Dialogue: 0,0:02:10.15,0:02:12.80,Default,,0000,0000,0000,,Унутра ћемо сместити наше декларације
Dialogue: 0,0:02:12.80,0:02:14.40,Default,,0000,0000,0000,,које садрже својства и вредности.
Dialogue: 0,0:02:14.40,0:02:19.24,Default,,0000,0000,0000,,Дакле, да променимо боју текста,\Nкористимо особину COLOR.
Dialogue: 0,0:02:19.24,0:02:22.90,Default,,0000,0000,0000,,Затим стављамо двотачку и сада\Nтреба да смислимо неку вредност.
Dialogue: 0,0:02:22.90,0:02:25.78,Default,,0000,0000,0000,,Треба да кажемо претраживачу\Nза коју боју смо заинтересовани.
Dialogue: 0,0:02:25.78,0:02:28.71,Default,,0000,0000,0000,,Па, можемо просто записати\Nзелена (енгл. green).
Dialogue: 0,0:02:29.31,0:02:32.20,Default,,0000,0000,0000,,Он ће то разумети,\Nпошто је зелена уобичајена боја.
Dialogue: 0,0:02:32.20,0:02:33.83,Default,,0000,0000,0000,,Али то није зелена коју сам желела.
Dialogue: 0,0:02:33.83,0:02:35.93,Default,,0000,0000,0000,,Желела сам зелену боју траве.
Dialogue: 0,0:02:35.93,0:02:39.42,Default,,0000,0000,0000,,Ако напишем травнато зелена... Упс.
Dialogue: 0,0:02:39.42,0:02:42.40,Default,,0000,0000,0000,,Сада се претраживач збунио\Nи исписује наслове
Dialogue: 0,0:02:42.40,0:02:45.66,Default,,0000,0000,0000,,поново у црној боји пошто никад није чуо\Nза травнато зелену боју.
Dialogue: 0,0:02:45.66,0:02:48.45,Default,,0000,0000,0000,,Ако желимо да можемо да\Nнаведемо било коју боју,
Dialogue: 0,0:02:48.45,0:02:51.64,Default,,0000,0000,0000,,онда морамо да користимо\Nнешто што се зове RGB спектар.
Dialogue: 0,0:02:51.64,0:02:54.15,Default,,0000,0000,0000,,За њега сте можда чули на часу ликовног.
Dialogue: 0,0:02:54.15,0:02:55.100,Default,,0000,0000,0000,,Не морате бити неки експерт за то,
Dialogue: 0,0:02:55.100,0:02:58.81,Default,,0000,0000,0000,,пошто имамо за вас овде један RGB бирач.
Dialogue: 0,0:02:58.81,0:03:03.81,Default,,0000,0000,0000,,Да бисте га користили,\Nсамо замените ово са RGB и заграде.
Dialogue: 0,0:03:04.08,0:03:06.56,Default,,0000,0000,0000,,Бирач боја ће искочити и можете померити
Dialogue: 0,0:03:06.56,0:03:09.33,Default,,0000,0000,0000,,миш унутар њега и изабрати боју
Dialogue: 0,0:03:09.33,0:03:12.40,Default,,0000,0000,0000,,и видећете боју моментално ажурирану.
Dialogue: 0,0:03:12.40,0:03:14.87,Default,,0000,0000,0000,,И када сте задовољни, кликните.
Dialogue: 0,0:03:14.87,0:03:17.02,Default,,0000,0000,0000,,Сада, да ли сте приметили ова три броја
Dialogue: 0,0:03:17.02,0:03:20.41,Default,,0000,0000,0000,,која су се изменила у нашим RGB заградама?
Dialogue: 0,0:03:20.41,0:03:22.93,Default,,0000,0000,0000,,То су црвена, зелена и плава\N(енгл: [R]ed, [G]reen, [B]lue)
Dialogue: 0,0:03:22.93,0:03:25.82,Default,,0000,0000,0000,,компонента које чине ту боју.
Dialogue: 0,0:03:26.46,0:03:29.93,Default,,0000,0000,0000,,У реду, згодна ствар\Nоко овог CSS селектора H2
Dialogue: 0,0:03:29.93,0:03:33.94,Default,,0000,0000,0000,,који користимо јесте то што он утиче\Nна све Н2 на страници.
Dialogue: 0,0:03:33.94,0:03:36.53,Default,,0000,0000,0000,,Тако да можемо променити више наслова,\Nпошто желимо
Dialogue: 0,0:03:36.53,0:03:40.36,Default,,0000,0000,0000,,да сви ови Н2-ови буду зелени,\Nи то јесте доследно
Dialogue: 0,0:03:40.36,0:03:43.48,Default,,0000,0000,0000,,за све ове Н2-ове који се\Nналазе на страници.
Dialogue: 0,0:03:43.48,0:03:45.12,Default,,0000,0000,0000,,Ако наставите даље са CSS-ом,\Nможете научити
Dialogue: 0,0:03:45.12,0:03:47.48,Default,,0000,0000,0000,,о многим другим начинима\Nза селектовање делова странце,
Dialogue: 0,0:03:47.48,0:03:50.02,Default,,0000,0000,0000,,као када би желели\Nсамо један од ових Н2-ова.
Dialogue: 0,0:03:50.02,0:03:54.41,Default,,0000,0000,0000,,Али можете урадити доста тога и са овим\Nселекторима заснованим на таговима.
Dialogue: 0,0:03:54.41,0:03:56.32,Default,,0000,0000,0000,,Хајде да додамо још једно\NCSS стилско правило.
Dialogue: 0,0:03:56.32,0:03:59.21,Default,,0000,0000,0000,,Овај пут да направимо\Nпозадину небеско плавом.
Dialogue: 0,0:03:59.21,0:04:02.06,Default,,0000,0000,0000,,Како бисмо обојили позадину странице?
Dialogue: 0,0:04:02.06,0:04:05.81,Default,,0000,0000,0000,,Па, који таг обухвата целу страницу?
Dialogue: 0,0:04:05.81,0:04:07.20,Default,,0000,0000,0000,,То није Н1.
Dialogue: 0,0:04:07.20,0:04:10.57,Default,,0000,0000,0000,,То није Р, није слика.
Dialogue: 0,0:04:10.57,0:04:13.17,Default,,0000,0000,0000,,То је BODY таг. Запамтите, све
Dialogue: 0,0:04:13.17,0:04:16.20,Default,,0000,0000,0000,,видљиво је увек унутар тог BODY тага.
Dialogue: 0,0:04:16.20,0:04:18.38,Default,,0000,0000,0000,,Значи, ако желимо да\Nстилизујемо целу страницу,
Dialogue: 0,0:04:18.38,0:04:22.62,Default,,0000,0000,0000,,треба да користимо селектор\Nда изаберемо тај таг.
Dialogue: 0,0:04:22.62,0:04:25.41,Default,,0000,0000,0000,,Дакле, написаћемо BODY.
Dialogue: 0,0:04:26.90,0:04:31.28,Default,,0000,0000,0000,,Сада, уместо color,\Nнаписаћемо background color,
Dialogue: 0,0:04:31.71,0:04:36.36,Default,,0000,0000,0000,,двотачку и онда RGB, па заграде.
Dialogue: 0,0:04:36.36,0:04:41.05,Default,,0000,0000,0000,,Добијемо наш бирач боја\Nи отворићу га и одабрати плаву
Dialogue: 0,0:04:41.05,0:04:45.65,Default,,0000,0000,0000,,која ме потсећа на смешне зеке\Nи облачно небо.
Dialogue: 0,0:04:45.65,0:04:46.66,Default,,0000,0000,0000,,Ето га!
Dialogue: 0,0:04:46.66,0:04:49.37,Default,,0000,0000,0000,,Погледајте моју стилизовану страницу!
Dialogue: 0,0:04:49.37,0:04:51.49,Default,,0000,0000,0000,,Постоји још стотине CSS својстава
Dialogue: 0,0:04:51.49,0:04:54.12,Default,,0000,0000,0000,,поред боје и позадине,
Dialogue: 0,0:04:54.12,0:04:56.74,Default,,0000,0000,0000,,али ове су забавне да се са њима почне.
Dialogue: 0,0:04:56.76,0:04:59.16,Default,,0000,0000,0000,,Заправо, када завршим са причом,\Nпоиграјте се
Dialogue: 0,0:04:59.16,0:05:01.53,Default,,0000,0000,0000,,бојама које сам изабрала\Nи прилагодите ову страницу
Dialogue: 0,0:05:01.53,0:05:04.04,Default,,0000,0000,0000,,да буде више по вашем укусу него по мом.
Dialogue: 0,0:05:04.04,0:05:06.49,Default,,0000,0000,0000,,У реду? Крените!