Új címkestílusok létrehozása az Adobe CS5 Dreamweaverben

A címke (vagy elem) létrehozása egyszerű út az Adobe Creative Suite 5 (Adobe CS5) Dreamweaver felhasználói számára, hogy megértsék a CSS-t. A Dreamweaver lehetővé teszi, hogy a meglévő HTML-címkékkel dolgozzon, mint például a P, H1 és H2. Az oldalon meglévő elemcímkék és a Property Inspector használatával választhatja az automatikus formázás alkalmazását minden egyes HTML-címkék használatánál.

1 Nyisson meg egy HTML-oldalt.

Ügyeljen arra, hogy olyat válasszon, amely szöveget tartalmaz.

2 Kattintson a HTML gombra a Tulajdonságvizsgáló panelen.

A gomb a panel bal oldalán található. Ez megjeleníti a Tulajdonságvizsgálót HTML nézetben.

3 Válasszon ki egy szövegsort.

A kijelölt szöveget félkövérre szedjük a tulajdonságvizsgálóban található B gombbal.

4 Váltson CSS nézetre.

Kattintson a CSS gombra a Tulajdonságvizsgáló panel bal szélén.

A cél az, hogy a szöveget félkövérre szedő címkéhez végleges stílusinformációt rendeljenek, így az oldalon lévő félkövér szövegek is pirosan jelennek meg.

5 Indítson el egy új CSS-szabályt.

Hagyja kijelölve a félkövér szöveget, és a Tulajdonságvizsgálóban válassza ki a Célzott szabály legördülő listából.

6 Alkalmazzon színt a kijelölt szövegre.

Ha a szöveg továbbra is ki van jelölve, használja a Tulajdonságvizsgáló jobb oldalán található színválasztót (a B és I gombok alatt) a kiválasztott, félkövér szövegre alkalmazni kívánt piros szín kiválasztásához.

7 Megjelenik az Új CSS-szabály párbeszédpanel.

A Selector Type legördülő listából válassza a Címke (Újradefiniál egy HTML-elemet) lehetőséget; a Selector Name legördülő listából válassza az Erős lehetőséget; válassza a (Csak ez a dokumentum) lehetőséget a Szabálydefiníció legördülő listából.

A választó típusa határozza meg, hogy a formázás hogyan kerül alkalmazásra az oldalon lévő elemekre. A címkestílusok megváltoztatják az adott HTML címkével formázott elemek megjelenését.

8Kattintson az OK gombra az új címkestílus létrehozásához és a panel bezárásához.

Mostantól minden alkalommal, amikor alkalmazza a címkét félkövér szöveg létrehozásához (a B gomb vagy más billentyűparancsok használatával), ez a félkövér szöveg is pirosan jelenik meg. Létrehozott egy címkestílust, amely meghatározza, hogy a félkövér szöveg hogyan jelenjen meg bármikor, amikor megjelenik egy dokumentumban.