Illusztrált bemutató a Adobe Dreamweaver mx> lépcsőzetes stíluslapok> együtt dolgozni
A stíluslapok használata a Dreamweaver alkalmazásban. Stílusok létrehozása.
Nyugodj meg. Rendben van. Dreamweaver szépen karbantartott, és a külső és belső stíluslapok és lehetővé teszi, hogy stílusok, „tiszta”, a legújabb idején a kiadvány web-alapú. A létrehozott stílusok alkalmazása az oldal elemeire általában könnyű.
De miért volt ennyi forráskód? Annak érdekében, hogy megértsétek, milyen stíluslapok vannak és hogyan működnek. És ez a legegyszerűbb módja a HTML és a CSS-ben írt példáknak. Emellett a HTML és CSS nyelvek ismerete egy web designer számára egyáltalán nem ártalmas, éppen ellenkezőleg, hasznos. Extra tudás - a poggyászt nem terheli, és gyakran nem teljesen felesleges.
Stílusok létrehozása
Mielőtt elkezdi kísérletezni a stílusokat, nyissa meg a Dreamweaver-tanulmány elején létrehozott 1.1.htm weboldalt. Tartózkodni fogunk a tartalmán. Csak mentse el újra 10.2.htm-ként a Fájl menüben a Mentés másként vagy a CTRL + SHIFT + S gomb megnyomásával.
Minden stílusban végzett munka a Styles Dreamweaver CSS panelen történik, amely a 2. ábrán látható. 10.3. A képernyő megjelenítéséhez vagy a CSS stílusok elem kiválasztásához az Ablak menüből. vagy nyomja meg a SHIFT + F11 billentyűt.
Ahhoz, hogy hozzon létre egy új stílust, válasszuk az Új CSS stílus lehetőséget a helyi menüből vagy kiegészítő, vagy nyomja meg a megfelelő gombot (ábra. 10.4) található a jobb alsó sarokban a CSS stílusok panelen. Azt is aktiválhatja a dokumentum ablakban, és válassza az Új stílus CSS stílusok almenü helyi menüből vagy a megfelelő pontot az azonos nevű almenü található a Szöveg menüben. E műveletek bármelyikének eredményeképpen megjelenik az Új CSS stílus párbeszédpanel. ábrán látható. 10.5.
Ábra. 10.4. Új CSS stílus gomb
Ábra. 10.5. Új stílus párbeszédablak