Belső és külső stíluslapok létrehozása a Dreamweaverben

Amikor új stílusokat hoz létre a Dreamweaverben, el kell döntenie, hogy a stílust belső vagy külső stíluslapba menti-e. Egy belső stíluslapon a stílusszabály a HTML-dokumentum tetejére kerül mentésre, ahol alkalmazni kívánja a stílust. A külső stíluslapon az új stílusok egy külön dokumentumban kerülnek mentésre, amely csatolható a webhely bármely fájljához.

A külső stíluslapok kínálják a legnagyobb előnyöket, mivel egyetlen stíluskészlet használata több oldalon hatékonyabb, mint a webhely minden oldalához stílusok létrehozása. Ennek ellenére néha a belső stíluslapok jó választás, például amikor olyan stílust hoz létre, amely csak egy oldal elemeire vonatkozik.

Hogyan készítsünk belső stíluslapot a Dreamweaverben

A belső stíluslapok ugyanabba a HTML-fájlba kerülnek mentésre, ahol alkalmazták őket. Így a belső stíluslap létrehozásakor nem hoz létre fájlt, mint ahogyan külső stíluslapot hoz létre.

Ehelyett, amikor létrehoz egy belső stíluslapot, egyszerűen hozzá kell adnia

címkéket a fájlban.

Egy új belső stílus létrehozása a Dreamweaverben mindössze két lépést igényel. Először kattintson a plusz (+) ikonra a Források panelen a CSS Designer panel tetején. Ezután válassza a Define in Page lehetőséget a legördülő listából. Végeztél. A Dreamweaver beilleszti a

címke.

Belső és külső stíluslapok létrehozása a Dreamweaverben

Külső stíluslap létrehozása a Dreamweaverben

A CSS Designer panel legfelső részén található a Források panel. Ez a panel megjeleníti a megnyitott oldalon elérhető stíluslapok nevét vagy neveit. Ugyanezt a panelt használják stíluslapok létrehozására vagy hivatkozásokra a stílusok létrehozásakor vagy alkalmazásakor.

Külső stíluslap létrehozásához először hozzon létre és mentsen el egy új HTML-fájlt, vagy nyisson meg egy meglévő fájlt a Dreamweaverben, majd kövesse az alábbi utasításokat:

Kattintson a plusz (+) ikonra a Források panelen a CSS Designer panel tetején.

Megnyílik egy legördülő lista három lehetőséggel: Új CSS-fájl létrehozása, Meglévő CSS-fájl csatolása és Meghatározás az oldalon.

Belső és külső stíluslapok létrehozása a Dreamweaverben

Válassza az Új CSS-fájl létrehozása lehetőséget a legördülő listából.

Megnyílik az Új CSS-fájl létrehozása párbeszédpanel.

Adjon nevet az új stíluslapfájlnak.

A stíluslapoknak bármit elnevezhet, ha nem használ szóközt vagy speciális karaktert a kötőjelen (-) vagy az aláhúzáson (_) kívül.

Belső és külső stíluslapok létrehozása a Dreamweaverben

Válassza a Link opciót.

A linket a legtöbb esetben a legjobb gyakorlatnak tekintik, és alapértelmezés szerint a Dreamweaverben van kiválasztva.

Az Importálás opciót többnyire csak akkor használják, ha több külső stíluslapot szeretne alkalmazni az oldalra, de csak egy stíluslapra szeretne hivatkozni. Ebben az esetben az Importálás opcióval több stíluslapot társíthat egyhez.

Kattintson a Feltételes használat melletti nyílra a további beállítások megtekintéséhez.

A Feltételes használat beállításai a stíluslapokhoz tartozó médialekérdezések beállítására szolgálnak.

Kattintson az OK gombra.

A stíluslap mentésre kerül, és a Dreamweaverben megnyitott HTML-oldalhoz kapcsolódik. Megjegyzés: Ha új HTML-oldalon dolgozik, győződjön meg arról, hogy elmentette az oldalt; ellenkező esetben nem tud új CSS-fájlt létrehozni és csatolni.

A külső stíluslap létrehozása után ugyanazt a stíluslapot tetszőleges számú oldalhoz csatolhatja a közvetlenül következő gyakorlat lépéseit követve. Tetszőleges számú stílusszabályt is hozzáadhat bármely külső stíluslaphoz, amelyet az osztályok, címkék és más típusú stílusok létrehozását követő különféle gyakorlatok tárgyalnak.

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.