[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,,Na razie opisywaliśmy króliki
Dialogue: 0,0:00:01.90,0:00:05.80,Default,,0000,0000,0000,,za pomocą akapitów i list,
Dialogue: 0,0:00:05.80,0:00:09.23,Default,,0000,0000,0000,,a moglibyśmy po prostu\Nwstawić obrazek
Dialogue: 0,0:00:09.23,0:00:12.06,Default,,0000,0000,0000,,i pokazać, jak wygląda królik.
Dialogue: 0,0:00:12.40,0:00:16.15,Default,,0000,0000,0000,,Obraz umieszczamy na stronie\Nza pomocą znacznika „img”,
Dialogue: 0,0:00:16.15,0:00:19.47,Default,,0000,0000,0000,,od „image” (ang. obraz).
Dialogue: 0,0:00:19.47,0:00:22.70,Default,,0000,0000,0000,,Ale gdy wpiszemy samo „img”,\Nnic się nie pokaże.
Dialogue: 0,0:00:22.70,0:00:23.97,Default,,0000,0000,0000,,Dlaczego?
Dialogue: 0,0:00:23.97,0:00:27.51,Default,,0000,0000,0000,,Nie powiedzieliśmy przeglądarce,\Nktóry obraz wyświetlić.
Dialogue: 0,0:00:27.51,0:00:29.28,Default,,0000,0000,0000,,W sieci są ich miliony,
Dialogue: 0,0:00:29.28,0:00:31.47,Default,,0000,0000,0000,,a nie chcemy wybierać losowo:
Dialogue: 0,0:00:31.47,0:00:33.93,Default,,0000,0000,0000,,może się trafić coś wstrętnego,
Dialogue: 0,0:00:34.70,0:00:37.77,Default,,0000,0000,0000,,no i obraz nie będzie\Nprzedstawiał tego, co powinien.
Dialogue: 0,0:00:37.77,0:00:40.92,Default,,0000,0000,0000,,Musimy podać przeglądarce\NURL obrazu.
Dialogue: 0,0:00:40.94,0:00:43.07,Default,,0000,0000,0000,,Adres URL znajdziecie nad stroną,
Dialogue: 0,0:00:43.07,0:00:44.77,Default,,0000,0000,0000,,w pasku adresowym przeglądarki.
Dialogue: 0,0:00:44.77,0:00:46.87,Default,,0000,0000,0000,,Macie? Świetnie.
Dialogue: 0,0:00:46.87,0:00:49.30,Default,,0000,0000,0000,,Adres URL wskazuje na materiały,
Dialogue: 0,0:00:50.48,0:00:52.41,Default,,0000,0000,0000,,które są dostępne w sieci.
Dialogue: 0,0:00:52.41,0:00:54.55,Default,,0000,0000,0000,,Na stronie możecie umieścić\Nobraz dostępny w sieci,
Dialogue: 0,0:00:54.55,0:00:57.60,Default,,0000,0000,0000,,ale nie taki, który znajduje się\Ntylko w twoim komputerze.
Dialogue: 0,0:00:58.23,0:01:00.77,Default,,0000,0000,0000,,Obrazów można szukać\Nna wiele sposobów.
Dialogue: 0,0:01:00.77,0:01:03.14,Default,,0000,0000,0000,,Ułatwimy wam sprawę,
Dialogue: 0,0:01:03.14,0:01:06.04,Default,,0000,0000,0000,,zapewniając kolekcję zdjęć\Ndo wyboru.
Dialogue: 0,0:01:06.25,0:01:07.97,Default,,0000,0000,0000,,Żeby dodać zdjęcie, dopiszemy
Dialogue: 0,0:01:07.97,0:01:10.74,Default,,0000,0000,0000,,atrybut do znacznika „img”.
Dialogue: 0,0:01:10.74,0:01:12.80,Default,,0000,0000,0000,,To dodatkowa informacja
Dialogue: 0,0:01:12.80,0:01:14.77,Default,,0000,0000,0000,,o znaczniku. Ten atrybut
Dialogue: 0,0:01:14.77,0:01:17.11,Default,,0000,0000,0000,,będzie pierwszym, który zobaczycie.
Dialogue: 0,0:01:17.74,0:01:19.71,Default,,0000,0000,0000,,Aby podać URL przeglądarce,
Dialogue: 0,0:01:19.71,0:01:22.94,Default,,0000,0000,0000,,dołożymy atrybut „source”\N(ang. źródło),
Dialogue: 0,0:01:22.94,0:01:26.49,Default,,0000,0000,0000,,spacja i „src”.
Dialogue: 0,0:01:28.34,0:01:30.87,Default,,0000,0000,0000,,To oznacza „source”,\Nale koniecznie
Dialogue: 0,0:01:30.87,0:01:32.73,Default,,0000,0000,0000,,wpiszcie „src”, bo przeglądarka
Dialogue: 0,0:01:32.73,0:01:35.33,Default,,0000,0000,0000,,zignoruje znacznik,\Ngdy będzie źle zapisany.
Dialogue: 0,0:01:35.73,0:01:38.70,Default,,0000,0000,0000,,Teraz znak równości,\Nżeby podać przeglądarce
Dialogue: 0,0:01:38.70,0:01:41.40,Default,,0000,0000,0000,,wartość atrybutu.
Dialogue: 0,0:01:41.40,0:01:44.92,Default,,0000,0000,0000,,Otworzę cudzysłów, a edytor
Dialogue: 0,0:01:44.92,0:01:47.29,Default,,0000,0000,0000,,automatycznie go zamknie.
Dialogue: 0,0:01:47.29,0:01:51.05,Default,,0000,0000,0000,,Wartości atrybutów\Nzawsze są w cudzysłowie.
Dialogue: 0,0:01:51.84,0:01:55.83,Default,,0000,0000,0000,,W tym momencie zwykle\Nwpisujemy URL,
Dialogue: 0,0:01:55.83,0:01:57.60,Default,,0000,0000,0000,,ale w portalu Khan Academy
Dialogue: 0,0:01:57.60,0:02:00.14,Default,,0000,0000,0000,,wyskoczy galeria zdjęć.
Dialogue: 0,0:02:00.14,0:02:04.02,Default,,0000,0000,0000,,Wybierzemy obrazek.\NChcę obrazek z królikiem,
Dialogue: 0,0:02:04.02,0:02:06.63,Default,,0000,0000,0000,,klikam na zwierzęta, wybieram
Dialogue: 0,0:02:06.63,0:02:08.87,Default,,0000,0000,0000,,ślicznego królika i zatwierdzam.
Dialogue: 0,0:02:10.24,0:02:13.09,Default,,0000,0000,0000,,Widzicie, że URL\Njest w cudzysłowie
Dialogue: 0,0:02:13.09,0:02:16.30,Default,,0000,0000,0000,,i zaczyna się od „http”?
Dialogue: 0,0:02:16.30,0:02:17.67,Default,,0000,0000,0000,,Wiemy, że adres wskazuje
Dialogue: 0,0:02:17.67,0:02:19.67,Default,,0000,0000,0000,,jakiś obraz gdzieś w sieci.
Dialogue: 0,0:02:19.67,0:02:22.13,Default,,0000,0000,0000,,Patrzcie! Na mojej stronie\Njest królik,
Dialogue: 0,0:02:23.23,0:02:26.23,Default,,0000,0000,0000,,ale co będzie, gdy serwer\Nze zdjęciem przestanie działać
Dialogue: 0,0:02:26.23,0:02:28.13,Default,,0000,0000,0000,,i przeglądarka nie załaduje zdjęcia?
Dialogue: 0,0:02:28.13,0:02:31.09,Default,,0000,0000,0000,,Skąd użytkownik ma wiedzieć,\Nco przedstawiało?
Dialogue: 0,0:02:31.09,0:02:33.40,Default,,0000,0000,0000,,Nie zobaczy nic\Ni przez resztę życia
Dialogue: 0,0:02:33.40,0:02:35.37,Default,,0000,0000,0000,,będzie myślał o tym, co go ominęło.
Dialogue: 0,0:02:35.87,0:02:39.43,Default,,0000,0000,0000,,Dlatego znacznik „img”\Nma inny atrybut, „alt”,
Dialogue: 0,0:02:39.43,0:02:41.07,Default,,0000,0000,0000,,który informuje przeglądarkę,
Dialogue: 0,0:02:41.07,0:02:44.11,Default,,0000,0000,0000,,jaki tekst ma zastąpić obraz.
Dialogue: 0,0:02:44.11,0:02:46.58,Default,,0000,0000,0000,,By dodać kolejny atrybut,\Nwstawiamy spację
Dialogue: 0,0:02:46.58,0:02:49.51,Default,,0000,0000,0000,,po cudzysłowie poprzedniego.
Dialogue: 0,0:02:49.51,0:02:53.64,Default,,0000,0000,0000,,Piszemy: alt=\Ni otwieramy cudzysłów.
Dialogue: 0,0:02:53.64,0:02:57.25,Default,,0000,0000,0000,,Tekst w cudzysłowie
Dialogue: 0,0:02:57.25,0:02:58.92,Default,,0000,0000,0000,,ma być opisem obrazka,
Dialogue: 0,0:02:58.92,0:03:03.75,Default,,0000,0000,0000,,np. „królik z opadniętymi\Nuszami w stodole".
Dialogue: 0,0:03:04.86,0:03:07.20,Default,,0000,0000,0000,,To pomoże osobom,\Nktóre przeglądają strony,
Dialogue: 0,0:03:07.20,0:03:09.80,Default,,0000,0000,0000,,lecz nie mogą ich przeczytać,\Njak niedowidzący.
Dialogue: 0,0:03:09.80,0:03:11.50,Default,,0000,0000,0000,,Aplikacja „screen reader”
Dialogue: 0,0:03:11.50,0:03:13.61,Default,,0000,0000,0000,,przeczyta im stronę,
Dialogue: 0,0:03:13.61,0:03:15.70,Default,,0000,0000,0000,,z każdym znacznikiem.
Dialogue: 0,0:03:15.70,0:03:18.48,Default,,0000,0000,0000,,Gdy trafi na „img”,\Nodczyta tekst z „alt”,
Dialogue: 0,0:03:18.48,0:03:21.34,Default,,0000,0000,0000,,bo ktoś niedowidzący\Nnie obejrzy obrazów.
Dialogue: 0,0:03:21.34,0:03:24.32,Default,,0000,0000,0000,,Dlatego zawsze wpisujcie\N„alt” i tekst,
Dialogue: 0,0:03:24.32,0:03:28.08,Default,,0000,0000,0000,,żeby wszyscy mogli się zapoznać\Nz waszymi stronami.
Dialogue: 0,0:03:28.90,0:03:31.23,Default,,0000,0000,0000,,Wróćmy do obrazka, który widać.
Dialogue: 0,0:03:31.23,0:03:32.89,Default,,0000,0000,0000,,Trochę za duży.
Dialogue: 0,0:03:32.89,0:03:34.26,Default,,0000,0000,0000,,Zmieńmy rozmiar.
Dialogue: 0,0:03:34.26,0:03:36.21,Default,,0000,0000,0000,,Posłużą temu kolejne atrybuty,
Dialogue: 0,0:03:37.04,0:03:38.96,Default,,0000,0000,0000,,np. szerokość lub wysokość.
Dialogue: 0,0:03:38.96,0:03:43.16,Default,,0000,0000,0000,,Dajmy: „Width=100”\N(szerokość=100).
Dialogue: 0,0:03:43.98,0:03:47.17,Default,,0000,0000,0000,,Obraz ma 100 pikseli.
Dialogue: 0,0:03:47.17,0:03:49.42,Default,,0000,0000,0000,,Trochę za mały.
Dialogue: 0,0:03:49.42,0:03:51.35,Default,,0000,0000,0000,,Najedźmy kursorem
Dialogue: 0,0:03:51.35,0:03:53.90,Default,,0000,0000,0000,,i przeciągnijmy,\Nżeby powiększyć obrazek.
Dialogue: 0,0:03:54.02,0:03:56.57,Default,,0000,0000,0000,,Znacznie lepiej!
Dialogue: 0,0:03:56.57,0:03:58.60,Default,,0000,0000,0000,,Spróbujmy zmienić wysokość.
Dialogue: 0,0:03:58.60,0:04:00.94,Default,,0000,0000,0000,,Wpiszę: „height=50”\N(wysokość=50).
Dialogue: 0,0:04:00.94,0:04:02.61,Default,,0000,0000,0000,,Oj!
Dialogue: 0,0:04:02.61,0:04:05.40,Default,,0000,0000,0000,,Zmiażdżyłam biednego króliczka!
Dialogue: 0,0:04:05.40,0:04:08.76,Default,,0000,0000,0000,,Dlatego powinno się określać
Dialogue: 0,0:04:08.76,0:04:10.97,Default,,0000,0000,0000,,albo szerokość, albo wysokość.\NNie obie naraz.
Dialogue: 0,0:04:10.97,0:04:13.27,Default,,0000,0000,0000,,Moglibyście się pomylić
Dialogue: 0,0:04:13.27,0:04:16.80,Default,,0000,0000,0000,,i pozgniatać króliki.\NNiech przeglądarka
Dialogue: 0,0:04:16.80,0:04:20.88,Default,,0000,0000,0000,,sama obliczy pozostałe wymiary.
Dialogue: 0,0:04:20.88,0:04:22.50,Default,,0000,0000,0000,,Skasuję wysokość.
Dialogue: 0,0:04:22.50,0:04:25.27,Default,,0000,0000,0000,,Umiecie już wstawiać obrazy.\NTeraz pomyślcie,
Dialogue: 0,0:04:25.27,0:04:27.97,Default,,0000,0000,0000,,jak połączyć wszystkie znaczniki:
Dialogue: 0,0:04:27.97,0:04:32.97,Default,,0000,0000,0000,,listy z obrazami i akapitami,\Ndziesiątkę szalonych zwierzaków…
Dialogue: 0,0:04:33.30,0:04:35.83,Default,,0000,0000,0000,,Tylko nie zamieszczajcie\Nzbyt wielu zdjęć,
Dialogue: 0,0:04:35.83,0:04:37.58,Default,,0000,0000,0000,,bo osoba oglądająca stronę
Dialogue: 0,0:04:37.58,0:04:40.01,Default,,0000,0000,0000,,będzie musiała czekać, \Naż wszystkie się załadują.
Dialogue: 0,0:04:40.01,0:04:42.94,Default,,0000,0000,0000,,Mimo to,\Nbędziecie się dobrze bawić!