Opis kursu
HTML5 został udostępniony web developerom już w 2009 roku, ale wciąż wiele stron i serwisów tworzonych jest w starym HTML4 lub XHTML. Porzuć stare technologie i przywitaj nowy świat tworzenia stron www. Od semantycznej struktury polepszającej SEO, natywnego odtwarzania filmów wideo i audio bez potrzeby embedowania odtwarzaczy flash, po nowe możliwości i typy danych w formularzach i mikro-dane, które przenoszą internet w świat web 3.0. To wszystko znajdziesz w tym kursie.
Czego nauczysz się z tego kursu?
- sekcja head i doctype
- jak udostępnić przeglądarkom nowe tagi
- tworzenie semantycznej struktury dokumentu
- semantyczny opis dat, czasu i ilustracji
- kompatybilne formaty i kodeki wideo do odtwarzania w sieci
- konwersja filmu do kompatybilnych formatów i umieszczenie ich w kodzie źródłowym
- konfiguracja serwera Apache do wyświetlania formatów multimedialnych
- umieszczenie odtwarzania pliku audio, formaty audio
- nowe funkcje formularzy: autofocus, placeholder, required
- nowe typy danych w formularzach: email, url, date, datetime, color
- idea semantycznej sieci i mikrodane
- adaptacja mikrodanych do przykładowej strony z recenzją filmu
Spis treści kursu
| 0. Wstęp | 0:49 |
| 1. Wprowadzenie | 11:46 |
| 2. Sekcja head | 11:52 |
| 3. Nowe tagi muszą działać wszędzie | 11:35 |
| 4. Semantyczna sieć - section, aside | 10:23 |
| 5. Semantyczna sieć - article | 4:24 |
| 6. Semantyczna sieć - header, hgroup | 6:55 |
| 7. Semantyczna sieć - footer | 3:13 |
| 8. Semantyczna sieć - nav i menu | 6:41 |
| 9. Semantyczna sieć - figure i figcaption | 6:49 |
| 10. Semantyczna sieć - time | 5:41 |
| 11. Semantyczna sieć - odnośniki | 11:59 |
| 12. Wideo - dostępne formaty i kompatybilność | 8:33 |
| 13. Wideo - konwersja filmów | 6:03 |
| 14. Wideo - tag video i jego atrybuty | 19:52 |
| 15. Audio - formaty i kompatybilność | 6:24 |
| 16. Audio - tag audio | 5:57 |
| 17. Dygresja - odtwarzanie wideo i audio | 5:06 |
| 18. Formularze - tematyczne pola danych | 7:19 |
| 19. Formularze - wybór liczb | 8:25 |
| 20. Formularze - pola autofokusujące i wymagane | 6:46 |
| 21. Formularze - placeholdery | 2:09 |
| 22. Formularze ekstremalne - wybór daty i czasu | 5:21 |
| 23. Formularze ekstremalne - wybór koloru | 5:03 |
| 24. Mikrodane - co to jest i po co? | 9:22 |
| 25. Mikrodane - typy, atrybuty i dziedziny | 20:20 |
| 26. Zakończenie | 2:30 |
Przykładowy film
Pobierz oryginalny film z tego pakietu
Migawki z kursu
O autorze
Kursy prowadzi Sebastian Kończak - grafik, fotograf i magister architektury krajobrazu.
Od zawsze związany z grafiką komputerową i designem, początkowo na komputerach Amiga, później na pecetach.
Biegła znajomość wielu wiodących aplikacji w świecie grafiki komputerowej: Photoshop, Illustrator, InDesign,
CorelDRAW. Pracował także na wielu innych programach: AutoCAD, 3dsmax, Gimp, Sketchup, czy Painter. Tworzył
layouty do wielu stron internetowych, a także projektował identyfikacje wizualne firm, kalendarze, plakaty i
broszury reklamowe. Poniżej przykładowe prace z jego portfolio.
