Dreamweaver dan Integrasi Mobile jQuery

• April 28, 2024

Selama beberapa tahun terakhir, Dreamweaver^R telah diberi semakin banyak fitur untuk membuat konten web seluler dan aplikasi seluler. Upgrade baru ke CS6 ini tidak terkecuali. Dreamweaver CS6 memiliki alur kerja yang ditingkatkan dengan fitur jQuery Mobile.

Memulai proyek seluler baru sangat mudah dengan Halaman baru dari opsi Sampel di kotak dialog Dokumen Baru. Anda dapat memilih sampel jQuery Mobile dari folder Mobile Starters. Halaman contoh ini dilengkapi dengan beberapa file grafik, css dan JavaScript prebuilt.

Dari halaman contoh ini, kami dapat mulai membangun proyek kami dengan menambahkan elemen ke halaman.

1. Di panel Sisipkan, kita akan memilih jQuery Mobile dari menu kategori. Ini akan menampilkan komponen prebuilt.
   
   
2. Untuk menambahkan komponen baru, kami akan menempatkan kursor kami di lokasi tempat elemen desain baru akan ditambahkan dan klik pada salah satu komponen dalam daftar. Sebagai contoh kita, mari kita pilih Slider.
   
   Dreamweaver akan secara otomatis menambahkan kode untuk slider ke halaman kami. Dalam Live view, kita dapat melihat kontrol slider baru kami.
   
   

Tapi halaman ini agak generik. Kami memiliki cara yang cepat dan mudah untuk menata halaman kami dengan panel jQuery Mobile Swatch baru.

1. Dari menu, klik Window - jQuery Mobile Swatches. Jika Anda belum memuat file grafik, css dan JavaScript yang mendukung, Anda akan melihat kotak dialog sembulan. Klik Salin untuk memuat file.
   
   
2. Panel jQuery Mobile Swatches baru kosong sampai Anda memilih elemen pada halaman sampel Anda. Saat Anda memilih elemen, panel akan menampilkan swatch terkait yang tersedia untuk elemen tersebut. Jika kita memilih elemen tajuk, kita akan melihat beberapa tema tajuk.
   
   
3. Jika kita beralih ke Live view, kita dapat mengklik masing-masing carikan tema untuk melihat pratinjau bagaimana mereka akan terlihat.
   
   

Kami dapat mengulangi ini untuk semua elemen desain di halaman kami. Saat kita melakukan ini, panel Swatch jQuery Mobile akan menampilkan carikan tema yang sesuai yang tersedia. Kita juga dapat menggunakan Resolution Switcher untuk melihat pratinjau desain karena akan terlihat pada resolusi desktop dan tablet.

Jika kami menggunakan tautan Dapatkan Lebih Banyak Tema di bagian bawah panel, browser akan terbuka ke ThemeRoller untuk situs web jQuery Mobile.

* Adobe memberikan salinan perangkat lunak ini kepada saya untuk tujuan ulasan.

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Using Javascript jQuery to make a mobile dropdown burger menu - Dreamweaver Templates [14/38] (April 2024).