Ako vytvoriť nový štýl značky v aplikácii Adobe Dreamweaver CS6

Vytvorenie štýlu značky (alebo selektora typu ) v aplikácii Adobe Dreamweaver CS6 je pre nových používateľov jednoduchým a bezpečným spôsobom, ako pochopiť CSS, pretože sa zameriava na existujúce značky HTML, ako sú P, H1 a H2.

Pomocou existujúcich značiek na svojej stránke môžete použiť automatické formátovanie všade tam, kde sa používajú určité značky HTML. Môžete napríklad vytvoriť akýkoľvek text vo vnútri súboru

Značka (Nadpis 1) je automaticky tučná, 36 pixelov a červená.

Ak chcete vytvoriť štýl značky pomocou nástroja Property Inspector, postupujte takto:

Otvorte stránku HTML, ktorá obsahuje text.

V inšpektorovi vlastností kliknite na tlačidlo HTML na ľavej strane panela, čím zobrazíte inšpektora vlastností v zobrazení HTML.

Vyberte riadok textu a zvýraznite ho tučným písmom kliknutím na tlačidlo B umiestnené v inšpektorovi vlastností.

Kliknutím na tlačidlo CSS na úplnej ľavej strane panela prepnite na zobrazenie CSS inšpektora vlastností.

Cieľom je priradiť značke definitívne informácie o štýle, ktoré zvýraznia text tučným písmom, takže akýkoľvek tučný text na stránke bude tiež zobrazený červenou farbou.

Nechajte vybratý tučný text a v inšpektorovi vlastností vyberte z rozbaľovacieho zoznamu Cielené pravidlo.

Keď je text stále vybratý, pomocou selektora farieb na pravej strane inšpektora vlastností (umiestneného pod tlačidlami B a I) vyberte červenú farbu, ktorá sa použije na vybratý, tučný text.

Zobrazí sa dialógové okno Nové pravidlo CSS.

V rozbaľovacom zozname Typ výberu vyberte Značka (predefinuje prvok HTML); vyberte Silný z rozbaľovacieho zoznamu Názov voliča; vyberte (Len tento dokument) z rozbaľovacieho zoznamu Definícia pravidla.

Typ selektora určuje, ako sa formátovanie použije na vybratú značku HTML na stránke. Štýly značiek sa automaticky použijú všade, kde sa daný prvok na stránke objaví.

Kliknutím na tlačidlo OK vytvorte nový štýl značky a zatvorte panel.

Teraz, zakaždým, keď použijete značku na vytvorenie tučného textu (pomocou tlačidla B alebo iných skratiek), tento tučný text sa tiež zobrazí ako červený. Vytvorili ste štýl značky, ktorý určuje, ako sa tučný text zobrazí vždy, keď sa objaví v dokumente.

Tento nový štýl značky môžete ďalej spresniť výberom ľubovoľného tučného textu a pokračovaním v úprave vlastností textu v inšpektorovi vlastností.

Ak chcete upraviť a doladiť vytvorené pravidlo, kliknutím na tlačidlo Upraviť pravidlo pod rozbaľovacím zoznamom Cielené pravidlo otvoríte dialógové okno Definícia pravidla CSS. Toto dialógové okno sa štandardne otvorí v kategórii Typ, kde môžete upraviť vlastnosti súvisiace s typom.

Po dokončení dolaďovania štýlu značky kliknite na tlačidlo Použiť v spodnej časti dialógového okna, aby ste videli zmeny. Môžete tiež kliknúť na tlačidlo OK, aby ste použili zmeny a ukončili dialógové okno.