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ó.


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

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.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.