Dreamweaver in jQuery Mobile Integration

• Maj 19, 2024

V zadnjih nekaj letih Dreamweaver^R je dobil večje število funkcij za ustvarjanje mobilnih spletnih vsebin in mobilnih aplikacij. Ta nova nadgradnja na CS6 ni izjema. Dreamweaver CS6 ima izboljšan potek dela s funkcijami jQuery Mobile.

Začetek novega mobilnega projekta je preprost z novo možnostjo Stran iz vzorca v pogovornem oknu Nov dokument. V mapi Starter lahko izberete vzorec jQuery Mobile. Ta vzorčna stran vsebuje nekaj vnaprej izdelanih grafičnih, css in JavaScript datotek.

Na tej vzorčni strani lahko začnemo graditi svoj projekt z dodajanjem elementov na stran.

1. Na plošči Vstavljanje bomo v meniju kategorije izbrali jQuery Mobile. To bo prikazalo predhodno vgrajene komponente.
   
   
2. Če želite dodati novo komponento, bomo kazalec postavili na mesto, kjer bo dodan nov oblikovalski element, in kliknite eno od komponent na seznamu. Za naš primer izberimo drsnik.
   
   Dreamweaver bo samodejno dodal kodo za drsnik na našo stran. V pogledu v živo si lahko ogledamo novo kontrolo drsnikov.
   
   

Toda ta stran je nekoliko generično videti. Na hiter in enostaven način bomo oblikovali svojo stran z novo ploščo za mobilne swatche jQuery.

1. V meniju Menubar kliknite Window - jQuery Mobile Swatches. Če še niste naložili podpornih grafičnih, css in JavaScript datotek, se prikaže pojavno pogovorno okno. Kliknite Kopiraj, da naložite datoteke.
   
   
2. Nova plošča SWAT za mobilne jQuery je prazna, dokler na vzorčni strani ne izberete elementa. Ko izberete element, se na plošči prikažejo ustrezni vzorci, ki so na voljo za ta element. Če izberemo element glave, bomo videli več tem naslovov.
   
   
3. Če preklopimo na pogled v živo, lahko kliknemo vsako posamezno temo in si ogledamo predogled, kako bodo videti.
   
   

To lahko ponovimo za vse elemente oblikovanja na naši strani. Med tem bomo na zaslonu jQuery Mobile Swatches prikazali ustrezne na voljo teme. Preklopnik ločljivosti lahko uporabimo tudi za predogled zasnove, kot bo videti v ločljivosti namizja in tabličnega računalnika.

Če uporabimo povezavo Pridobite več tem na dnu plošče, se bo na spletnem mestu ThemeRoller za jQuery Mobile odprl brskalnik.

* Adobe mi je v pregled dal mojo kopijo te programske opreme.

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.

Navodila Video: Part 10: Using the jQuery Mobile Theme Roller in DreamWeaver (Maj 2024).