Prezentace ze cvičení
| Název | Datum cvičení |
|---|---|
| Organizační úvod | 15.9.2015 |
| Témata: informační zdroje, plán cvičení, podmínky pro zápočet, odevzdání a obhajoba projektu, termíny, práce na cvičeních, publikování na UHK, přístup z domu, validace Prezentace ke stažení (PDF) |
|
| HTML elementy | 6.10.2015 |
| Témata: technologie pro tvorbu webu, základní HTML struktura a elementy, titulek, metatagy, nadpisy, odkazy, kotvy, obrázky, procvičení Prezentace ke stažení (PDF) |
|
| HTML elementy 2 | 6.10.2015 |
| Témata: strukturní elementy, seznamy, tabulky, formuláře, validační chyby, úkol Prezentace ke stažení (PDF) |
|
| Základy CSS | 13.10.2015 |
| Témata: výchozí styly, blokové a řádkové elementy, obsah a forma, navázání CSS stylů na HTML, selektory element x třída x identifikátor, vnořené zápisy, bodovaný úkol Prezentace ke stažení (PDF) |
|
| CSS - pokračování, menu | 27.10.2015 |
| Témata: opakování selektorů, tabulka, kaskáda, DIV, SPAN, tvorba menu, další CSS vlastnosti, pseudotřídy, bodovaný úkol Prezentace ke stažení (PDF) |
|
| Layout, responzivní design | 3.11.2015 |
| Témata: layout, třísloupcový layout, konstrukce layoutu, plovoucí umístění, stránka na střed, sdružené definice, responzivní design - fixní a fluidní layout, desktop-first a mobile-first, bodovaný úkol Prezentace ke stažení (PDF) |
|
| Fotogalerie | 10.11.2015 |
| Témata: box modely, plovoucí fotogalerie, bodovaný úkol, lightbox, responzivní obrázky, různé tipy, CSS validátor, požadavky na projekt, doporučený postup, odevzdání projektu, obhajoba, konzultace, pozicování Prezentace ke stažení (PDF) |
|
Aktuality
| Aktualita | Datum vložení |
|---|---|
| Konzultační hodiny | 15.9.2015 |
| Konzultační hodiny jsou k dispozici obvykle každé úterý 14:00-15:30 pouze po dohodě emailem předem! Kancelář č.344, poblíž učeben J20-22. |
|
| Body ze cvičení | 27.10.2015 |
| Body ze cvičení | |
| Odevzdání projektu a obhajoba | 10.11.2015 |
| Termín pro odevzdání projektu: 9.12.2015 projekt se odevzdává zároveň jako ZIP archiv + URL adresa Obhajoby projektů: 15.12.2015 kancelář č. 344, v časech cvičení (12:25-13:55 a 15:45-17:15)- tj. přijďte kdykoli v těchto časových intervalech. (více informací např. v poslední prezentaci) |
|
| Konzultace | 10.11.2015 |
| Zbytek termínů cvičení probíhá formou samostatné práce na učebnách s možností konzultací tj. 24.11., 1.12. a 8.12. v časech cvičení (12:25-13:55 na J22, 15:45-17:15 na J23), pokud dorazíte později a v učebně nikdo nebude, tak v kanceláři č.344 konzultace neslouží k předběžnému zhodnocení projektu, ale k řešení konkrétních problémů |
|
Další užitečné zdroje
| Zdroj | WWW adresa |
|---|---|
| Informace a materiály k TNPW1 | www.jiristepanek.cz |
| Přednášky ke stažení Požadavky na projekt Průvodce projektem |
|
| Výuka tvorby www stránek EN | www.w3schools.com |
| Learn HTML Learn CSS | |
| Výuka tvorby www stránek CZ | www.jakpsatweb.cz |
| Tutoriál HTML Tutoriál CSS | |
Zajímavé stránky
| Téma |
|---|
| Podpora HTML5 & CSS3 |
| Připravenost prohlížečů na HTML5 a CSS3: www.caniuse.com |
| Statistiky ČR |
| Statistiky o používaných prohlížečích, rozlišeních monitorů, vyhledávače, ... v ČR: www.rankings.cz |
| Paletton / Color Scheme Designer |
| Generování kombinací barev: http://paletton.com/ |
| Ukázky HTML5 & CSS3 |
| Ukázky použití HTML5 & CSS3 pro pobavení: (1) http://codepen.io/suffick/pen/KrAwx (2) http://www.spielzeugz.de/html5/sticky-thing/ (3) http://globe.chromeexperiments.com/ |