[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:02.84,Default,,0000,0000,0000,,Poznaliście już parę znaczników HTML.
Dialogue: 0,0:00:03.00,0:00:04.80,Default,,0000,0000,0000,,A wiecie, co znaczy ten skrót?
Dialogue: 0,0:00:04.85,0:00:09.09,Default,,0000,0000,0000,,HyperText Markup Language\N(hipertekstowy język znaczników).
Dialogue: 0,0:00:11.47,0:00:14.18,Default,,0000,0000,0000,,Metoda oznaczania treści\Nza pomocą znaczników.
Dialogue: 0,0:00:14.18,0:00:16.86,Default,,0000,0000,0000,,A termin „hipertekst”?
Dialogue: 0,0:00:16.87,0:00:20.49,Default,,0000,0000,0000,,Powstał, gdy jeszcze\Nnie było Internetu,
Dialogue: 0,0:00:20.49,0:00:23.82,Default,,0000,0000,0000,,w latach 60. XX w. Oznacza\Ntekst powiązany z innym,
Dialogue: 0,0:00:23.82,0:00:26.26,Default,,0000,0000,0000,,do którego czytelnik\Nmoże przejść od razu.
Dialogue: 0,0:00:26.27,0:00:29.72,Default,,0000,0000,0000,,Tim Berners-Lee\Nwymyślił HTML
Dialogue: 0,0:00:29.72,0:00:32.76,Default,,0000,0000,0000,,i inne elementy Internetu,\Nnp. HTTP,
Dialogue: 0,0:00:32.79,0:00:34.91,Default,,0000,0000,0000,,by łączyć jeden tekst z innym,
Dialogue: 0,0:00:34.91,0:00:36.72,Default,,0000,0000,0000,,znajdującym się gdzie indziej.
Dialogue: 0,0:00:36.75,0:00:39.19,Default,,0000,0000,0000,,Jak łączymy strony www z innymi
Dialogue: 0,0:00:39.19,0:00:41.28,Default,,0000,0000,0000,,w HTML-u?
Dialogue: 0,0:00:41.28,0:00:43.45,Default,,0000,0000,0000,,Oczywiście hiperlinkiem!
Dialogue: 0,0:00:43.45,0:00:46.28,Default,,0000,0000,0000,,Teraz mówimy już tylko „link”.
Dialogue: 0,0:00:46.28,0:00:48.60,Default,,0000,0000,0000,,A jak robimy link w HTML-u?
Dialogue: 0,0:00:48.64,0:00:50.30,Default,,0000,0000,0000,,Teraz będzie dziwnie.
Dialogue: 0,0:00:50.30,0:00:52.77,Default,,0000,0000,0000,,Myślicie, że użyjemy\Nznacznika „link”?
Dialogue: 0,0:00:52.77,0:00:57.63,Default,,0000,0000,0000,,On jest używany do innych\Nlinków w HTML-u.
Dialogue: 0,0:00:57.63,0:01:03.11,Default,,0000,0000,0000,,Stosujemy znacznik „a”,\Nod „anchor” (ang. kotwica).
Dialogue: 0,0:01:03.17,0:01:06.45,Default,,0000,0000,0000,,Zakotwicza link na stronie\Nw pewnym miejscu
Dialogue: 0,0:01:06.45,0:01:09.42,Default,,0000,0000,0000,,i łączy tę kotwicę z inną stroną.
Dialogue: 0,0:01:09.44,0:01:11.99,Default,,0000,0000,0000,,Aby zrobić link,\Nmusimy wpisać znacznik,
Dialogue: 0,0:01:11.99,0:01:14.62,Default,,0000,0000,0000,,wybrać tekst do linku
Dialogue: 0,0:01:14.62,0:01:17.22,Default,,0000,0000,0000,,i adres, do którego link odsyła.
Dialogue: 0,0:01:17.23,0:01:24.07,Default,,0000,0000,0000,,Zróbmy link do strony z informacjami\No narodzinach Internetu.
Dialogue: 0,0:01:24.07,0:01:29.51,Default,,0000,0000,0000,,Tekst linku znajdzie się między\Nznacznikiem początkowym a końcowym.
Dialogue: 0,0:01:29.60,0:01:31.90,Default,,0000,0000,0000,,Ustawiam tu kursor i piszę:
Dialogue: 0,0:01:31.90,0:01:36.61,Default,,0000,0000,0000,,„Przeczytaj więcej\No historii HTML-u”.
Dialogue: 0,0:01:36.61,0:01:41.02,Default,,0000,0000,0000,,Tekst już wygląda jak link,
Dialogue: 0,0:01:41.06,0:01:44.32,Default,,0000,0000,0000,,lecz jeszcze nigdzie nie wysyła.\NTrzeba dodać adres.
Dialogue: 0,0:01:44.35,0:01:47.48,Default,,0000,0000,0000,,Nie chcemy, by był\Nwidoczny na stronie,
Dialogue: 0,0:01:47.48,0:01:49.94,Default,,0000,0000,0000,,ale przeglądarka musi go znać.
Dialogue: 0,0:01:49.99,0:01:53.04,Default,,0000,0000,0000,,Umieścimy go w atrybucie znacznika.
Dialogue: 0,0:01:53.09,0:01:56.94,Default,,0000,0000,0000,,To atrybut „href”.
Dialogue: 0,0:01:56.98,0:01:59.75,Default,,0000,0000,0000,,Co oznacza „href”?
Dialogue: 0,0:01:59.77,0:02:03.26,Default,,0000,0000,0000,,Podpowiem. Często widujecie to „h”.
Dialogue: 0,0:02:03.28,0:02:06.12,Default,,0000,0000,0000,,Oznacza „hiper”. Hiperreferencja.
Dialogue: 0,0:02:06.12,0:02:11.97,Default,,0000,0000,0000,,Wkleję teraz adres, nazywany też URL.
Dialogue: 0,0:02:12.04,0:02:15.94,Default,,0000,0000,0000,,Zauważyliście, że zaczyna się\Nod „http:”?
Dialogue: 0,0:02:16.05,0:02:19.04,Default,,0000,0000,0000,,Zgadnijcie, co oznacza „h”. Hiper!
Dialogue: 0,0:02:19.08,0:02:21.48,Default,,0000,0000,0000,,W HTML-u wszystko jest hiper!
Dialogue: 0,0:02:21.55,0:02:25.66,Default,,0000,0000,0000,,Adres URL podaje przeglądarce dane\Ndo znalezienia strony:
Dialogue: 0,0:02:25.72,0:02:27.96,Default,,0000,0000,0000,,używany protokół,
Dialogue: 0,0:02:28.04,0:02:30.36,Default,,0000,0000,0000,,domenę, w której strona się znajduje,
Dialogue: 0,0:02:30.46,0:02:34.26,Default,,0000,0000,0000,,a także ścieżkę na serwerze.
Dialogue: 0,0:02:34.29,0:02:38.58,Default,,0000,0000,0000,,Ścieżki pełne nazywamy\Nbezwzględnymi adresami URL.
Dialogue: 0,0:02:38.62,0:02:43.50,Default,,0000,0000,0000,,Czasem zobaczycie adres URL\Ntylko z ukośnikiem i ścieżką.
Dialogue: 0,0:02:43.56,0:02:46.18,Default,,0000,0000,0000,,Każe przeglądarce szukać zasobów
Dialogue: 0,0:02:46.18,0:02:48.63,Default,,0000,0000,0000,,w tej samej domenie.
Dialogue: 0,0:02:48.64,0:02:50.63,Default,,0000,0000,0000,,To jest „adres URL względny”.
Dialogue: 0,0:02:50.68,0:02:54.05,Default,,0000,0000,0000,,Używamy takich w Khan Academy,\Ndo łączenia zasobów.
Dialogue: 0,0:02:54.14,0:02:57.62,Default,,0000,0000,0000,,W stronach, które tworzycie,\Nstosujcie adresy bezwzględne.
Dialogue: 0,0:02:57.62,0:02:59.29,Default,,0000,0000,0000,,Tak będzie bezpieczniej.
Dialogue: 0,0:02:59.32,0:03:02.15,Default,,0000,0000,0000,,Mówimy też przeglądarce,\Ngdzie otworzyć stronę:
Dialogue: 0,0:03:02.15,0:03:04.73,Default,,0000,0000,0000,,w oknie bieżącym czy w nowym.
Dialogue: 0,0:03:04.77,0:03:07.06,Default,,0000,0000,0000,,Żeby otworzyła link w nowym oknie,
Dialogue: 0,0:03:07.06,0:03:10.75,Default,,0000,0000,0000,,dodajemy atrybut „target” (ang. cel).
Dialogue: 0,0:03:10.80,0:03:15.26,Default,,0000,0000,0000,,target="_blank"
Dialogue: 0,0:03:15.29,0:03:19.41,Default,,0000,0000,0000,,Przerwijcie oglądanie\Ni kliknijcie link.
Dialogue: 0,0:03:19.44,0:03:23.37,Default,,0000,0000,0000,,Już, ja zaczekam. Klik-klik!
Dialogue: 0,0:03:23.39,0:03:24.37,Default,,0000,0000,0000,,Co się stało?
Dialogue: 0,0:03:24.43,0:03:25.80,Default,,0000,0000,0000,,Zobaczyliście komunikat:
Dialogue: 0,0:03:25.80,0:03:28.24,Default,,0000,0000,0000,,link jest ze strony\Nstworzonej przez użytkownika.
Dialogue: 0,0:03:28.24,0:03:30.62,Default,,0000,0000,0000,,Otwiera się po kliknięciu „OK”.
Dialogue: 0,0:03:30.68,0:03:33.12,Default,,0000,0000,0000,,Linki zewnętrzne na waszych stronach
Dialogue: 0,0:03:33.12,0:03:34.40,Default,,0000,0000,0000,,traktujemy inaczej.
Dialogue: 0,0:03:34.42,0:03:37.80,Default,,0000,0000,0000,,Żeby użytkownicy nie myśleli,\Nże linki z Khan Academy
Dialogue: 0,0:03:37.80,0:03:41.05,Default,,0000,0000,0000,,odsyłają w jakieś straszne miejsce.
Dialogue: 0,0:03:41.07,0:03:43.99,Default,,0000,0000,0000,,Każdy link stworzony tutaj\Nbędzie tak ostrzegał
Dialogue: 0,0:03:43.99,0:03:46.16,Default,,0000,0000,0000,,i otwierał się w nowym oknie.
Dialogue: 0,0:03:46.30,0:03:50.22,Default,,0000,0000,0000,,To znaczy, że mogę skasować\Natrybut „target”,
Dialogue: 0,0:03:50.22,0:03:53.05,Default,,0000,0000,0000,,bo sprawa zostaje załatwiona\Nza kulisami.
Dialogue: 0,0:03:53.09,0:03:54.42,Default,,0000,0000,0000,,Mogę go zostawić,
Dialogue: 0,0:03:54.42,0:03:57.76,Default,,0000,0000,0000,,żeby kiedyś wziąć ten kod\Nz Khan Academy
Dialogue: 0,0:03:57.76,0:04:00.84,Default,,0000,0000,0000,,i mieć pewność, że będzie\Notwierał się w nowym oknie.
Dialogue: 0,0:04:00.87,0:04:02.72,Default,,0000,0000,0000,,Kiedy „target” jest niezbędny?
Dialogue: 0,0:04:02.78,0:04:06.30,Default,,0000,0000,0000,,Gdy link odsyła do innej strony\Nw tej samej domenie i ma
Dialogue: 0,0:04:06.30,0:04:08.02,Default,,0000,0000,0000,,otwierać się w tym samym oknie.
Dialogue: 0,0:04:08.02,0:04:12.18,Default,,0000,0000,0000,,A gdy odsyła do innej domeny\N- w nowym.
Dialogue: 0,0:04:12.24,0:04:13.64,Default,,0000,0000,0000,,Dość gadania,
Dialogue: 0,0:04:13.64,0:04:16.65,Default,,0000,0000,0000,,pokażę jeszcze coś świetnego.
Dialogue: 0,0:04:16.69,0:04:18.65,Default,,0000,0000,0000,,Możemy podlinkować nie tylko tekst,
Dialogue: 0,0:04:18.65,0:04:21.63,Default,,0000,0000,0000,,ale obrazy albo tekst z obrazami!
Dialogue: 0,0:04:21.66,0:04:26.82,Default,,0000,0000,0000,,Tu mamy zdjęcie Tima Bernersa-Lee.
Dialogue: 0,0:04:26.87,0:04:30.45,Default,,0000,0000,0000,,Wytnę je…
Dialogue: 0,0:04:30.46,0:04:34.07,Default,,0000,0000,0000,,i wkleję wewnątrz linku.
Dialogue: 0,0:04:34.09,0:04:36.07,Default,,0000,0000,0000,,Pięknie!
Dialogue: 0,0:04:36.07,0:04:38.96,Default,,0000,0000,0000,,Gdy najadę myszką na obraz,
Dialogue: 0,0:04:38.96,0:04:41.31,Default,,0000,0000,0000,,kursor zmieni się we wskaźnik,
Dialogue: 0,0:04:41.31,0:04:44.38,Default,,0000,0000,0000,,a kliknięcie przeniesie mnie\Nna stronę CERN-u.
Dialogue: 0,0:04:44.38,0:04:46.95,Default,,0000,0000,0000,,Moglibyście podlinkować\Ncałą swoją stronę,
Dialogue: 0,0:04:46.95,0:04:49.87,Default,,0000,0000,0000,,tak, że wszystko byłoby\Nniebieskie i podkreślone.
Dialogue: 0,0:04:49.87,0:04:57.00,Default,,0000,0000,0000,,Ale proszę, nie róbcie tego!\NLinkujcie życzliwie, przyjaciele!