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.
Jeśli masz ochotę wesprzeć to co robimy, to możesz:
🖐 Zostać Patronem –
☕️ Ufundować nam wirtualną kawę –
👉 Fanpage na Facebooku –
👉 Profil Patronite –
👉 Lista Patronów –
👉 Donacje na blogu –
👉 Harmonogram publikacji –
👉 Kontakt z nami –
👉 Współpraca reklamowa –
👉 Kursy video dla technikum –
👉 Blog informatyczny –
👉 Trenażer egzaminacyjny –
👉 Egzamin-E13.pl –
👉 Forum dyskusyjne –
👉 Witryna podcastowa –
👉 Twitter MZ –
👉 Twitter DS –
🕐 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:
💾 POBIERZ PLIKI Z ODCINKA:
📑 CODE REVIEW NA FORUM:
🎵 MUZYKA:
Aether – Catharsis (użyto za zgodą artysty):
Zajrzyjcie, facet tworzy świetną muzykę:
#pasjainformatyki #programowanie #kurshtml
html,kurs,kurs html,html5,tworzenie www,tworzenie stron,programowanie,header,nav,article,aside,section,footer,main,nowe znaczniki html5,kurs html5,html zelent,html5 zelent,tutorial html,semantyka html,semantyczny html,zelent,stelmach,pasja,informatyki,zostań programistą,kodowanie,css,css3,fontello
#Kurs #HTML #odc #Nowe #znaczniki #HTML5
0 Comments