Integrare mobilă Dreamweaver și jQuery
În ultimii ani, DreamweaverR a primit un număr tot mai mare de funcții pentru crearea de conținut web mobil și aplicații mobile. Această nouă actualizare la CS6 nu face excepție. Dreamweaver CS6 are un flux de lucru îmbunătățit, cu funcții jQuery Mobile.

Lansarea unui nou proiect mobil este simplă cu noua opțiune Pagina din Exemplu în caseta de dialog Document nou. Puteți alege un eșantion jQuery Mobile din folderul Startere mobile. Această pagină de exemplificare vine cu câteva fișiere grafice predefinite, css și JavaScript.

Din această pagină de exemplu, putem începe să construim proiectul nostru adăugând elemente la pagină.

  1. În panoul Insert, vom alege jQuery Mobile din meniul categoriei. Aceasta va afișa componentele preconstruite.

  2. Pentru a adăuga o componentă nouă, vom plasa cursorul în locația în care va fi adăugat noul element de design și vom face clic pe una dintre componentele din listă. Pentru exemplul nostru, să alegem un Slider.

    Dreamweaver va adăuga automat codul sliderului pe pagina noastră. În vizualizarea Live, putem vedea noul nostru control al glisorului.

Dar această pagină are un aspect puțin generic. Avem un mod rapid și ușor de a ne stilul paginii cu noul panou JQuery Mobile Swatches.

  1. Din menubar, faceți clic pe Window - jQuery Mobile Swatches. Dacă nu ați încărcat deja fișierele grafice, css și JavaScript de suport, veți vedea o casetă de dialog pop-up. Faceți clic pe Copiere pentru a încărca fișierele.

  2. Noul panou JQuery Mobile Swatches este gol până când selectați un element din pagina dvs. de probă. Când selectați un element, panoul va afișa mostrele corespunzătoare disponibile pentru acel element. Dacă selectăm elementul antet, vom vedea mai multe teme de antet.

  3. Dacă trecem la vizualizarea Live, putem face clic pe fiecare eșantion tematic pentru a vedea o previzualizare a aspectului.

Putem repeta acest lucru pentru toate elementele de design de pe pagina noastră. Pe măsură ce facem acest lucru, panoul JQuery Mobile Swatches va afișa mostrele tematice disponibile. Putem folosi, de asemenea, Rezoluția Comutator pentru a previzualiza designul, deoarece va arăta pe rezoluțiile desktop și tabletă.

Dacă utilizăm linkul Obțineți mai multe teme din partea de jos a panoului, un browser se va deschide către ThemeRoller pentru site-ul web jQuery Mobile.

* Adobe mi-a furnizat o copie a acestui software în scop de revizuire.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.


Instrucțiuni Video,: Top 5 : Best jQuery Scheduler and events Calendar for Web Applications (Martie 2024).