Kurs HTML i CSS

> Dodaj do ulubionych

Pierwszy rozdzia艂 pewnej ksi膮偶ki na temat termodynamiki i mechaniki statystycznej zaczyna si臋 od nast臋puj膮cych s艂贸w:

Ludwig Boltzmann, kt贸ry wi臋kszo艣膰 偶ycia po艣wi臋ci艂 na studiowanie mechaniki statystycznej, straci艂 偶ycie w 1906 roku z w艂asnej r臋ki. Paul Ehrenfest, kt贸ry kontynuowa艂 jego dzie艂o, zmar艂 w podobny spos贸b w 1933 roku. Teraz nasza kolej na studiowanie mechaniki statystycznej. By膰 mo偶e b臋dzie trzeba podej艣膰 do tego tematu ostro偶nie.

Na szcz臋艣cie technologie HTML i CSS nie s膮 tak skomplikowane, jak termodynamika i mechanika statystyczna, wi臋c ju偶 na starcie jeste艣my w lepszej sytuacji ni偶 wielu student贸w fizyki. Ufff鈥

Ten kurs HTML i CSS uczy HTML5 i CSS ca艂kowicie od zera, tzn. do nauki na jego podstawie mo偶e przyst膮pi膰 ka偶dy, kto chce nauczy膰 si臋 tworzy膰 strony internetowe bez wzgl臋du na obecny stan swojej wiedzy na temat tych technologii.

Podczas przygotowywania tego kursu nie zosta艂y przyj臋te jakiekolwiek za艂o偶enia, 偶e u偶ytkownik ju偶 co艣 umie. Dlatego zawiera on wprowadzenie od podstaw zar贸wno do j臋zyk贸w HTML5 i CSS, jak i do najwa偶niejszych narz臋dzi u偶ywanych podczas tworzenia stron internetowych, takich jak edytory kodu 藕r贸d艂owego, edytory grafiki, czy przegl膮darki internetowe.

Je艣li chcesz pozna膰 wszystkie elementy j臋zyka HTML5 oraz wszystkie najwa偶niejsze elementy technologii CSS, to ten kurs jest dla Ciebie idealnym wyborem (przynajmniej tak膮 mam nadziej臋).

Rozdzia艂y tego kursu HTML i CSS tworz膮 sp贸jn膮 ca艂o艣膰, wi臋c najlepiej jest czyta膰 je po kolei. W szczeg贸lno艣ci dotyczy to os贸b pocz膮tkuj膮cych. Je艣li posiadasz ju偶 wiedz臋 na temat tych technologii, to bez problemu mo偶esz czyta膰 rozdzia艂y tak偶e na wyrywki.

Wa偶ne informacje o kursie

Ten kurs zasadniczo jest podzielony na dwie cz臋艣ci 鈥 wprowadzaj膮c膮 i zaawansowan膮. Druga cz臋艣膰 zosta艂a nazwana w ten spos贸b z braku lepszego s艂owa, ale tak naprawd臋 nie zawiera opisu 偶adnych kosmicznych technik tylko dla zaawansowanych u偶ytkownik贸w z 20-letnim do艣wiadczeniem.

W cz臋艣ci wprowadzaj膮cej poznasz podstawowe narz臋dzia do tworzenia stron internetowych, struktur臋 dokumentu HTML5, ca艂kiem spor膮 gar艣膰 element贸w HTML5 oraz ich budow臋, podstawy i niekt贸re najwa偶niejsze elementy technologii CSS, a tak偶e trzy niezwykle ciekawe osoby ze 艣wiata nauki i programowania.

G艂贸wnym tematem drugiej cz臋艣ci jest og贸lna struktura tre艣ci strony internetowej. Nauczysz si臋 w niej tworzy膰 nag艂贸wki, menu, stopki, paski boczne, formularze, tabele, listy itp. konstrukcje. Je艣li interesuje Ci臋 szczeg贸艂owy wykaz poruszanych temat贸w w obu cz臋艣ciach, sp贸jrz na spis tre艣ci, kt贸ry znajduje si臋 poni偶ej.

