Dreamweaver CS5.5 - PhoneGap og jQuery Mobile

• Kan 13, 2024

jQuery Support

jQuery er et af de mest populære JavaScript-rammer. Jeg var glad for at se den Dreamweaver^R CS5.5 understøtter jQuery med kodetips samt nogle meget flinke starterlayouts til mobilprojekter. Den kodende tip gør det nemt at tilføje kraftfuldt interaktivt indhold til dine projekter, og du kan teste jQuery med Live View.

Jeg var især interesseret i startoplæg til mobilprojekter i håb om at bruge disse layout både som et læringshjælpemiddel og for at fremskynde min projektarbejde. Disse grundlæggende jQuery-mobillayouts er allerede kodet for dig og venter på, at du kan tilpasse til dit projekt. Men det stopper ikke der. Dreamweaver leveres pakket med flere forkodede jQuery-komponenter. Fra Indsæt-panelet kan du vælge mellem mange brugergrænsefladekomponenter, f.eks. Et layoutnet, tekst eller kodeordindtastning, vælge menu og sammenfoldelig blok. Da dette er blokke med kode, som Dreamweaver indsætter direkte i dit projekt, behøver du ikke foretage nogen kodning, medmindre du ønsker at tilpasse UI-komponenten yderligere.

PhoneGap

Hvis du er interesseret i at oprette Android- eller iOS-apps, vil du være glad for at høre, at Dreamweaver CS5.5 har integreret PhoneGap SDK i arbejdsgangen. Med et klik på et par knapper kan du downloade og installere Android SDK direkte fra Dreamweaver. Jeg må indrømme, det ville være dejligt, hvis du også kunne gøre dette til iOS SDK. Du skal dog stadig downloade og installere iOS SDK manuelt og derefter vende tilbage til den samme dialogboks og pege Dreamweaver til det sted, hvor du har installeret iOS SDK.

Når disse SDK'er er installeret, er du klar til at oprette mobile apps med HTML5, CSS3, jQuery mobile og JavaScript. Du kan bruge jQuery Mobile's Touch-optimerede layouts & UI-widgets, og med PhoneGap kan du tilføje multitouch til mobilapp, geolocation og accelerometer funktionalitet. PhoneGap vil også sammenstille og pakke din app til test på en enhed og indsende til app-butikker.

Live test og sikker FTP

Når dit projekt er klar til test, kan du nemt teste Dreamweaver fra W3C Validation Service og Adobes BrowserLab. Hvis du er tilsluttet internettet, kan du teste din kode med W3C og se resultatet i Dreamweaver. Dobbeltklik på eventuelle fejl fører dig automatisk direkte til problemkoden i vinduet Kodevisning.

Dreamweaver understøtter nu de nye FTP-varianter FTPS og FTPeS for mere sikker dataoverførsel. Det er nemt at konfigurere FTP-protokollen med din server fra Dreamweavers dialogboks Administrer websteder.

← Tilbage

* Adobe leverede gratis en gennemgangskopi til mig.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: DREAMWEAVER CS5.5 -- JQUERY MOBILE 페이지 (Kan 2024).