Hogyan kell megváltoztatni a Spry eszközöket a Dreamweaverben

Az Adobe Dreamweaverben lévő Spry eszközök a HTML, a Cascading Style Sheets és a JavaScript által előre elkészített oldalelemek. A HTML a weblapok létrehozásához használt oldaljelölő nyelv; A HTML dokumentumok megjelenésének formázására Cascading Style Sheets vagy CSS használható; és a JavaScript egy széles körben használt, ügyféloldali szkriptnyelv. A Dreamweaver számos Spry eszközt tartalmaz többféle menük, navigációs sávok és űrlapelemek létrehozásához. A Spry eszköz megjelenését a CSS szabályainak szerkesztésével módosíthatja.

1.

Nyissa meg a Dreamweaver HTML fájlt, amely egy olyan spry eszközt tartalmaz, amelyet meg szeretne változtatni, vagy elindít egy új HTML fájlt a "Fájl" menüre kattintva, és válassza az "Új" lehetőséget. Megnyílik az Új dokumentum párbeszédpanel. Válassza a "HTML" lehetőséget a Típus listából, és válassza ki a kívánt elrendezést az Elrendezés listából. Kattintson a "Create" gombra.

2.

Kattintson a "Fájl" menüre, és válassza a "Mentés másként" lehetőséget. Megnyílik a Mentés másként párbeszédpanel. Nevezze el és mentse el a fájlt.

3.

Kattintson az egérmutatóra azon az oldalon, ahol a Spry eszközt be szeretné helyezni.

4.

Kattintson a "Beszúrás" menüre, válassza a "Spry" opciót, majd válasszon ki egy Spry eszközt a fly-out menüből. A Dreamweaver beszúrja a Spry eszközt az oldalra. A létrehozott oldalelem típusa a Spry opciótól függ. Ha például Spry menüt választ, a Dreamweaver beilleszt egy menüt; ha a Spry űrlapmezőt választotta, a Dreamweaver űrlapmezőt helyez be. Egy adott objektumot szerkeszthet az elemben, például a menü címkéjét vagy az űrlap mező határát, kiválasztva, majd az objektum CSS szabályainak szerkesztésével.

5.

Válassza ki a szerkeszteni kívánt objektumot.

6.

Lépjen a "Tulajdonságok" panelre, és kattintson a "Szabály szerkesztése" gombra a kiválasztott objektum CSS szabály definíció párbeszédpaneljének megnyitásához. Számos változtatást tehet az objektum megjelenésében. Például a szöveg megjelenésének megváltoztatásához kattintson a "Típus" gombra a kategórialistában. Ez megjeleníti az oldalelemben a kiválasztott szöveg tulajdonságainak, például a betűtípuscsalád, a betűméret és a betűtípus stílusának megváltoztatását. A párbeszédpanel hátterét, szegélystílusát és sok más tulajdonságát is megváltoztathatja.

7.

Végezze el a módosításokat, majd kattintson az "Alkalmaz" gombra. A Dreamweaver megjeleníti a változásokat az oldalon. Kattintson az "OK" gombra a CSS szabály definíció párbeszédpanel bezárásához.

8.

Válassza ki a módosítani kívánt másik objektumot, majd kattintson a "CSS szabály" gombra.

9.

Végezze el a 6. és 7. lépésben leírt módosításokat.

Szükséges dolgok

  • Adobe Dreamweaver CS3 vagy újabb

Tipp

  • Sok Dreamweaver Spry eszköze támogató grafikát és JavaScript-et igényel. Amikor egy Spry eszközt beilleszt egy oldalra, a Dreamweaver létrehozza és elmenti a támogató fájlokat egy "Spry Assets" nevű mappába. Amikor feltölti a weboldalt a szerverre, feltöltheti a Spry Assets mappát is; ellenkező esetben a Spry weblap elem nem működik megfelelően.
 

Hagyjuk Meg Véleményét