Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy.

Prezentace na téma: "Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy."— Transkript prezentace:

1 Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy

2  Nadpis první úrovně Nadpis  Slouží k označení nadpisu celé stránky  Na jedné stránce se vyskytuje právě jednou  Jeho vynechání nezpůsobí chybu při validování, jeho vynechání je však prohřešek – při indexování robot nepochopí „o čem stránka je“  Nadpisy a veškerý obsah patří do těla stránky, tzn. Do elementu

3  Nadpis nižší úrovně  První nadpis, který se na stránce může opakovat  Neměl by být použit, pokud neexistuje  Z hlediska posloupnosti kódu lze použít dříve než  Sémanticky vyjadřuje podkategorii hlavního nadpisu  text odstavce  Odstavec textu Moje zájmy Fotbal Rád chodím hrát s kamarády fotbal…

4  Dále lze obsah strukturovat nadpisy až do  Všechny nadpisy mimo se mohou opakovat  Je důležité úrovně nevynechávat – např. je špatně použít a poté hned Moje zájmy Fotbal Stolní fotbal Text odstavce o stolním fotbálku Venkovní fotbal Text o normálním fotbalu Hokej Text odstavce o hokeji

5  text odstavec textu, použit již v ukázkách  text slouží ke zdůraznění textu, který bude naformátován jako tučný  text text bude zvýrazněn kurzívou  Odkaz na seznam  Hypertextový odkaz  Absolutní: href=“http://www.seznam.cz“http://www.seznam.cz  Relativní: href=“soubory/dokument.docx“

6  Absolutní se vždy dostane na stejnou adresu, ať je použit kdekoli (nutno použít např. při odkazování na jiný web)  Relativní je velice vhodné pro odkazování mezi stránkami jednoho webu, odkazy na soubory ke stažení.

7  Prvnímu odkazu nastavíme pouze atribut name  U druhého odkazu použijeme značku # Též lze použít id místo name Nadpis webu...text... Zpět na nadpis webu Další odstavec textu toto bude tučně a toto kurzívou

8  Vytvořte jednu stránku, XHTML 1.0 Strict validní, která bude obsahovat  Alespoň 3 odstavce textu  Strukturované nadpisy úrovní 1-3  V textu budou nějaká slova zvýrazněna buďto tučně, nebo kurzívou  Použité budou odkazy na jiná místa na internetu (absolutní), též relativní odkazy na nějaký soubor ke stažení (funkční), dále odkaz v rámci jedné stránky.  Zatím netřeba text formátovat (mimo p, em a strong)

9  Po vytvoření nahrajte váš úkol na svůj www adresář.  Nezapomeňte soubor pojmenovat index.html tak, aby byl zachován přístup z http://lide.uhk.cz/[vas_login].