Výukový program pre CSS v aplikácii Dreamweaver

kaskádových štýlov ( CSS ) je pokročilá forma HTML webové stránky kódovanie , ktorá poskytuje zvýšenú dizajn a možnosti formátovania . Namiesto použitia jednotlivých úryvky kódu HTML do každého textového bloku alebo jej časti na stránke , CSS umožňuje definovať pravidlá a triedy " štýl " , podobné sady štýlu vo spracovanie textu a rozvrhnutie stránky softvér . Potom môžete aplikovať štýly na prvky na vašich stránkach --- takže formátovanie rýchlejšie a jednoduchšie , rovnako ako zabezpečenie jednotnosti stránku alebo celý web . Vstavané funkcie CSS Dreamweaver sa zdá zložité na prvý , ale nie po tom , čo som sa snažil to niekoľkokrát . Veci , ktoré budete potrebovať
Adobe Dreamweaver CS1 alebo neskôr
Zobraziť ďalšie inštrukcie
Použitie CSS v aplikácii Dreamweaver
1

Spustiť nový dokument Dreamweaver HTML alebo otvorte existujúci dokument miesto , kde chcete vytvoriť pravidlá CSS .
2

Prejdite na panel Vlastnosti a kliknite na tlačidlo " CSS " sa nachádza na ľavej strane panela . To kladie Dreamweaver v režime CSS .
3

Kliknite na " Cielená pravidlo " drop - down v paneli Vlastnosti a vyberte " " .
4

Kliknite na tlačidlo " Upraviť pravidlo " v paneli Vlastnosti . Otvorí sa dialógové okno Nový CSS pravidlo , kde zadáte názov svojej novej pravidlo štýlu a definovať jeho správanie .
5

Kliknite na " výber typu " drop - down . K dispozícii sú štyri možnosti na pokles kvapky , ktoré majú opisné mená , ktoré vysvetľujú , čo robia . Napríklad , " Class ( možno použiť na akýkoľvek prvok HTML ) " vám umožňuje vytvoriť triedu štýlu môžete použiť na ľubovoľný text v dokumente . " Compound ( na základe vášho výberu ) " vám umožní vytvoriť triedu , štýl založený na texte , vyberte pred kliknutím na tlačidlo " Upraviť pravidlo . "
6

Kliknite v poli " Selector Meno " a zadajte názov vášho štýl . V závislosti na tom , čo Výber Typ ste zvolili v predchádzajúcom kroku , niektoré typy pravidiel štýle vyžadujú špecifické konvencie . Napríklad , " Class ( možno použiť pre ľubovoľný prvok HTML ) " vyžaduje , aby názov štýlu začínať bodkou ( . ) . Takže , ak ste sa definuje štýl nadpisu , napríklad, mohol by ste vymenovať prvú úroveň nadpisu " . H1 . " Dalo by sa vymenovať základný text " . Telo " . Dreamweaver vás vyzve , či váš pomenovanie je zle , a poskytne vám s vysvetlením , ako pomenovať štýl .
7

Kliknite na " pravidlo definície" drop - dole a vyberte , ako chcete , aby Dreamweaver aplikovať štýl . K dispozícii sú dve možnosti : " iba Tento dokument " vytvára tagy štýl v sekcii HTML Head aktuálnej stránky . Štýly sú k dispozícii len pre túto stránku . " ( New Style Sheet súboru ) " vytvára externý CSS ( . CSS ) súboru .

Výkon CSS je , že môžete formátovať niekoľko stránok --- celý web --- založené na rovnakom súboru CSS pravidlá . Toho je dosiahnuté pomocou externých CSS súborov . Pokiaľ zvolíte " ( Nový súbor zoznamu štýlov ) , " po kliknutí na tlačidlo " OK " v tomto dialógovom okne , Dreamweaver vás vyzve na zadanie názvu súboru CSS . Ak používate iba jeden súbor CSS pre celý web , štandardné pomenovanie je " Styles.css . " Avšak , stránky môžu mať mnoho štýlov --- jeden pre hlavičku , druhý pre pätu , postranné . Dajte svojej CSS súbory zmysluplné názvy .

Po vytvorení prvého CSS externého súboru , nabudúce ho otvoriť v novom CSS pravidlo , súbor sa zobrazí v rozbaľovacom zozname Definícia pravidlá . Keď vytvoríte iný štýl , uistite sa , že ho pridať do príslušného externého súboru CSS .
8

Kliknutím na tlačidlo " OK " pre zobrazenie " CSS Definície pravidlá pre ... " dialógové okno . To je miesto , kde môžete formátovať svoj ​​štýl , ako sú napr písmo , veľkosť , štýl ( tučne , kurzíva ) , farby . Možnosti tu sú rozsiahle , čo umožňuje pomerne prepracovaný formátovania , vrátane textových polí , pozadia a mnohých ďalších možností formátovania . Nastavte všetky požadované formátovanie pre tento štýl , a potom kliknite na tlačidlo " OK " .
9

Opakujte tento postup na vytvorenie dodatočných pravidiel štýlu . Ak chcete aplikovať štýl na bloku texte , jednoducho kliknite na odseky , a potom vyberte požadovaný štýl od " Cielená Pravidlo " drop - dole v paneli Vlastnosti .

• Predchádzajúca strana: Ako zmeniť komentár písma v Adobe Acrobat 
• Ďalšia strana: Ako kopírovať a vložiť do Photoshopu CS3