TNPW 1 Technologie pro publikovn na webu Cvien

TNPW 1 Technologie pro publikování na webu Cvičení č. 3 Nadpisy Martin Adámek TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT)

Sémantika - nadpisy nadpis <h 1> – na každé stránce 1 <h 2> – první opakující se úroveň <h 3>, <h 4> – další úrovně nadpisů (další podnadpisy) – nadpis nižší úrovně slouží k rozvinutí nadpisu vyšší úrovně nelze užít bezprizorně bez nadpisu vyšší úrovně ~ úroveň stromu – např. jako adresáře na disku či postupná klasifikace čehokoliv TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) příklad? 2

Sémantika – nadpisy (schematické příklady) správně špatně – <h 2>Navigace</h 2> – <h 1>Nadpis stránky</h 1> – <h 2>podnadpis</h 2> <h 3>podnadpis</h 3> – <h 4>podnadpis</h 4> – <h 2>podnadpis</h 2> <h 3>podnadpis</h 3> – <h 2>Navigace</h 2> – <h 1>Nadpis stránky</h 1> – <h 3>podnadpis</h 3> <h 4>podnadpis</h 4> – <h 2>podnadpis</h 2> TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) Chyba=? 3

Bodovaný úkol – dnešní zadání vytvořte validní XHTML stránku – se správným použitím elementů <h 1>, <h 2>, <h 3> a <h 4> – s nástinem smysluplné struktury konkrétních nadpisů na důkaz pochopení správného užívání úrovní nadpisů <p>, <strong> a <em> <a href> s absolutní adresou cizí stránky (jiného webu) <a href> s relativní adresou souboru ke stažení – např. formát doc, xls, pdf, apod. – soubor půjde stáhnout/otevřít, odkaz bude funkční – bude uvedena informace o formátu a velikosti souboru <h 2><a name=„obsah“>Obsah</a></h 2> <a href=„#obsah“>Skok na obsah</a> – u elementů zatím nepoužívejte třídy (class) ohodnocení úkolu: 2 body TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 4

Bodovaný úkol – obecná pravidla (i pro všechny budoucí úkoly) na stránku vložte odkaz pro ověření validity http: //validator. w 3. org/check? uri=referer stránku umístěte na server (lide. uhk. cz) ověřte si validitu stránky – odstraňte případné chyby (po jedné odshora) odkaz pošlete e-mailem – příjemce martin. adamek – předmět „TNPW cvičení č. “ (a číslo cvičení, dle této prezentace) úkol můžete použít i jako součást semestrálního projektu – ale při cvičení se zbytečně nezdržujte vytvářením smysluplného obsahu stránky TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 5

Tipy zviditelněte si přípony souborů v „Tento počítač“ nebo používejte Total Commander – a přečtěte si i další tipy a rady na webu strong a em jsou primárně určeny pro použití mimo nadpisy nevoďte odkazy na soukromý disk P – vidíte ho jenom vy – relativní odkaz nevede na žádný disk, absolutní vede na URL adresu používat v odkazech mezery nebo diakritiku je nevhodné chyby validity už v hlavičce – používejte šablonu ode mne, nikoliv z Homesitu kotva (místo, kam se má skočit) se definuje pomocí <a name> (nebo id) – <a name=“stenata“>Štěňátka</a> – skok odjinud potom <a href=“#stenata“>, jako běžný odkaz TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 6

Tipy chyby, které se vyskytly v úkolech: – chybějící odkaz na validátor – nevalidní kód obvykle „document type does not allow element. . . “ – uzavřete do <p> nebo do <div> – obecné nadpisy neukazující pochopení jejich užívání bylo zadáno, že mají být konkrétní příklady – místo h 4 použit strong, což je špatně nadpis má být nadpis, ne ozdobený text – nepoužívejte velká písmena v URL v kódu používejte odsazení tabelátorem – ale vždy jen jedno, žádné extrémy TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 7

Tipy zkontrolujte si předmět eml. zprávy při odesílání úkolu – – – na cvičení: časová ztráta (menší šance na opravu) v projektu: bodová ztráta formát předmětu je uveden i na webu, odkud lze snadněji zkopírovat dodatečné odevzdání bylo výjimečné – bude jen během cvičení – opravy jsou možné během cvičení, do jeho skončení – od cvičení č. 5 budou uznávány pouze projekty odeslané ve vyhovujícím stavu do konce cvičení ale vyplatí se si úkoly opravit i po termínu – abyste si použití vyzkoušeli v případě neúspěchu se ptejte a konzultujte ! – a abyste na disku měli svůj vlastní příklad použití v něm se v budoucnu vyznáte lépe, než v cizím TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 8

Příště obrázky tabulky seznamy TNPW 1, cv. – Ing. Martin Adámek (UHK -FIM-KIT) 9