„Dreamweaver“ ir „jQuery“ mobiliųjų įrenginių integracija

• Balandis 27, 2024

Per pastaruosius kelerius metus „Dreamweaver“^R buvo suteiktas vis daugiau funkcijų kuriant mobilųjį interneto turinį ir programas mobiliesiems. Šis naujas CS6 atnaujinimas nėra išimtis. „Dreamweaver CS6“ patobulinta darbo eiga su „jQuery Mobile“ funkcijomis.

Pradėti naują mobilųjį projektą paprasta naudojant naują puslapį iš pavyzdžio dialogo lange Naujas dokumentas. „JQuery Mobile“ pavyzdį galite pasirinkti iš aplanko „Mobile Starters“. Šiame pavyzdžio puslapyje yra keletas iš anksto sukurtų grafinių, CSS ir „JavaScript“ failų.

Iš šio pavyzdžio puslapio galime pradėti kurti savo projektą, pridėdami elementus prie puslapio.

1. Skydelyje Įterpti kategorijos meniu pasirinksime „jQuery Mobile“. Čia bus rodomi iš anksto sukurti komponentai.
   
   
2. Norėdami pridėti naują komponentą, mes įdėsime žymeklį toje vietoje, kur bus pridėtas naujas dizaino elementas, ir spustelėkite vieną iš komponentų sąraše. Mūsų pavyzdžiu pasirinksime slankiklį.
   
   „Dreamweaver“ automatiškai pridės slankiklio kodą į mūsų puslapį. Tiesioginiame vaizde galime pamatyti savo naują slankiklio valdymą.
   
   

Bet šis puslapis atrodo šiek tiek bendrai. Naudodami naują „jQuery Mobile Swatches“ skydelį, galime greitai ir lengvai formuoti savo puslapį.

1. Meniu juostoje spustelėkite langas - „jQuery Mobile Swatches“. Jei dar neįkėlėte palaikančių grafinių, css ir „JavaScript“ failų, pamatysite iššokantį dialogo langą. Norėdami įkelti failus, spustelėkite Kopijuoti.
   
   
2. Naujasis „jQuery Mobile Swatches“ skydas tuščias, kol pavyzdžio puslapyje nepasirinksite elemento. Kai pasirinksite elementą, skydelyje pasirodys atitinkami tam elementui skirti rinkiniai. Jei pasirinksime antraštės elementą, pamatysime kelias antraštės temas.
   
   
3. Jei pereisime prie tiesioginio vaizdo, galime spustelėti kiekvieną teminį rinkinį ir pamatyti, kaip jie atrodys.
   
   

Tai galime pakartoti visiems dizaino elementams mūsų puslapyje. Kai tai padarysime, „jQuery Mobile Swatches“ skydelyje bus rodomi atitinkami turimi temų rinkiniai. Taip pat galime naudoti „Resolution Switcher“ norėdami peržiūrėti dizainą, nes jis atrodys darbalaukio ir planšetinių kompiuterių skyriuose.

Jei naudosime nuorodą „Gauti daugiau temų“ skydelio apačioje, atidarys naršyklę „ThemeRoller for jQuery Mobile“ svetainei.

* „Adobe“ man pateikė šios programinės įrangos kopiją peržiūros tikslais.

Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.