HTML5 to najnowsza wersja języka, którego znajomość jest niezbędna do tworzenia stron internetowych. HTML5 oferuje szereg niezwykle ciekawych i przydatnych funkcjonalności. Możliwość łatwego osadzania multimediów na stronie lub tworzenie zaawansowanych formularzy to tylko niektóre z nich. HTML5 zapewnia także możliwość stworzenia przejrzystej i czytelnej struktury witryny, która będzie funkcjonowała prawidłowo na różnych systemach i pod różnymi przeglądarkami. Kolejna istotna cecha to łatwe tworzenie stron przeznaczonych dla zdobywających coraz większą popularność urządzeń mobilnych. Znajomość HTML5 jest po prostu niezbędna dla każdego, kto zamierza tworzyć strony internetowe zgodne z najnowszymi standardami.

Nasz kurs jest doskonałym wprowadzeniem do języka HTML5. Jeśli jesteś zupełnie początkującym użytkownikiem to ten kurs pozwoli ci w krótkim czasie opanować kluczowe zagadnienia. Dowiesz się jak zbudować stronę od podstaw, jak wstawiać tabele, listy, odnośniki, obrazki oraz jak tworzyć formularze. Duży nacisk położyliśmy na omówienie nowości w najnowszej specyfikacji języka HTML. Poznasz rozwiązania, które pozwolą ci na stworzenie przejrzystej struktury witryny. Dowiesz się też jak umieścić na stronie multimedia korzystając z nowych znaczników wprowadzonych w HTML5. Nawet jeśli znasz już HTML to ten kurs umożliwi ci bezproblemowe opanowanie nowości, które pojawiły się w najnowszej specyfikacji języka. W ostatnich rozdziałach pokazujemy jak wykonać projekt gotowej witryny od A do Z: od podstawowej struktury do umieszczenia strony na serwerze.

HTML5 jest technologią, która cały czas się rozwija. W naszym kursie pokazujemy wielokrotnie jak zastosować alternatywne rozwiązania, które pozwolą na uzyskanie maksymalnej kompatybilności z różnymi przeglądarkami. Przy okazji poznasz także ciekawą bibliotekę Modernizr, która automatycznie sprawdza czy dana przeglądarka obsługuje nowe funkcjonalności HTML5.

Do kursu dołączyliśmy wszystkie pliki źródłowe, dzięki czemu oglądając kurs możesz od razu powtarzać pokazane w nim czynności.

Przykładowy film

Spis treści

Wprowadzenie

1. Wstęp (00:44)

2. Popularne edytory (03:06)

3. Znaczniki (05:42)

4. Struktura dokumentu HTML (04:48)

5. Sekcja HEAD (05:26)

Elementy składowe dokumentu

6. Nagłówki i akapity (04:44)

7. Podstawowe formatowanie (08:53)

8. Listy (04:55)

9. Listy – formatowanie (03:58)

10. Listy zagnieżdżone (03:48)

11. Odnośniki (07:18)

12. Ścieżki względne i bezwzględne (06:19)

13. Kotwice (05:17)

14. Obrazki (03:19)

Tabele

15. Wprowadzenie do tabel (07:21)

16. Struktura tabeli (04:28)

Formularze

17. Wstępne zagadnienia (07:42)

18. Kompatybilność z przeglądarkami (05:53)

19. Pola typu TEXT i TEXTAREA (07:25)

20. Pola typu NUMBER (04:21)

21. Pola typu RANGE (04:14)

22. Wprowadzanie daty i czasu (08:10)

23. Pola PASSWORD i SEARCH (03:23)

24. Atrybuty AUTOCOMPLETE i AUTOFOCUS (08:26)

25. Walidacja danych (05:01)

26. Pola RADIO i CHECKBOX (06:13)

27. Lista opcji (03:52)

28. Pozostałe zagadnienia (08:37)

Struktura w HTML5

29. Znacznik DIV (05:31)

30. Nowe znaczniki struktury (05:17)

31. Znacznik ARTICLE (05:05)

32. Znacznik SECTION (04:59)

33. Znacznik nagłówka (03:23)

34. Grupowanie nagłówków (02:40)

35. Znacznik stopki (03:21)

36. Znacznik NAV (03:01)

37. Znacznik ASIDE (03:43)

Multimedia

38. Znaczniki FIGURE i FIGCAPTION (04:26)

39. Wideo - ogólne zagadnienia (05:06)

40. Osadzanie wideo na stronie (08:30)

41. Osadzanie audio (05:06)

42. Znacznik EMBED (01:59)

43. Wstęp do CANVAS (05:46)

44. CANVAS - tworzenie kształtów (05:42)

45. CANVAS – przykłady (07:07)

Różne znaczniki

46. Znacznik TIME (06:22)

47. Znacznik MARK (02:53)

48. Znaczniki DETAILS oraz SUMMARY (03:46)

49. Znacznik IFRAME (03:03)

50. Znaczniki wycofane (07:09)

Zdarzenia

51. Zdarzenia – wstęp (04:53)

52. Przykłady zdarzeń (06:52)

Różne zagadnienia

53. Style CSS (06:41)

54. Biblioteka Modernizr (07:24)

Projekt

55. Założenia projektu (03:54)

56. Podstawowa struktura witryny (04:49)

57. Nawigacja i nagłówek (05:17)

58. Wprowadzanie zawartości (03:51)

59. Wprowadzanie artykułów (06:25)

60. Osadzanie klipu wideo (05:38)

61. Stopka strony (02:30)

62. Ostylowanie witryny (06:09)

63. Podstrony (05:16)

64. Umieszczanie strony na serwerze (03:08)

galeria