[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.21,0:00:05.22,Default,,0000,0000,0000,,Już wiecie, jak zmienić\Nkolor czcionki i tła na stronie. Dialogue: 0,0:00:05.30,0:00:08.68,Default,,0000,0000,0000,,Dzięki CSS, z tekstem\Nmożna zrobić znacznie więcej. Dialogue: 0,0:00:09.51,0:00:11.63,Default,,0000,0000,0000,,Najpierw zmieńmy czcionkę. Dialogue: 0,0:00:12.58,0:00:15.92,Default,,0000,0000,0000,,Czym jest czcionka? Wiecie to,\Ntylko może nie kojarzycie Dialogue: 0,0:00:15.92,0:00:17.03,Default,,0000,0000,0000,,samego określenia. Dialogue: 0,0:00:17.24,0:00:19.51,Default,,0000,0000,0000,,To styl tworzących słowa liter: Dialogue: 0,0:00:19.80,0:00:22.100,Default,,0000,0000,0000,,czy mają ozdoby, jak są grube, Dialogue: 0,0:00:23.18,0:00:25.08,Default,,0000,0000,0000,,czy wyglądają jak napisane piórem. Dialogue: 0,0:00:25.88,0:00:30.27,Default,,0000,0000,0000,,Najprościej będzie, gdy dla przykładu\Nzmienię rodzinę czcionek. Dialogue: 0,0:00:30.66,0:00:35.44,Default,,0000,0000,0000,,Przejdę do reguły „p”, by wybrać\Nwszystkie akapity. Dodam właściwość Dialogue: 0,0:00:35.73,0:00:37.96,Default,,0000,0000,0000,,„font-family” (rodzina czcionek). Dialogue: 0,0:00:41.74,0:00:43.83,Default,,0000,0000,0000,,Widzicie, jak zmieniły się litery? Dialogue: 0,0:00:44.12,0:00:45.80,Default,,0000,0000,0000,,Stały się prostsze. Dialogue: 0,0:00:47.29,0:00:52.18,Default,,0000,0000,0000,,Zmienię rodzinę czcionek,\Nokreślając „serif” (szeryfowa). Dialogue: 0,0:00:52.28,0:00:55.90,Default,,0000,0000,0000,,Widzicie, że litery\Nsą bardziej skomplikowane? Dialogue: 0,0:00:55.90,0:00:59.86,Default,,0000,0000,0000,,W czcionce szeryfowej litery\Nmają ogonki, tzw. zaciosy. Dialogue: 0,0:00:59.98,0:01:04.27,Default,,0000,0000,0000,,Gdy każemy przeglądarce użyć\Nczcionki szeryfowej, weźmie domyślną Dialogue: 0,0:01:04.27,0:01:07.71,Default,,0000,0000,0000,,taką czcionkę dla danego\Nkomputera. Zwykle Times New Roman. Dialogue: 0,0:01:10.55,0:01:13.11,Default,,0000,0000,0000,,Zmienię na „sans-serif”\N- bezszeryfową. Dialogue: 0,0:01:14.25,0:01:17.81,Default,,0000,0000,0000,,„Sans”, z łaciny, oznacza „bez”. Dialogue: 0,0:01:17.100,0:01:21.81,Default,,0000,0000,0000,,Litery czcionki bezszeryfowej\Nnie mają zaciosów. Dialogue: 0,0:01:22.10,0:01:23.72,Default,,0000,0000,0000,,Dlatego są prostsze. Dialogue: 0,0:01:24.18,0:01:27.94,Default,,0000,0000,0000,,Gdy każemy przeglądarce\Nużyć czcionki bezszeryfowej, Dialogue: 0,0:01:27.94,0:01:33.14,Default,,0000,0000,0000,,wybierze tę domyślną dla komputera.\NZwykle Arial lub Helvetikę. Dialogue: 0,0:01:33.14,0:01:37.71,Default,,0000,0000,0000,,Ważne: wybierze czcionkę domyślną Dialogue: 0,0:01:37.71,0:01:41.22,Default,,0000,0000,0000,,dla komputera odbiorcy,\Nnie autora strony. Dialogue: 0,0:01:41.55,0:01:45.26,Default,,0000,0000,0000,,Może teraz widzicie inną\Nczcionkę bezszeryfową, Dialogue: 0,0:01:45.32,0:01:47.60,Default,,0000,0000,0000,,bo mamy różne czcionki domyślne. Dialogue: 0,0:01:47.60,0:01:54.33,Default,,0000,0000,0000,,Czasami to nic, ale niekiedy chcę,\Nby odbiorca widział stronę Dialogue: 0,0:01:54.33,0:01:56.26,Default,,0000,0000,0000,,z taką samą czcionką jak u mnie. Dialogue: 0,0:01:56.70,0:02:01.98,Default,,0000,0000,0000,,W tym celu podaję konkretną\Nnazwę czcionki. Np. Helvetica. Dialogue: 0,0:02:03.15,0:02:07.94,Default,,0000,0000,0000,,To się uda, jeśli wy i ja mamy\Ntę czcionkę w komputerach. Dialogue: 0,0:02:08.44,0:02:12.64,Default,,0000,0000,0000,,Ale nie musi koniecznie tak być.\NWtedy komputer Dialogue: 0,0:02:12.71,0:02:14.04,Default,,0000,0000,0000,,zignoruje tę właściwość. Dialogue: 0,0:02:14.75,0:02:20.03,Default,,0000,0000,0000,,CSS pozwala określić\Nrodzinę czcionek, na wypadek, Dialogue: 0,0:02:20.06,0:02:22.30,Default,,0000,0000,0000,,gdyby tej głównej\Nnie było w komputerze. Dialogue: 0,0:02:22.98,0:02:28.00,Default,,0000,0000,0000,,Po „Helvetice” piszecie przecinek\Ni „sans serif”. Dialogue: 0,0:02:28.44,0:02:32.74,Default,,0000,0000,0000,,Komputer poszuka Helvetiki.\NJeśli nie znajdzie, użyje domyślnej Dialogue: 0,0:02:32.74,0:02:34.44,Default,,0000,0000,0000,,czcionki bezszeryfowej. Dialogue: 0,0:02:35.07,0:02:39.30,Default,,0000,0000,0000,,Wybierając konkretną czcionkę,\Nnp. Helvetikę, Dialogue: 0,0:02:39.32,0:02:42.74,Default,,0000,0000,0000,,zawsze na wszelki wypadek\Ndopisujcie rodzinę czcionek. Dialogue: 0,0:02:44.45,0:02:48.35,Default,,0000,0000,0000,,Prócz „serif” i „sans-serif”\Nsą jeszcze inne rodziny czcionek, Dialogue: 0,0:02:48.35,0:02:49.50,Default,,0000,0000,0000,,których można użyć. Dialogue: 0,0:02:50.10,0:02:56.60,Default,,0000,0000,0000,,Tekst piosenki będzie jak pismo\Nodręczne, gdy określimy „cursive”. Dialogue: 0,0:02:58.27,0:03:03.87,Default,,0000,0000,0000,,Jeśli wolimy bardziej wymyślne litery,\Nwybierzmy rodzinę czcionek „fantasy”. Dialogue: 0,0:03:04.94,0:03:08.30,Default,,0000,0000,0000,,A gdybyśmy chcieli czcionkę\Njak z maszyny do pisania? Dialogue: 0,0:03:08.30,0:03:11.12,Default,,0000,0000,0000,,Wybierzmy rodzinę „monospace”. Dialogue: 0,0:03:11.20,0:03:15.18,Default,,0000,0000,0000,,Te czcionki mają stałą szerokość.\NCzyli szerokość każdej litery Dialogue: 0,0:03:15.20,0:03:16.31,Default,,0000,0000,0000,,jest taka sama. Dialogue: 0,0:03:16.48,0:03:20.05,Default,,0000,0000,0000,,W Khan Academy często widzicie\Nczcionki „monospace”, Dialogue: 0,0:03:20.26,0:03:23.33,Default,,0000,0000,0000,,bo zawsze używamy ich\Nw edytorach kodów. Dialogue: 0,0:03:23.100,0:03:27.08,Default,,0000,0000,0000,,Chcemy, by kody były wyrównane,\Nniezależnie od liter Dialogue: 0,0:03:27.22,0:03:27.78,Default,,0000,0000,0000,,w słowach. Dialogue: 0,0:03:29.48,0:03:33.31,Default,,0000,0000,0000,,Umiecie zmieniać rodzinę czcionek.\NRóbcie to rozsądnie. Dialogue: 0,0:03:33.45,0:03:37.79,Default,,0000,0000,0000,,Żeby strona wyglądała dobrze,\Nstosujcie czcionki z kilku rodzin Dialogue: 0,0:03:37.79,0:03:40.23,Default,,0000,0000,0000,,i pary czcionek pasujących do siebie. Dialogue: 0,0:03:40.70,0:03:45.30,Default,,0000,0000,0000,,Jeśli nie chcecie, by strona\Nwyglądała dobrze - wasza sprawa! Dialogue: 0,0:03:45.40,0:03:47.32,Default,,0000,0000,0000,,Bawcie się czcionkami!