Dreamweaveri ja jQuery mobiilne integratsioon

• Mai 2, 2024

Viimase paari aasta jooksul on Dreamweaver^R on mobiilse veebisisu ja mobiilirakenduste loomiseks loodud üha rohkem funktsioone. See uus versioon CS6-st pole erand. Dreamweaver CS6-l on täiustatud töövoog koos jQuery Mobile funktsioonidega.

Uue mobiiliprojekti käivitamine on lihtne, kasutades dialoogiboksi Uus dokument suvandit Uus leht proovist. JQuery Mobile'i proovi saate valida kaustast Mobile Starters. Sellel näidislehel on mõned eelnevalt sisseehitatud graafilised, css- ja JavaScripti failid.

Sellel näidislehel saame hakata oma projekti üles ehitama, lisades lehele elemente.

1. Paneelil Insert valime kategooriamenüüst jQuery Mobile. See kuvab eelvalmistatud komponendid.
   
   
2. Uue komponendi lisamiseks asetame kursori kohta, kuhu uus kujunduselement lisatakse, ja klõpsame loendis ühte komponenti. Valime oma näite jaoks liuguri.
   
   Dreamweaver lisab meie lehele automaatselt liuguri koodi. Otsevaates näeme oma uut liugjuhtimispulti.
   
   

Kuid see leht on pisut üldise ilmega. Uue jQuery Mobile'i proovilauapaneelide abil saate oma lehte stiilida kiiresti ja hõlpsalt.

1. Klõpsake menüüribal nuppu Aken - jQuery Mobile Swatches. Kui te pole veel toetavaid graafilisi, css- ja JavaScripti faile laadinud, kuvatakse hüpikdialoog. Failide laadimiseks klõpsake nuppu Kopeeri.
   
   
2. Uus paneel jQuery Mobile Swatches on tühi, kuni valite elemendi oma näidislehelt. Elemendi valimisel kuvatakse paneelil selle elemendi jaoks saadaolevad vastavad proovivärvid. Kui valime päiseelemendi, näeme mitu päiseteemat.
   
   
3. Kui vahetame reaalaja vaate, saame klõpsata igal teemavärvil, et näha eelvaadet, kuidas need välja näevad.
   
   

Saame seda korrata kõigi meie lehel olevate kujunduselementide puhul. Kui me seda teeme, kuvatakse paneelil jQuery Mobile Swatches vastavad saadaolevad teemaprobleemid. Samuti võime disaini eelvaateks kasutada eraldusvõime lülitit, kuna see näeb välja töölaua ja tahvelarvuti eraldusvõimes.

Kui kasutame paneeli allosas asuvat linki Hangi rohkem teemasid, avaneb brauser saidile ThemeRoller for jQuery Mobile.

* Adobe edastas mulle selle tarkvara koopia ülevaatamiseks.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Basics & Getting Started with jQuery! Dreamweaver CS5 Tutorial (Mai 2024).