[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.41,0:00:01.84,Default,,0000,0000,0000,,Witam na swojej stronie. Dialogue: 0,0:00:01.84,0:00:04.06,Default,,0000,0000,0000,,Wiem, jest nieciekawa. Dialogue: 0,0:00:04.06,0:00:07.48,Default,,0000,0000,0000,,Pusta. Jak każda strona\Nna początku. Dialogue: 0,0:00:07.48,0:00:10.17,Default,,0000,0000,0000,,Niedługo pokażę wam,\Njak ją zapełnić. Dialogue: 0,0:00:10.28,0:00:11.68,Default,,0000,0000,0000,,Zapoznajmy się Dialogue: 0,0:00:11.68,0:00:14.86,Default,,0000,0000,0000,,z budową takiej pustej strony. Dialogue: 0,0:00:15.39,0:00:16.94,Default,,0000,0000,0000,,Każda strona zaczyna się Dialogue: 0,0:00:16.94,0:00:20.38,Default,,0000,0000,0000,,od deklaracji DOCTYPE. Dialogue: 0,0:00:20.56,0:00:21.96,Default,,0000,0000,0000,,To znak dla przeglądarki, Dialogue: 0,0:00:21.96,0:00:24.60,Default,,0000,0000,0000,,że stronę stworzono\Nw nowej wersji HTML, Dialogue: 0,0:00:24.60,0:00:27.53,Default,,0000,0000,0000,,a nie w jakiejś\Nstarej i dziwacznej. Dialogue: 0,0:00:27.93,0:00:31.03,Default,,0000,0000,0000,,Przejdźmy do pierwszego \Nznacznika na stronie. Dialogue: 0,0:00:31.03,0:00:34.58,Default,,0000,0000,0000,,HTML to język znaczników. Dialogue: 0,0:00:34.64,0:00:36.40,Default,,0000,0000,0000,,Znacznik zaczyna się Dialogue: 0,0:00:36.40,0:00:38.31,Default,,0000,0000,0000,,od nawiasu trójkątnego Dialogue: 0,0:00:38.31,0:00:40.68,Default,,0000,0000,0000,,i takim samym się kończy. Dialogue: 0,0:00:40.74,0:00:42.35,Default,,0000,0000,0000,,Jeśli lubicie matematykę, Dialogue: 0,0:00:42.35,0:00:45.38,Default,,0000,0000,0000,,nazywajcie je znakami\Nwiększości i mniejszości. Dialogue: 0,0:00:46.47,0:00:48.36,Default,,0000,0000,0000,,Pierwszym znacznikiem na stronie Dialogue: 0,0:00:48.36,0:00:51.34,Default,,0000,0000,0000,,jest „html”,\Nzawsze pod DOCTYPE. Dialogue: 0,0:00:51.34,0:00:53.87,Default,,0000,0000,0000,,To znacznik początkowy, Dialogue: 0,0:00:53.87,0:00:57.06,Default,,0000,0000,0000,,a u dołu jest znacznik końcowy, Dialogue: 0,0:00:57.06,0:00:59.73,Default,,0000,0000,0000,,taki sam, tylko z ukośnikiem, Dialogue: 0,0:00:59.73,0:01:01.75,Default,,0000,0000,0000,,który jest bardzo ważny. Dialogue: 0,0:01:01.89,0:01:05.15,Default,,0000,0000,0000,,Między nimi mieszczą się\Nwszystkie inne znaczniki Dialogue: 0,0:01:05.15,0:01:07.35,Default,,0000,0000,0000,,tworzące tę stronę. Dialogue: 0,0:01:07.38,0:01:11.05,Default,,0000,0000,0000,,Dlatego znacznik końcowy\Njest na samym dole. Dialogue: 0,0:01:11.12,0:01:13.35,Default,,0000,0000,0000,,Wiele znaczników HTML\Nto takie pary, Dialogue: 0,0:01:13.35,0:01:15.10,Default,,0000,0000,0000,,ale nie wszystkie. Dialogue: 0,0:01:15.57,0:01:19.18,Default,,0000,0000,0000,,Pod znacznikiem „html”\Nzawsze jest znacznik „head”. Dialogue: 0,0:01:19.44,0:01:22.15,Default,,0000,0000,0000,,Zawiera znaczniki pomagające\Nprzeglądarce Dialogue: 0,0:01:22.15,0:01:25.16,Default,,0000,0000,0000,,odpowiednio wyświetlić stronę. Dialogue: 0,0:01:25.44,0:01:27.88,Default,,0000,0000,0000,,Znacznik „meta”\Nszczegółowo informuje Dialogue: 0,0:01:27.88,0:01:30.02,Default,,0000,0000,0000,,przeglądarkę, jak to zrobić. Dialogue: 0,0:01:30.20,0:01:31.88,Default,,0000,0000,0000,,Jeśli np. chcemy używać tylko Dialogue: 0,0:01:31.88,0:01:33.28,Default,,0000,0000,0000,,alfabetu łacińskiego, Dialogue: 0,0:01:33.28,0:01:34.75,Default,,0000,0000,0000,,a nie skomplikowanych Dialogue: 0,0:01:34.75,0:01:36.63,Default,,0000,0000,0000,,liter arabskich, Dialogue: 0,0:01:36.63,0:01:39.62,Default,,0000,0000,0000,,wpiszemy znacznik\Nmeta charset="utf-8". Dialogue: 0,0:01:40.10,0:01:41.58,Default,,0000,0000,0000,,Znacznik „title” Dialogue: 0,0:01:41.58,0:01:45.01,Default,,0000,0000,0000,,zawiera tytuł strony, Dialogue: 0,0:01:45.21,0:01:47.62,Default,,0000,0000,0000,,który pojawi się w pasku na górze, Dialogue: 0,0:01:47.62,0:01:50.04,Default,,0000,0000,0000,,w zakładkach\Ni wynikach wyszukiwania. Dialogue: 0,0:01:50.16,0:01:53.43,Default,,0000,0000,0000,,W Khan Academy tytuł\Nwidać nad naszą stroną. Dialogue: 0,0:01:53.69,0:01:55.54,Default,,0000,0000,0000,,Zmienię tytuł. Dialogue: 0,0:01:55.70,0:01:59.35,Default,,0000,0000,0000,,Zrobię stronę o królikach: Dialogue: 0,0:01:59.35,0:02:01.91,Default,,0000,0000,0000,,„All About Rabbits”\N(Wszystko o królikach). Dialogue: 0,0:02:01.91,0:02:04.92,Default,,0000,0000,0000,,Może już widzicie,\Nże tytuł się zmienił. Dialogue: 0,0:02:05.54,0:02:08.15,Default,,0000,0000,0000,,Super! Zrobiliśmy już wszystko, Dialogue: 0,0:02:08.15,0:02:11.95,Default,,0000,0000,0000,,wstawmy znacznik „/head”\Ni przejdźmy dalej do znacznika, Dialogue: 0,0:02:11.95,0:02:14.81,Default,,0000,0000,0000,,w którym powstaje strona.\NTo znacznik „body”. Dialogue: 0,0:02:15.03,0:02:17.80,Default,,0000,0000,0000,,Na razie - nuda.\NTylko początek i koniec. Dialogue: 0,0:02:18.08,0:02:19.52,Default,,0000,0000,0000,,Co dodać? Dialogue: 0,0:02:19.52,0:02:21.92,Default,,0000,0000,0000,,Skoro tworzę stronę o królikach, Dialogue: 0,0:02:21.92,0:02:23.16,Default,,0000,0000,0000,,powinnam to napisać Dialogue: 0,0:02:23.16,0:02:25.46,Default,,0000,0000,0000,,dużymi literami u góry. Dialogue: 0,0:02:25.56,0:02:28.66,Default,,0000,0000,0000,,Nagłówek dodamy za pomocą\Nznacznika „h1”. Dialogue: 0,0:02:29.57,0:02:33.15,Default,,0000,0000,0000,,„Wszystko o królikach”, świetnie. Dialogue: 0,0:02:33.15,0:02:34.77,Default,,0000,0000,0000,,Mamy do dyspozycji Dialogue: 0,0:02:34.77,0:02:38.44,Default,,0000,0000,0000,,6 znaczników do nagłówków:\N„h1”, „h2”, „h3”, „h4”, „h5”, „h6”; Dialogue: 0,0:02:38.46,0:02:41.15,Default,,0000,0000,0000,,„h1” odnosi się\Ndo najważniejszego nagłówka, Dialogue: 0,0:02:41.15,0:02:43.36,Default,,0000,0000,0000,,a „h6” do najmniej ważnego. Dialogue: 0,0:02:43.49,0:02:45.68,Default,,0000,0000,0000,,Dodam tytuły sekcji. Dialogue: 0,0:02:45.70,0:02:49.04,Default,,0000,0000,0000,,Skorzystam ze znacznika „h2”, Dialogue: 0,0:02:49.04,0:02:51.20,Default,,0000,0000,0000,,bo te części są nieco mniej ważne. Dialogue: 0,0:02:51.96,0:02:55.47,Default,,0000,0000,0000,,Jeszcze piosenki. Świetnie. Dialogue: 0,0:02:56.21,0:02:58.24,Default,,0000,0000,0000,,Dodajmy trochę informacji. Dialogue: 0,0:02:58.40,0:03:00.44,Default,,0000,0000,0000,,Tworzę tę stronę Dialogue: 0,0:03:00.44,0:03:03.93,Default,,0000,0000,0000,,dla kosmitów,\Nktórzy nigdy nie widzieli królika. Dialogue: 0,0:03:03.93,0:03:06.94,Default,,0000,0000,0000,,Przyda się porządny opis. Dialogue: 0,0:03:07.10,0:03:10.17,Default,,0000,0000,0000,,Cały akapit z informacjami. Dialogue: 0,0:03:10.40,0:03:12.86,Default,,0000,0000,0000,,Jak oznaczyć w HTML\Nakapit (paragraf)? Dialogue: 0,0:03:13.39,0:03:16.05,Default,,0000,0000,0000,,Oczywiście znacznikiem „p”. Dialogue: 0,0:03:16.47,0:03:20.74,Default,,0000,0000,0000,,Stawiam znacznik „p”\Ni już mogę Dialogue: 0,0:03:20.74,0:03:22.63,Default,,0000,0000,0000,,wkleić informacje. Dialogue: 0,0:03:22.63,0:03:25.57,Default,,0000,0000,0000,,Nie musicie patrzeć,\Njak wszystko wklepuję. Dialogue: 0,0:03:25.86,0:03:27.12,Default,,0000,0000,0000,,Pięknie! Dialogue: 0,0:03:27.70,0:03:30.90,Default,,0000,0000,0000,,Kosmici muszą znać piosenkę\Npowitalną dla królików. Dialogue: 0,0:03:30.91,0:03:33.17,Default,,0000,0000,0000,,Podam im tekst swojej ulubionej. Dialogue: 0,0:03:33.17,0:03:38.17,Default,,0000,0000,0000,,Znów użyję znacznika „p”\Ni wkleję słowa. Dialogue: 0,0:03:39.52,0:03:43.42,Default,,0000,0000,0000,,„Króliczek Foo Foo”, ładna piosenka. Dialogue: 0,0:03:43.57,0:03:47.67,Default,,0000,0000,0000,,Oj, wszystko wyświetla się\Nw jednej linii! Dialogue: 0,0:03:47.87,0:03:50.32,Default,,0000,0000,0000,,Skąd kosmici mają wiedzieć,\Ngdzie są pauzy? Dialogue: 0,0:03:50.42,0:03:51.66,Default,,0000,0000,0000,,Dlaczego przeglądarka Dialogue: 0,0:03:51.66,0:03:54.09,Default,,0000,0000,0000,,nie pokazała podziałów wiersza? Dialogue: 0,0:03:54.35,0:03:57.05,Default,,0000,0000,0000,,Na ogół przeglądarki\Nignorują te znaki Dialogue: 0,0:03:57.05,0:03:59.14,Default,,0000,0000,0000,,oraz spacje w tekstach w HTML. Dialogue: 0,0:03:59.32,0:04:01.65,Default,,0000,0000,0000,,Żeby przeglądarka podzieliła wiersz, Dialogue: 0,0:04:01.65,0:04:05.02,Default,,0000,0000,0000,,musimy jej to nakazać,\Nużywając innego znacznika, Dialogue: 0,0:04:05.02,0:04:08.18,Default,,0000,0000,0000,,„br” (z ang. break - podział). Dialogue: 0,0:04:08.40,0:04:12.51,Default,,0000,0000,0000,,Dodamy więc „br”\Nna końcu każdego wiersza. Dialogue: 0,0:04:12.78,0:04:14.88,Default,,0000,0000,0000,,Teraz widać tekst piosenki! Dialogue: 0,0:04:15.44,0:04:18.89,Default,,0000,0000,0000,,Zauważyliście coś\Nw związku z „br”? Dialogue: 0,0:04:19.22,0:04:20.85,Default,,0000,0000,0000,,Nie ma znacznika końcowego. Dialogue: 0,0:04:20.97,0:04:21.94,Default,,0000,0000,0000,,Pomyślmy: Dialogue: 0,0:04:21.94,0:04:23.49,Default,,0000,0000,0000,,podział wiersza nie ma treści, Dialogue: 0,0:04:23.49,0:04:25.86,Default,,0000,0000,0000,,więc co tu kończyć? Dialogue: 0,0:04:26.01,0:04:28.50,Default,,0000,0000,0000,,Wystarczy znacznik początkowy. Dialogue: 0,0:04:29.06,0:04:30.36,Default,,0000,0000,0000,,Gotowe. Dialogue: 0,0:04:30.46,0:04:32.70,Default,,0000,0000,0000,,Kosmici dowiedzą się o królikach, Dialogue: 0,0:04:32.70,0:04:35.88,Default,,0000,0000,0000,,a wy poznaliście podstawy HTML. Dialogue: 0,0:04:36.04,0:04:37.16,Default,,0000,0000,0000,,Kiedy skończę, Dialogue: 0,0:04:37.16,0:04:39.92,Default,,0000,0000,0000,,pobawcie się,\Npozmieniajcie różne rzeczy. Dialogue: 0,0:04:39.98,0:04:43.66,Default,,0000,0000,0000,,A gdy będziecie gotowi, przejdźcie\Ndo pierwszego zadania w HTML.