Formátování textu pomocí Adobe CS5 Dreamweaver Property Inspector

Inspektor vlastností Adobe Creative Suite 5 (Adobe CS5) Dreamweaver se používá k aplikaci značek HTML a vytváření tříd CSS pro formátování barvy, plochy, velikosti a dalších charakteristik textu. Inspektor vlastností je rozdělen do dvou zobrazení: HTML a CSS. Můžete je přepínat pomocí tlačítek na levé straně panelu.

Změňte atributy textu.

Zde je význam všech tlačítek v inspektoru Vlastnosti:

• Formát (HTML): Pomocí rozevíracího seznamu Formát můžete použít značky HTML, které formátují celý odstavec, včetně značek nadpisů (Nadpis 1 až Nadpis 6), které se obecně aplikují na záhlaví a nadpisy, značku odstavce a značku předformátovaného textu. . Atributy každého z těchto tagů můžete později snadno doladit pomocí CSS.

  Poslední volbou v rozevíracím seznamu Formát je Předformátovaný, umožňuje prohlížeči zobrazit text přesně tak, jak jste jej složili.

• ID (HTML): Toto nastavení aplikuje na prvek styl CSS ID. ID jsou specifickým typem pravidla CSS (nebo selektoru), které se používají k ukládání informací o formátování jedinečných pro jednu položku na stránce (například informace o umístění kontejneru).

• Třída (HTML): Tento rozevírací seznam aplikuje existující styl třídy na výběr na stránce. Styly tříd lze vytvořit pomocí inspektoru Vlastnosti nebo přímo z panelu stylů CSS.

• Odkaz (HTML): Zadejte hypertextový odkaz (např. www.wiley.com ) nebo klikněte na ikonu složky, abyste mohli procházet a odkazovat na jinou stránku v rámci svého webu.

• Cíl (HTML): Vyberte, kde se zobrazí propojený cíl.

• Tučné (HTML/CSS): Tučný vybraný text.

• Kurzíva (HTML/CSS): Kurzíva vybraného textu.

• Zarovnání (CSS): Kliknutím na tlačítka zarovnání na panelu nástrojů použijete zarovnání doleva, na střed a doprava. Chcete-li se vrátit k výchozímu zarovnání vlevo, klikněte znovu na tlačítko vybraného zarovnání.

• Neuspořádaný seznam (HTML): Automaticky vkládat odrážky před uvedené položky. Jak pokročíte v používání kaskádových stylů, můžete na seznamy použít mnohem více atributů, včetně přizpůsobení odrážek.

• Seřazený seznam (HTML): Automaticky očísluje každý další řádek textu pokaždé, když stisknete klávesu Enter (Windows) nebo Return (Mac).

  Chcete-li vnutit text na další řádek bez přidání automatického číslování, stiskněte Shift+Enter (Windows) nebo Shift+Return (Mac).

• Odsazení textu (HTML): Vraťte zpět stisknutím tlačítka Odsazení pomocí tlačítka Odsazení textu. Tato možnost odstraní

  tag, který vytvoří tlačítko Text Indent.

• Odsazení textu (HTML): Tuto možnost použijte k odsazení textu. Jednoduše umístěte kurzor do odstavce textu, který chcete odsadit, a stiskněte tlačítko Odsazení textu. A

  je použita značka.

• Cílené pravidlo (CSS): Upravte existující pravidlo CSS nebo vytvořte nové. Z tohoto rozevíracího seznamu je jasné, zda vytváříte nové pravidlo nebo upravujete existující v inspektoru Vlastnosti.

• Tlačítka Upravit pravidlo / Panel CSS (CSS): U pravidla zobrazeného v rozevíracím seznamu Cílené pravidlo můžete buď upravit vlastnosti a hodnoty daného pravidla v dialogovém okně Definice pravidla CSS, nebo je zobrazit v panelu Styly CSS na vpravo, resp.

• Písmo (CSS): Písmo je typ písma, který si zvolíte pro zobrazení textu. Mějte na paměti, že to, jaké písmo divák uvidí, závisí na dostupnosti písem v počítači daného uživatele. Z tohoto důvodu jsou sady písem omezeny na základní systémová písma, která jsou nainstalována na většině počítačů bez ohledu na operační systém.

  Prohlížeč nemusí mít písma, která načtete ve svých sadách písem, takže se snažte držet takových běžných písem, jako jsou ta, která jsou již obsažena ve stávajících sadách písem Dreamweaveru.