Advertisement
Guest User

Untitled

a guest
Nov 24th, 2014
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.87 KB | None | 0 0
  1. <h1><b>4.1 Nadpisy</b></h1>
  2.         </br>Jazyk XHTML používá šest velikostí nadpisů rozlišených čísly. Velikost 1 je největší (nadpis celé stránky), velikost 6 nejmenší <br>(nadpis malé části textu). Vymezují se značkami &lt;h1&gt. . . &lt;/h1&gt až &lt;h6&gt . . . &lt;/h6&gt. Obsah značky je textem nadpisu.<br>Ve WYSIWYG editorech se zpravidla nastavuje jako styl textu. WWW klient zajistí odpovídající zvýraznění (velké tučné písmo,<br> svislé mezery apod.).</p>
  3.  
  4.        Nadpisům je třeba věnovat značnou pozornost, protože
  5. <ul style="list-style-type: disc">
  6.    <li>usnadňují čtenáři orientaci na stránce</li>
  7.    <li>vyhledávací roboti je zvýhodňují – obsahuje-li stránka uživatelem hle- dané slovo v nadpisu, dostane vyšší skóre než stránka,<br> která je obsahuje jen v běžném textu.</li>
  8. </ul>
  9.    Je tedy záhodno prostřednictvím nadpisů stránku rozdělit na tématické části, jejichž obsah je nadpisem vždy co nejpřesněji<br> charakterizován.
  10.  
  11. <p>Pro používání nadpisů platí následující zásady:</p>
  12. <ul style="list-style-type: disc">
  13.    <li>Stránka by měla mít právě jeden nadpis velikosti 1 (nadpis celé stránky).</li>
  14.    <li>V hierarchii velikostí nepřeskakujte. Základní části stránky by měly být nadepsány velikostí 2, jejich části velikostí 3 atd.<br> Nenechte se ovlivňovat vzhledem, je třeba dodržovat hierarchii.</li>
  15.    <li>Nepřehánějte. Je-li stránka rozdělena na příliš malé části, drobí se a ztrácí přehlednost. Hlubší než dvouúrovňové členění<br> (nadpisy velikosti 2 a 3) používejte jen ve výjimečných a odůvodněných případech.</li>    
  16. </ul>    
  17.  
  18. Je třeba rozlišovat mezi titulkem stránky (značka &lt;title&gt v záhlaví) a jejím nadpisem (značka &lt;h1&gt). Titulek bude zobrazen v<br> záhlaví okna, vkládá se jako nadpis do záložek, pokud si uživatel přidá stránku mezi oblíbené, a po- dobně. Měl by stránku<br> stručně charakterizovat bez ohledu na její kontext. Čili nestačí jen „Seznam učitelů“, protože v záložkách taková informace<br> mnoho neřekne. Je záhodno doplnit ji o přesnější určení – například „Seznam učitelů ZŠ Pod Břehem, Sedlčany“. Někteří klienti<br> mívají problémy se
  19.  
  20. zobrazováním českých znaků v titulku okna, doporučuji používat zde jen znaky anglické abecedy.<p>
  21.  
  22. </p>Naproti tomu nadpis stránky (&lt;h1&gt;) bývá výrazně zobrazen na jejím začátku. Často je stránka vybavena standardními<br>navigačními prvky daného serveru, ze kterého vyplývá její kontext – obsahují zpravidla logo či jméno instituce a odkazy na další<br> informace. Proto nadpis může být stručnější a měl by několika málo slovy charakterizovat obsah stránky. Zde je „Seznam<br> učitelů“ zcela na místě, protože název školy se jistě vyskytuje někde kolem.<p>
  23.  
  24. </p>Obecně jsou nadpisy částí výraznými orientačními body pro čtenářovo oko. Proto je třeba jim věnovat dostatečnou pozornost.<br> Měly by stručně (několikařádkový nadpis ztrácí smysl) a výstižně charakterizovat část textu, která za nimi následuje.
  25.  
  26.  
  27.  <h1><b>4.2 Odsazení (zúžení) a zarovnání textu</b></h1>
  28.  
  29. Zúžený text se používá, pokud chcete část textu výrazně oddělit od jeho okolí (např. citát z jiné publikace či ze zákona, text příkladu, zdrojový text<br> programu nebo jeho výstup).<p>
  30.  
  31.         </p>Odsazený(zúžený) text je uzavřen do párové značky <b>&lt;blockquote&gt;. . . &lt;/blockquote&gt;</b>. WYSIWYG editory<br> většinou nabízejí možnosti „zvětšit odsazení“ (zúžit text) a „zmenšit odsazení“ (odvolat zúžení).<p>
  32.  
  33. </p>Pro zarovnání textu přichází na WWW stránkách teoreticky v úvahu čtyři možnosti:
  34.        <ul style="list-style-type: disc">
  35.         <li>doleva (<b>left</b>) - levý okraj je zarovnaný, pravý zubatý</li>
  36.     <li>doprava (<b>right</b>) - pravý okraj je zarovnaný, levý zubatý</li>
  37.     <li>centrovaně (<b>center</b>) - každý řádek je centrován</li>
  38.     <li>do bloku (<b>justify</b>) - zarovnané jsou oba okraje</li>
  39.        </ul>
  40.  
  41.         Implicitní je zarovnání doleva. Centrování se používá pro některé speciální případy – např. je možné centrovat nadpisy či krátké<br> texty, jako jsou básně nebo pozvánky. Zarovnání doprava je spíše výjimečné – např. pro podpis dopisu nebo pro odkazy na<br> pokračování textu.<p>
  42.  
  43. </p>Zarovnání do bloku se běžně používá v knihách, časopisech a novinách. Na WWW stránkách je lepší se mu vyhnout, protože je<br> klient nedovede udělat kvalitně (neumí rozdělovat slova, nemá dostatek manipulačního prostoru pro nastavení mezer).<br> Výsledkem je velmi nerovnoměrně mezerovaný text, který se obtížně čte.<p>
  44.  
  45.     </p>Ve WYSIWYG editorech probíhá nastavení zarovnání opět obvyklým způsobem (např. lze vybrat text a pak z menu zvolit jeho<br> zarovnání).<p>
  46.  
  47. </p>Nejsystémovějším způsobem pro nastavení zarovnání je použít <b>CSS</b>, konkrétně vlastnost <b>text-align</b>.<p>
  48.  
  49.         </p>Chcete-li zarovnávat přímo v kódu stránky, je situace poněkud komplikovanější, protože zarovnání lze použít v několika<br> případech. Vždy se zapisuje prostřednictvím atributu <b>align=”hodnota”</b>, kde přípustné hodnoty najdete v závorkách ve výše<br> uvedené tabulce.<p>
  50.  
  51. </p>Chcete-li velmi omezený dosah formátování (jeden odstavec), lze atribut přidělit značkám &lt;p&gt; či &lt;h1&gt;&lt;h6&gt;. Pokud se<br> odlišné formátování má týkat rozsáhlejšího textu, lze jej uzavřít do párové značky &lt;div&gt; s odpovídající hodnotou atributu align.<br> Například následující XHTML kód vytvoří centrovaný nadpis následovaný dvěma doprava zarovnanými odstavci:
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement