Dreamweaver dan Integrasi Mudah Alih jQuery

• April 29, 2024

Sejak beberapa tahun kebelakangan ini, Dreamweaver^R telah diberikan peningkatan jumlah ciri untuk membuat kandungan web mudah alih dan aplikasi mudah alih. Peningkatan baru ini kepada CS6 tidak terkecuali. Dreamweaver CS6 mempunyai aliran kerja yang lebih baik dengan ciri-ciri Bergerak jQuery.

Memulakan projek mudah alih baru adalah mudah dengan Laman baru dari pilihan Contoh dalam kotak dialog Dokumen Baharu. Anda boleh memilih sampel Mudah Alih jQuery dari folder Pemula Mudah Alih. Halaman sampel ini dilengkapi dengan beberapa fail grafik, css dan JavaScript prebuilt.

Dari halaman contoh ini, kita boleh mula membina projek kami dengan menambahkan elemen ke halaman.

1. Di panel Sisipan, kami akan memilih jQuery Mobile dari menu kategori. Ini akan memaparkan komponen prebuilt.
   
   
2. Untuk menambah komponen baru, kami akan meletakkan kursor kami di lokasi di mana unsur reka bentuk baru akan ditambah dan klik pada salah satu komponen dalam senarai. Untuk contoh kami, mari kita pilih Slider.
   
   Dreamweaver secara automatik akan menambah kod untuk slider ke halaman kami. Dalam paparan Live, kita dapat melihat kawalan slider baru kami.
   
   

Tetapi halaman ini kelihatan sedikit generik. Kami mempunyai cara yang cepat dan mudah untuk menyusun halaman kami dengan panel jQuery Mobile Swatches yang baru.

1. Dari Menubar, klik Window - jQuery Mobile Swatches. Jika anda belum memuatkan fail grafik, css dan JavaScript yang menyokong, anda akan melihat kotak dialog pop timbul. Klik Salin untuk memuatkan fail.
   
   
2. Panel joket Mudah Alih jQuery baru kosong sehingga anda memilih elemen pada halaman sampel anda. Apabila anda memilih elemen, panel akan memaparkan swatch yang sesuai untuk elemen tersebut. Jika kami memilih unsur pengepala, kami akan melihat beberapa tema header.
   
   
3. Jika kita bertukar ke paparan Live, kita boleh mengklik pada setiap suapan tema untuk melihat pratonton cara mereka akan kelihatan.
   
   

Kita boleh mengulangi ini untuk semua elemen reka bentuk di laman kami. Seperti yang kita lakukan, panel jQuery Mobile Swatches akan memaparkan tema swatch yang sesuai. Kita juga boleh menggunakan Resolusi Switcher untuk melihat pratonton reka bentuk kerana ia akan melihat resolusi desktop dan tablet.

Jika kami menggunakan pautan Dapatkan Lagi Tema di bahagian bawah panel, pelayar akan membuka TemaRoller untuk laman web jQuery Mobile.

* Adobe memberikan salinan perisian ini kepada saya untuk tujuan semakan.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.