Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku.
🔔 Subskrybuj - http://bit.ly/pasja-sub
Jeśli masz ochotę wesprzeć to co robimy, to możesz:
🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki
☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki
👉 Fanpage na Facebooku - http://bit.ly/pasja-fb
👉 Profil Patronite - https://patronite.pl/pasja-informatyki
👉 Lista Patronów - http://pasja-informatyki.pl/patroni
👉 Donacje na blogu - http://miroslawzelent.pl/donate
👉 Harmonogram publikacji - http://bit.ly/pasja-harmonogram
👉 Kontakt z nami - http://pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa - http://bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum - http://pasja-informatyki.pl
👉 Blog informatyczny - http://miroslawzelent.pl
👉 Trenażer egzaminacyjny - http://egzamin-informatyk.pl
👉 Egzamin-E13.pl - http://egzamin-e13.pl
👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/
👉 Witryna podcastowa - http://podcast.pasja-informatyki.pl/
👉 Twitter MZ - / miroslawzelent
👉 Twitter DS - / stelmach_damian
🕐 TIMESTAMPS (CHWILE CZASOWE):
00:00 Tytułem wstępu
00:51 Optymalny model nauki tworzenia struktur
02:40 Struktura odcinka, jak go dobrze przepracować
Część teoretyczna (wykład):
[ 00:04:31 ] Semantyczny HTML
[ 00:11:27 ] Nagłówek: header
[ 00:15:44 ] Nawigacja: nav
[ 00:19:47 ] Artykuł: article
[ 00:21:14 ] Zagnieżdżanie tagów article
[ 00:23:10 ] Sekcja: section
[ 00:23:32 ] Artykuł czy sekcja?
[ 00:25:02 ] Rola intencji: wpis blogowy z komentarzami
[ 00:28:28 ] Cel stosowania artykułów i sekcji
[ 00:29:58 ] Główna treść podstrony: main
[ 00:32:59 ] Poboczna treść witryny: aside
[ 00:34:09 ] Stopka: footer
[ 00:37:01 ] Czy znaczniki semantyczne zastąpiły divy?
[ 00:38:53 ] Synergizowanie struktury i semantyki
Część praktyczna (tworzenie bloga):
[ 00:40:22 ] Opis plików projektu
[ 00:41:40 ] Skrypt JS html5shiv
[ 00:43:22 ] Stylistyka one-page design
[ 00:43:48 ] Nagłówek całej witryny
[ 00:46:30 ] Logo bloga
[ 00:48:34 ] Poziome menu główne
[ 00:55:18 ] Plan strukturalny i semantyczny indexu
[ 01:00:08 ] Szkielet indexu: main, article, section x 3
[ 01:00:37 ] Pierwsza sekcja: kategorie wpisów
[ 01:09:55 ] Druga sekcja: najnowsze wpisy
[ 01:20:28 ] Trzecia sekcja: informacje o autorze
[ 01:24:11 ] Stopka całej witryny
[ 01:30:14 ] Stworzenie pliku wpis.html
[ 01:31:03 ] Plan strukturalny i semantyczny wpisu
[ 01:34:20 ] Szkielet wpisu: divy, main, article, aside
[ 01:37:36 ] Artykuł (wpis blogowy) w lewej szpalcie
[ 01:40:26 ] Treść poboczna (aside) w prawej szpalcie
[ 01:46:10 ] Sekcja komentarzy pod wpisem blogowym
[ 01:51:14 ] Podsumowanie wiedzy z odcinka
🎧 WERSJA MP3:
http://podcast.pasja-informatyki.pl/o...
💾 POBIERZ PLIKI Z ODCINKA:
http://miroslawzelent.pl/kurs-html/he...
📑 CODE REVIEW NA FORUM:
http://bit.ly/code-reviews-odcinkow
🎵 MUZYKA:
Aether - Catharsis (użyto za zgodą artysty):
• Aether - Catharsis
Zajrzyjcie, facet tworzy świetną muzykę:
/ aetheraudio
/ aetheraudio
/ aetheraudio
/ aetheraudio
#pasjainformatyki #programowanie #kurshtml
Watch video Kurs HTML odc. 5: Nowe znaczniki HTML5 online without registration, duration hours minute second in high quality. This video was added by user Pasja informatyki 25 March 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 376,19 once and liked it 7.8 thousand people.