Szczeg贸艂owe menu kursu

  1. Rozdzia艂 1. Wprowadzenie
  2. HTML 鈥 j臋zyk znacznik贸w
  3. Czym jest element HTML
  4. HTML i CSS 鈥 papu偶ki nieroz艂膮czki
  5. Na HTML i CSS 艣wiat si臋 nie ko艅czy
  6. Do czego s艂u偶y JavaScript
  7. JavaScript to nie Java
  8. Do czego s艂u偶y PHP
  9. Zwi臋z艂a historia j臋zyka HTML
  10. Podsumowanie
  11. Rozdzia艂 2. Edytory HTML, CSS i grafiki
  12. Edytory HTML i CSS
  13. Notepad++
  14. Sublime Text
  15. Dreamweaver
  16. Paj膮k
  17. Visual Studio Code
  18. Edytory grafiki
  19. Rozdzia艂 3. Podstawy Visual Studio Code
  20. Pobieranie i instalacja
  21. Pierwsze uruchomienie
  22. Rozpocz臋cie pracy
  23. Tworzenie pierwszego pliku HTML
  24. Podstawowe funkcje edytora
  25. Wtyczka Emmet do Visual Studio Code
  26. Mno偶enie element贸w
  27. Generowanie zagnie偶d偶onych element贸w
  28. Elementy siostrzane
  29. Szablon strony HTML
  30. Instalacja rozszerze艅
  31. Podsumowanie
  32. 膯wiczenia
  33. Rozdzia艂 4. Kompletne 艣rodowisko pracy
  34. Potrzebne programy
  35. Struktura katalog贸w
  36. Czym jest rozszerzenie pliku
  37. Pliki .html
  38. Pokazywanie rozszerze艅 wszystkich plik贸w
  39. Wprowadzanie drobnych zmian
  40. Podsumowanie
  41. 膯wiczenia
  42. Rozdzia艂 5. Struktura dokumentu HTML
  43. Przyk艂adowa strona
  44. Kod 藕r贸d艂owy
  45. Struktura dokumentu
  46. Deklaracja typu dokumentu
  47. Element g艂贸wny dokumentu
  48. Nag艂贸wek dokumentu
  49. Tre艣膰 g艂贸wna dokumentu
  50. Komentarze
  51. Usuwanie b艂臋d贸w
  52. HTMLHint
  53. Walidator W3C
  54. Podsumowanie
  55. 膯wiczenia
  56. Rozdzia艂 6. Sk艂adnia i rodzaje element贸w HTML
  57. Elementy parzyste
  58. Elementy puste
  59. Elementy blokowe i 艣r贸dliniowe
  60. Elementy blokowe
  61. Elementy 艣r贸dliniowe
  62. Drzewo dokumentu HTML
  63. Zagnie偶d偶anie element贸w HTML
  64. Podsumowanie
  65. 膯wiczenia
  66. Rozdzia艂 7. Atrybuty HTML
  67. Atrybuty tre艣ci
  68. Atrybuty obs艂ugi zdarze艅
  69. Atrybuty IDL
  70. Atrybuty logiczne
  71. Atrybuty globalne
  72. Podsumowanie
  73. Rozdzia艂 8. Akapity, nag艂贸wki i z艂amania wiersza
  74. Nag艂贸wki HTML
  75. Dodawanie nag艂贸wk贸w do strony
  76. Akapity HTML
  77. Wci臋cia kodu
  78. Z艂amania wiersza
  79. Z艂amanie bezwarunkowe (br)
  80. Z艂amanie warunkowe (wbr)
  81. Podsumowanie
  82. 膯wiczenia
  83. Rozdzia艂 9. Dodawanie obraz贸w do stron internetowych
  84. Element img
  85. 殴r贸d艂o obrazu 鈥 atrybut src
  86. 艢cie偶ki do plik贸w
  87. 艢cie偶ki bezwzgl臋dne
  88. 艢cie偶ki wzgl臋dne
  89. Ruch w d贸艂 struktury katalog贸w
  90. Adresy URL
  91. Protok贸艂
  92. Domena
  93. Opis alternatywny 鈥 atrybut alt
  94. Wymiary obrazu 鈥 atrybuty width i height
  95. Wstawianie obrazu na stron臋
  96. Podsumowanie
  97. Rozdzia艂 10. Przygotowywanie grafiki na stron臋
  98. Podstawy edytora Paint.NET
  99. Pobieranie i instalacja Paint.NET
  100. Otwieranie pliku
  101. Zmiana wymiar贸w obrazu
  102. Wyb贸r formatu grafiki
  103. Zapisywanie obrazu w wybranym formacie
  104. Podsumowanie
  105. 膯wiczenia
  106. Rozdzia艂 11. Podstawy CSS
  107. Domy艣lne style przegl膮darek
  108. Co by tu jeszcze鈥 poprawi膰
  109. Anatomia arkusza styl贸w
  110. Selektory CSS
  111. W艂asno艣ci CSS
  112. W艂asno艣ci margines贸w
  113. Scalanie margines贸w
  114. Warto艣ci CSS
  115. Jednostki d艂ugo艣ci
  116. Jednostki wzgl臋dne
  117. Jednostki bezwzgl臋dne
  118. Jednostki kolor贸w
  119. Notacja szesnastkowa
  120. Przezroczysto艣膰, czyli kana艂 alfa
  121. Kolory w Paint.NET
  122. Przyk艂ad u偶ycia warto艣ci koloru
  123. Komentarze w CSS
  124. Sprawdzanie poprawno艣ci i porz膮dkowanie kodu CSS
  125. Podsumowanie
  126. 膯wiczenia
  127. Rozdzia艂 12. Do艂膮czanie CSS do strony
  128. Zewn臋trzny CSS
  129. Regu艂a @import
  130. Wewn臋trzny CSS
  131. 艢r贸dliniowy CSS
  132. Dodawanie wielu arkuszy styl贸w do strony
  133. Kaskada CSS
  134. Precyzja selektor贸w
  135. As z r臋kawa, czyli deklaracja !important
  136. Dziedziczenie CSS
  137. Podsumowanie
  138. 膯wiczenia
  139. Rozdzia艂 13. Cytaty w HTML
  140. Okre艣lanie szeroko艣ci element贸w
  141. 艢rodkowanie element贸w
  142. Baza HTML
  143. Cytaty blokowe
  144. W艂a艣ciwo艣ci obramowania
  145. Dope艂nienie
  146. Cytat z nazwiskiem autora w pakiecie
  147. Cytaty 艣r贸dliniowe
  148. Tytu艂y utwor贸w
  149. Podsumowanie
  150. 膯wiczenia
  151. Rozdzia艂 14. Encje HTML i CSS
  152. Encje HTML
  153. Encje nazwane
  154. Encje dziesi臋tne
  155. Encje szesnastkowe
  156. Encje CSS
  157. Najcz臋艣ciej u偶ywane encje
  158. Podsumowanie
  159. 膯wiczenia
  160. Rozdzia艂 15. Rodzaje wyr贸偶nienia tekstu
  161. Baza HTML
  162. Wa偶ne fragmenty tekstu
  163. Zwracanie uwagi czytelnika
  164. Emfaza
  165. Odmienno艣膰 od kontekstu
  166. Selektor atrybutu
  167. Cyfrowy zakre艣lacz
  168. Inne wyr贸偶nienia
  169. Klasy
  170. Podsumowanie
  171. Cz臋sto mylone elementy
  172. 膯wiczenia
  173. Rozdzia艂 16. 艁膮cza HTML
  174. 艁膮cza do stron i innych plik贸w
  175. Adresy wzgl臋dne i bezwzgl臋dne
  176. Obrazy jako 艂膮cza
  177. 艁膮cza w obr臋bie strony
  178. Identyfikatory element贸w
  179. Identyfikator fragmentu
  180. Selektor identyfikatora
  181. Stylizacja 艂膮czy
  182. Pseudoklasy
  183. Pseudoklasy do stylizowania 艂膮czy
  184. Inne pseudoklasy
  185. Linki wychodz膮ce
  186. Pseudoelementy
  187. Liczba Erd艖sa
  188. Podsumowanie
  189. 膯wiczenia
  190. Rozdzia艂 17. Teksty naukowo-techniczne i redakcja tekstu
  191. Strona bazowa
  192. Definicje poj臋膰
  193. Indeks g贸rny i dolny
  194. W艂asno艣膰 vertical-align
  195. Zmienne i niewiadome
  196. Redakcja tekstu
  197. Wstawianie i usuwanie tekstu
  198. Oznaczanie b艂臋d贸w
  199. W艂asno艣ci text-decoration-*
  200. Pozycjonowanie zdj臋cia
  201. Podsumowanie
  202. 膯wiczenia
  203. Rozdzia艂 18. Teksty informatyczne
  204. Baza HTML
  205. Dane wprowadzane przez u偶ytkownika
  206. Skr贸ty klawiszowe
  207. Polecenia
  208. Elementy interfejsu u偶ytkownika
  209. Wyniki dzia艂ania program贸w
  210. Fragmenty kodu 藕r贸d艂owego
  211. Podsumowanie
  212. 膯wiczenia
  213. Rozdzia艂 19. W艂a艣ciwo艣ci czcionki w CSS
  214. Typy kroju pisma
  215. Rodziny czcionek, czyli w艂asno艣膰 font-family
  216. Do艂膮czanie font贸w do stron
  217. Google Fonts
  218. Regu艂a @font-face
  219. Fonty z ikonami
  220. W艂asno艣膰 zbiorcza font
  221. Podsumowanie
  222. 膯wiczenia
  223. Rozdzia艂 20. Podsumowanie semantyki tekstu
  224. Obecna struktura katalog贸w
  225. Zewn臋trzny plik CSS
  226. Podsumowanie poznanych element贸w HTML
  227. Podsumowanie poznanych w艂asno艣ci CSS
  228. Co szykuje nam przysz艂o艣膰
  229. Rozdzia艂 21. Struktura strony HTML5
  230. Podstawowe elementy konstrukcyjne strony
  231. Struktura strony g艂贸wnej
  232. Dodatkowe elementy konstrukcyjne
  233. Tre艣膰 strony g艂贸wnej
  234. Podsumowanie
  235. Rozdzia艂 22. Listy HTML
  236. Listy uporz膮dkowane
  237. Listy nieuporz膮dkowane
  238. Listy definicji
  239. Paski narz臋dzi
  240. Zagnie偶d偶anie list
  241. Stylizacja list
  242. W艂asno艣膰 list-style-type
  243. W艂asno艣膰 list-style-position
  244. W艂asno艣膰 list-style-image
  245. Pseudoelement ::marker
  246. Podsumowanie
  247. 膯wiczenia
  248. Rozdzia艂 23. Stylizacja strony g艂贸wnej
  249. Stylizacja elementu body
  250. Ustawianie szeroko艣ci elementu
  251. Model polowy CSS
  252. Stylizacja nag艂贸wka strony 鈥 header
  253. Stylizacja tre艣ci g艂贸wnej 鈥 main
  254. Stylizacja stopki 鈥 footer
  255. Podsumowanie
  256. 膯wiczenia
  257. Rozdzia艂 24. Menu rozwijane w CSS
  258. Pozycjonowanie element贸w w CSS
  259. Pozycjonowanie absolutne lub bezwzgl臋dne
  260. Pozycjonowanie relatywne lub wzgl臋dne
  261. Pozycjonowanie kleiste i na sta艂e
  262. Budowa menu rozwijanego w CSS
  263. Podsumowanie
  264. 膯wiczenia
  265. Rozdzia艂 25. Budowa podstron
  266. Struktura cz臋艣ci 艣rodkowej
  267. Podstawy Flexboksa
  268. W艂asno艣膰 flex-direction
  269. W艂asno艣膰 flex-wrap
  270. W艂asno艣膰 justify-content
  271. W艂asno艣膰 align-items
  272. Struktura sekcji tre艣ci w艂a艣ciwej
  273. Stylizacja elementu main
  274. Struktura paska bocznego
  275. Stylizacja paska bocznego
  276. Stylizacja komponent贸w paska bocznego
  277. Dodawanie tre艣ci artyku艂贸w
  278. Dane autora witryny
  279. Podsumowanie
  280. 膯wiczenia
  281. Rozdzia艂 26. Formularze HTML
  282. Schemat przyk艂adowego formularza
  283. Element form
  284. Protok贸艂 HTTP
  285. Metoda HTTP GET
  286. Metoda HTTP POST
  287. Element input
  288. Pola typu tekstowego
  289. Przyciski radiowe
  290. Pola wyboru
  291. Przyciski zatwierdzania i resetowania
  292. Listy rozwijane
  293. Obszar tekstowy
  294. W艂asno艣膰 CSS resize
  295. Grupowanie element贸w formularza
  296. Zestawienie element贸w formularzy HTML
  297. Podsumowanie
  298. 膯wiczenia
  299. Rozdzia艂 27. Dostosowywanie strony do urz膮dze艅 mobilnych
  300. Narz臋dzia dla programist贸w przegl膮darek
  301. Element meta viewport
  302. Zapytania medialne
  303. Dostosowywanie naszej witryny do urz膮dze艅 mobilnych
  304. Strona g艂贸wna
  305. Podstrony
  306. Podsumowanie
  307. 膯wiczenia
  308. Rozdzia艂 28. Tabele HTML
  309. Najprostsza tabela HTML
  310. Wersja z semantycznym nag艂贸wkiem
  311. Scalanie wierszy i kolumn
  312. Formatowanie kolumn
  313. Nag艂贸wek, tre艣膰 w艂a艣ciwa i stopka tabeli
  314. Podpis tabeli
  315. Stylizacja tabel za pomoc膮 CSS
  316. Okre艣lanie uk艂adu tabeli
  317. Stylizacja obramowania kom贸rek
  318. Po艂o偶enie podpisu
  319. Pokazywanie i ukrywanie pustych kom贸rek
  320. Tabele w naprzemienne paski
  321. Podsumowanie
  322. Rozdzia艂 29. Pozosta艂e elementy HTML
  323. Elementy interaktywne HTML5
  324. Elementy tre艣ci osadzonej
  325. Responsywne grafiki
  326. Audio i wideo
  327. Elementy skryptowe
  328. Podsumowanie
  329. Rozdzia艂 30. Podsumowanie kursu
  330. Specyfikacje HTML
  331. Specyfikacje CSS
  332. Programowanie po stronie klienta
  333. Technologie serwerowe
  334. Inne

Licencje

Autor: 艁ukasz Piwko