TNPW1 Technologie pro publikování na webu Cvičení č. 3 Nadpisy Martin Adámek.

Prezentace na téma: "TNPW1 Technologie pro publikování na webu Cvičení č. 3 Nadpisy Martin Adámek."— Transkript prezentace:

1 TNPW1 Technologie pro publikování na webu Cvičení č. 3 Nadpisy Martin Adámek

2 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 2 Sémantika - nadpisy nadpis nadpis –na každé stránce 1 <h2> –první opakující se úroveň,, –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 příklad?

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

4 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 4 Bodovaný úkol – dnešní zadání vytvořte validní XHTML stránku –se správným použitím elementů,, a,, a –s nástinem smysluplné struktury konkrétních nadpisů na důkaz pochopení správného užívání úrovní nadpisů, a, a s absolutní adresou cizí stránky (jiného webu) s absolutní adresou cizí stránky (jiného webu) s relativní adresou souboru ke stažení 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 Obsah Obsah Skok na obsah Skok na obsah –u elementů zatím nepoužívejte třídy (class) ohodnocení úkolu: 2 body

5 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 5 Bodovaný úkol – obecná pravidla (i pro všechny budoucí úkoly) na stránku vložte odkaz pro ověření validity http://validator.w3.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

6 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 6 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í (nebo id) – Štěňátka – Štěňátka –skok odjinud potom, jako běžný odkaz

7 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 7 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 nebo do –uzavřete do nebo do –obecné nadpisy neukazující pochopení jejich užívání bylo zadáno, že mají být konkrétní příklady –místo h4 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

8 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 8 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

9 TNPW1, cv. – Ing. Martin Adámek (UHK-FIM-KIT) 9 Příště obrázkytabulkyseznamy