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.
Rozdziały |
Czas |
Wprowadzenie
|
|
![](http://strefakursow.pl/allegro/kurs_html5/1.1.jpg) 1. Wstęp
|
00:44 |
![](http://strefakursow.pl/allegro/kurs_html5/1.2.jpg) 2. Popularne edytory
|
03:06 |
![](http://strefakursow.pl/allegro/kurs_html5/1.3.jpg) 3. Znaczniki
|
05:42 |
![](http://strefakursow.pl/allegro/kurs_html5/1.4.jpg) 4. Struktura dokumentu HTML
|
04:48 |
![](http://strefakursow.pl/allegro/kurs_html5/1.5.jpg) 5. Sekcja HEAD
|
05:26 |
Elementy składowe dokumentu
|
|
![](http://strefakursow.pl/allegro/kurs_html5/2.1.jpg) 6. Nagłówki i akapity
|
04:44 |
![](http://strefakursow.pl/allegro/kurs_html5/2.2.jpg) 7. Podstawowe formatowanie
|
08:53 |
![](http://strefakursow.pl/allegro/kurs_html5/2.3.jpg) 8. Listy
|
04:55 |
![](http://strefakursow.pl/allegro/kurs_html5/2.4.jpg) 9. Listy - formatowanie
|
03:58 |
![](http://strefakursow.pl/allegro/kurs_html5/2.5.jpg) 10. Listy zagnieżdżone
|
03:48 |
![](http://strefakursow.pl/allegro/kurs_html5/2.6.jpg) 11. Odnośniki
|
07:18 |
![](http://strefakursow.pl/allegro/kurs_html5/2.7.jpg) 12. Ścieżki względne i bezwzględne
|
06:19 |
![](http://strefakursow.pl/allegro/kurs_html5/2.8.jpg) 13. Kotwice
|
05:17 |
![](http://strefakursow.pl/allegro/kurs_html5/2.9.jpg) 14. Obrazki
|
03:19 |
Tabele
|
|
![](http://strefakursow.pl/allegro/kurs_html5/3.1.jpg) 15. Wprowadzenie do tabel
|
07:21 |
![](http://strefakursow.pl/allegro/kurs_html5/3.2.jpg) 16. Struktura tabeli
|
04:28 |
Formularze
|
|
![](http://strefakursow.pl/allegro/kurs_html5/4.1.jpg) 17. Wstępne zagadnienia
|
07:42 |
![](http://strefakursow.pl/allegro/kurs_html5/4.2.jpg) 18. Kompatybilność z przeglądarkami
|
05:53 |
![](http://strefakursow.pl/allegro/kurs_html5/4.3.jpg) 19. Pola typu TEXT i TEXTAREA
|
07:25 |
![](http://strefakursow.pl/allegro/kurs_html5/4.4.jpg) 20. Pola typu NUMBER
|
04:21 |
![](http://strefakursow.pl/allegro/kurs_html5/4.5.jpg) 21. Pola typu RANGE
|
04:14 |
![](http://strefakursow.pl/allegro/kurs_html5/4.6.jpg) 22. Wprowadzanie daty i czasu
|
08:10 |
![](http://strefakursow.pl/allegro/kurs_html5/4.7.jpg) 23. Pola PASSWORD i SEARCH
|
03:23 |
![](http://strefakursow.pl/allegro/kurs_html5/4.8.jpg) 24. Atrybuty AUTOCOMPLETE i AUTOFOCUS
|
08:26 |
![](http://strefakursow.pl/allegro/kurs_html5/4.9.jpg) 25. Walidacja danych
|
05:01 |
![](http://strefakursow.pl/allegro/kurs_html5/4.10.jpg) 26. Pola RADIO i CHECKBOX
|
06:13 |
![](http://strefakursow.pl/allegro/kurs_html5/4.11.jpg) 27. Lista opcji
|
03:52 |
![](http://strefakursow.pl/allegro/kurs_html5/4.12.jpg) 28. Pozostałe zagadnienia
|
08:37 |
Struktura w HTML5
|
|
![](http://strefakursow.pl/allegro/kurs_html5/5.1.jpg) 29. Znacznik DIV
|
05:31 |
![](http://strefakursow.pl/allegro/kurs_html5/5.2.jpg) 30. Nowe znaczniki struktury
|
05:17 |
![](http://strefakursow.pl/allegro/kurs_html5/5.3.jpg) 31. Znacznik ARTICLE
|
05:05 |
![](http://strefakursow.pl/allegro/kurs_html5/5.4.jpg) 32. Znacznik SECTION
|
04:59 |
![](http://strefakursow.pl/allegro/kurs_html5/5.5.jpg) 33. Znacznik nagłówka
|
03:23 |
![](http://strefakursow.pl/allegro/kurs_html5/5.6.jpg) 34. Grupowanie nagłówków
|
02:40 |
![](http://strefakursow.pl/allegro/kurs_html5/5.7.jpg) 35. Znacznik stopki
|
03:21 |
![](http://strefakursow.pl/allegro/kurs_html5/5.8.jpg) 36. Znacznik NAV
|
03:01 |
![](http://strefakursow.pl/allegro/kurs_html5/5.9.jpg) 37. Znacznik ASIDE
|
03:43 |
Multimedia
|
|
![](http://strefakursow.pl/allegro/kurs_html5/6.1.jpg) 38. Znaczniki FIGURE i FIGCAPTION
|
04:26 |
![](http://strefakursow.pl/allegro/kurs_html5/6.2.jpg) 39. Wideo - ogólne zagadnienia
|
05:06 |
![](http://strefakursow.pl/allegro/kurs_html5/6.3.jpg) 40. Osadzanie wideo na stronie
|
08:30 |
![](http://strefakursow.pl/allegro/kurs_html5/6.4.jpg) 41. Osadzanie audio
|
05:06 |
![](http://strefakursow.pl/allegro/kurs_html5/6.5.jpg) 42. Znacznik EMBED
|
01:59 |
![](http://strefakursow.pl/allegro/kurs_html5/6.6.jpg) 43. Wstęp do CANVAS
|
05:46 |
![](http://strefakursow.pl/allegro/kurs_html5/6.7.jpg) 44. CANVAS - tworzenie kształtów
|
05:42 |
![](http://strefakursow.pl/allegro/kurs_html5/6.8.jpg) 45. CANVAS - przykłady
|
07:07 |
Różne znaczniki
|
|
![](http://strefakursow.pl/allegro/kurs_html5/7.1.jpg) 46. Znacznik TIME
|
06:22 |
![](http://strefakursow.pl/allegro/kurs_html5/7.2.jpg) 47. Znacznik MARK
|
02:53 |
![](http://strefakursow.pl/allegro/kurs_html5/7.3.jpg) 48. Znaczniki DETAILS oraz SUMMARY
|
03:46 |
![](http://strefakursow.pl/allegro/kurs_html5/7.4.jpg) 49. Znacznik IFRAME
|
03:03 |
![](http://strefakursow.pl/allegro/kurs_html5/7.5.jpg) 50. Znaczniki wycofane
|
07:09 |
Zdarzenia
|
|
![](http://strefakursow.pl/allegro/kurs_html5/8.1.jpg) 51. Zdarzenia - wstęp
|
04:53 |
![](http://strefakursow.pl/allegro/kurs_html5/8.2.jpg) 52. Przykłady zdarzeń
|
06:52 |
Różne zagadnienia
|
|
![](http://strefakursow.pl/allegro/kurs_html5/9.1.jpg) 53. Style CSS
|
06:41 |
![](http://strefakursow.pl/allegro/kurs_html5/9.2.jpg) 54. Biblioteka Modernizr
|
07:24 |
Projekt
|
|
![](http://strefakursow.pl/allegro/kurs_html5/10.1.jpg) 55. Założenia projektu
|
03:54 |
![](http://strefakursow.pl/allegro/kurs_html5/10.2.jpg) 56. Podstawowa struktura witryny
|
04:49 |
![](http://strefakursow.pl/allegro/kurs_html5/10.3.jpg) 57. Nawigacja i nagłówek
|
05:17 |
![](http://strefakursow.pl/allegro/kurs_html5/10.4.jpg) 58. Wprowadzanie zawartości
|
03:51 |
![](http://strefakursow.pl/allegro/kurs_html5/10.5.jpg) 59. Wprowadzanie artykułów
|
06:25 |
![](http://strefakursow.pl/allegro/kurs_html5/10.6.jpg) 60. Osadzanie klipu wideo
|
05:38 |
![](http://strefakursow.pl/allegro/kurs_html5/10.7.jpg) 61. Stopka strony
|
02:30 |
![](http://strefakursow.pl/allegro/kurs_html5/10.8.jpg) 62. Ostylowanie witryny
|
06:09 |
![](http://strefakursow.pl/allegro/kurs_html5/10.9.jpg) 63. Podstrony
|
05:16 |
![](http://strefakursow.pl/allegro/kurs_html5/10.10.jpg) 64. Umieszczanie strony na serwerze
|
03:08 |