Dreamweaver CS5.5 - PhoneGap og jQuery Mobile

• April 23, 2024

jQuery-støtte

jQuery er et av de mest populære JavaScript-rammene. Jeg var glad for å se den Dreamweaver^R CS5.5 støtter jQuery med kodetips, så vel som noen veldig fine startoppsett for mobilprosjekter. Kodingshinting gjør det enkelt å legge til kraftig interaktivt innhold til prosjektene dine, og du kan teste jQuery med Live View.

Jeg var spesielt interessert i startoppsettene for mobilprosjekter, i håp om å bruke disse oppsettene både som læringshjelp og for å få fart på prosjektarbeidsflyten. Disse grunnleggende jQuery-mobile layoutene er allerede kodet for deg og venter på at du kan tilpasse for prosjektet ditt. Men det stopper ikke der. Dreamweaver leveres fullpakket med flere forhåndskodede jQuery-komponenter. Fra Sett inn panel kan du velge mellom mange brukergrensesnittkomponenter, for eksempel et oppsettnett, tekst- eller passordinntasting, velge meny og sammenleggbar blokk. Fordi dette er kodeblokker som Dreamweaver setter direkte inn i prosjektet ditt, trenger du ikke å gjøre noe koding med mindre du ønsker å tilpasse brukergrensesnittet ytterligere.

PhoneGap

Hvis du er interessert i å lage Android- eller iOS-apper, vil du være glad for å høre at Dreamweaver CS5.5 har integrert PhoneGap SDK i arbeidsflyten. Med et klikk på noen få knapper kan du laste ned og installere Android SDK direkte fra Dreamweaver. Jeg må innrømme, det ville være fint om du også kunne gjøre dette for iOS SDK. Du må imidlertid fortsatt laste ned og installere iOS SDK manuelt og deretter gå tilbake til den samme dialogboksen og peke Dreamweaver til stedet der du har installert iOS SDK.

Når disse SDK-ene er installert, er du klar til å opprette mobilapper med HTML5, CSS3, jQuery-mobil og JavaScript. Du kan bruke jQuery Mobils berøringsoptimaliserte oppsett og brukergrensesnitt-widgets, og med PhoneGap kan du legge til multitouch-, geolocation- og akselerometerfunksjonalitet for appen. PhoneGap vil også sammenstille og pakke appen din for testing på en enhet og sende til app-butikker.

Live Testing og Safe FTP

Når prosjektet ditt er klart for testing, kan du enkelt teste innenfra Dreamweaver via W3C Validation Service og Adobes BrowserLab. Hvis du er koblet til internett, kan du teste koden din med W3C og se resultatet i Dreamweaver. Hvis du dobbeltklikker på eventuelle feil, kommer du automatisk direkte til problemkoden i vinduet Code View.

Dreamweaver støtter nå de nye FTP-variantene FTPS og FTPeS for sikrere dataoverføring. Det er enkelt å konfigurere FTP-protokollen med serveren din fra Dreamweavers dialogboksen Administrer nettsteder.

← Tilbake

* Adobe ga en gjennomgangskopi gratis.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: DREAMWEAVER CS5.5 -- JQUERY MOBILE 페이지 (April 2024).