Kurs HTML odc. 5: Nowe znaczniki HTML5
Wesprzyj na Patronite ► https://patronite.pl/pasja-informatyki
[ 00:00:15 ] Tytułem wstępu
[ 00:00:51 ] Optymalny model nauki tworzenia struktur
[ 00: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 ] Sworzenie 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
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
PLIKI DO ODCINKA:
http://miroslawzelent.pl/kurs-html/header-nav-article-section-main-footer/
DOBROWOLNE WSPARCIE:
http://patronite.pl/pasja-informatyki
http://miroslawzelent.pl/dobrowolna-darowizna/
CODE REVIEW NA FORUM:
http://bit.ly/code-reviews-odcinkow
TRENAŻER EGZAMINACYJNY:
http://egzamin-informatyk.pl/
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
MUZYKA:
Aether – Catharsis (użyto za zgodą artysty):
Zajrzyjcie, facet tworzy świetną muzykę:
https://www.facebook.com/aetheraudio/
https://www.youtube.com/user/AetherAudio
Tweets by Aetheraudio
▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬
ZAPRASZAMY:
http://bit.ly/pasja-fb
http://bit.ly/pasja-gplus
http://egzamin-informatyk.pl/
http://egzamin-e13.pl/
http://miroslawzelent.pl/
http://forum.pasja-informatyki.pl/
Tweets by stelmach_damian
Tweets by MiroslawZelent
http://bit.ly/pasja-itunes
source
