A Dreamweaver jQuery mobilmoduljainak használata

A Dreamweaver Beszúrás menüje jQuery mobil widgetek gyűjteményét tartalmazza, amelyek segítségével űrlapelemeket és egyéb, a mobil webes alkalmazásokban gyakran használt funkciókat hozhat létre. Használhatja például a jQuery mobil widgetet mobilbarát űrlapelemek, például szövegterületek és jelölőnégyzetek hozzáadásához.

A jQuery mobil widgetek bármelyikének használata előtt először meg kell határoznia egy jQuery Mobile oldalt az Oldal kiválasztásával, amely a jQuery mobil widgetek listájában található elem.

A Dreamweaver jQuery mobilmoduljainak használata

Hozzon létre egy weboldalt a Dreamweaverben.

Kattintson ide, hogy a kurzort az új oldal bal felső sarkába helyezze, majd válassza az Oldal lehetőséget a jQuery Mobile Insert panelen.

Megnyílik a jQuery Mobile fájlok párbeszédpanel.

Módosítsa az alapértelmezett beállításokat a jQuery Mobile fájlok párbeszédpanelen (vagy hagyja őket az alapértelmezett értékekre), majd kattintson az OK gombra.

Megnyílik az Oldal párbeszédpanel.

Írjon be egy nevet az azonosító mezőbe, és jelölje be vagy törölje a Fejléc és Lábléc melletti jelölőnégyzeteket attól függően, hogy szeretne-e fejléc- és láblécszakaszokat a mobiloldalon.

Cserélje ki a fejléc, tartalom és lábléc szövegét a mobiloldalon kívánt szöveggel, képekkel és egyéb elemekkel.

Szöveget, képeket és egyéb elemeket illeszthet be egy jQuery mobiloldalra, akárcsak a Dreamweaver bármely más oldalát.

A szöveg legyen rövid, a képek pedig kicsik, hogy kisméretű mobilképernyőkön is megjelenjenek.

Kattintson a Mobile Size ikonra a munkaterület jobb alsó sarkában, hogy az oldalt kisebb ablakban tekintse meg.

A Mobilméret opció lehetővé teszi, hogy az oldalt úgy tekintse meg, ahogyan az egy kis mobileszközön fog megjelenni.

A Dreamweaver jQuery mobilmoduljainak használata

Igény szerint adjon hozzá további jQuery Mobile-beállításokat.

A Mobile jQuery Insert panelen a jQuery Mobile többi beállítása nem kötelező. Használja őket további funkciók hozzáadásához mobiloldalához, beleértve az űrlapelemeket, például jelszómezőket, rádiógombokat és szöveges területeket.

Válassza a Fájl→Mentés menüpontot az oldal mentéséhez; Amikor megjelenik a Függő fájlok másolása párbeszédpanel, kattintson az OK gombra az összes kapcsolódó fájl létrehozásához.

A jQuery Mobile funkcióinak működéséhez fel kell töltenie ezeket a fájlokat a webszerverére a weboldal feltöltésekor.

A munka előnézetének megtekintéséhez kattintson a munkaterület tetején található földgömb ikonra, és válasszon böngészőt.

Egy mobilwebhely vagy webalkalmazás mobileszközön való teszteléséhez tegye közzé az oldalt és az összes kapcsolódó fájlt egy webszerveren, majd tekintse meg az oldalt iPhone, Android, Blackberry vagy más mobileszköz webböngészőjében.

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.