Osztálystílus létrehozása az Adobe CS5 Dreamweaverben

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaver támogatja az osztálystílusok létrehozását, hogy pontosabban szabályozhassa az oldal formázását. Létrehozhat osztálykijelölőket, amelyek a törzs, a szöveg, a címsorok, az alcímek és egyéb elemek stílusaként vannak elnevezve. A címkeválasztókkal ellentétben szinte bármilyen nevet kiválaszthat egy osztálynak, és a stílusát szelektíven alkalmazhatja az elemekre, amikor és amikor akarja.

Az új szabályt webhelye egynél több oldalán is elérhetővé teheti egy új külső stíluslap meghatározásával. Ez a módszer a szabályokat egy külső fájlba menti, amely egyszerre több oldalhoz is csatolható.

1 Nyissa meg az Új CSS-szabály párbeszédpanelt.

Keresse meg a CSS panelt a jobb oldalon, és kattintson az Új CSS-szabály gombra alul, vagy válassza a Formátum→CSS-stílusok→Új menüpontot.

2Válassza ki az osztályt (bármilyen HTML-elemre alkalmazható).

Ez az opció a Selector Type legördülő listában található.

3 Nevezze el az új osztályát.

A Selector Name (Kiválasztó neve) szövegmezőben adja meg az új osztály nevét. Bármilyen nevet megadhat, de ügyeljen arra, hogy ne legyen szóköz, és leírja, hogyan fogja használni. A Reallycoolstyle rossz név; a headlinestyle jobb név. A Dreamweaver beszúrja a pontot a stílusnév elé, mert ez egy szükséges elnevezési konvenció.

4Válassza az (Új stíluslapfájl) lehetőséget.

Ez egy lehetőség a Szabálydefiníció legördülő listában alul. Kattintson az OK gombra.

5 Megjelenik a Style Sheet File As mentése másként párbeszédpanel.

Keresse meg a webhely mappáját (vagy ha nem definiált webhelyet, akkor egy mappát, ahol minden lényeges információt, például képfájlokat és webhelye oldalait tárolja).

6 Adjon meg egy nevet a stíluslapnak.

Adjon meg egy megfelelő nevet, például main.css vagy basic.css, ha ez a webhelyéhez létrehozandó fő stíluskészlet. (A Dreamweaver a kötelező .css kiterjesztést hozzáadja a fájlnév végéhez.)

7 Mentse el stílusát.

Hagyja az URL-t úgy, ahogy van, és a Relatív Címzett legördülő listát állítsa Dokumentum értékre. Kattintson a Mentés gombra.

Létrehozott egy új .css fájlt vagy egy külső stíluslapot. Megjelenik a CSS-szabály meghatározása párbeszédpanel, ahol tovább finomíthatja az új stíluslapot.