Vytvorenie štýlu triedy v Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver podporuje vytváranie štýlov tried, ktoré umožňujú presnejšiu kontrolu nad formátovaním stránky. Môžete vytvoriť selektory tried, ktoré sú pomenované ako štýly pre telo, text, nadpisy, podnadpisy a ďalšie prvky. Na rozdiel od selektorov značiek si môžete vybrať takmer akýkoľvek názov triedy a použiť jeho štýl selektívne na položky, ak a kedy chcete.

Svoje nové pravidlo môžete tiež sprístupniť viac ako jednej stránke na vašej lokalite definovaním novej externej šablóny štýlov. Táto metóda uloží vaše pravidlá do externého súboru, ktorý možno pripojiť k niekoľkým stránkam súčasne.

1Otvorte dialógové okno Nové pravidlo CSS.

Vyhľadajte panel CSS vpravo a kliknite na tlačidlo Nové pravidlo CSS v dolnej časti alebo vyberte Formát → Štýly CSS → Nové.

2Vyberte triedu (môže sa použiť na akýkoľvek prvok HTML).

Táto možnosť sa nachádza v rozbaľovacom zozname Typ výberu.

3 Pomenujte svoju novú triedu.

Do textového poľa Názov selektora zadajte názov novej triedy. Môžete zadať ľubovoľný názov, ale uistite sa, že neobsahuje medzery a opisuje, ako ho budete používať. Reallycoolstyle je zlé meno; headlinestyle je lepší názov. Dreamweaver vloží bodku na začiatok názvu štýlu, pretože ide o nevyhnutnú konvenciu pomenovania.

4Vyberte (Nový súbor šablóny so štýlmi).

Toto je možnosť v rozbaľovacom zozname Definícia pravidla v spodnej časti. Kliknite na tlačidlo OK.

5 Zobrazí sa dialógové okno Save Style Sheet File As.

Nájdite priečinok lokality (alebo ak ste lokalitu nedefinovali, priečinok, do ktorého budete uchovávať všetky relevantné informácie, ako sú súbory obrázkov a stránky pre vašu lokalitu).

6 Zadajte názov pre predlohu.

Zadajte vhodný názov, napríklad main.css alebo basic.css, ak ide o hlavnú množinu štýlov, ktoré vytvárate pre svoje webové stránky. (Dreamweaver pridá povinnú príponu .css na koniec názvu súboru.)

7 Uložte si svoj štýl.

Nechajte adresu URL tak, ako je, a rozbaľovací zoznam Relatívne k nastavte na možnosť Dokument. Kliknite na tlačidlo Uložiť.

Vytvorili ste nový súbor .css alebo externú šablónu so štýlmi. Zobrazí sa dialógové okno Definícia pravidla CSS, kde môžete svoju novú šablónu so štýlmi ďalej upraviť.