Video: From Adobe XD Prototype to HTML, CSS & JS - Making an Animated Mega Menu 2024
Adobe Edge Animate adalah program perisian yang boleh anda gunakan dengan fungsi Dreamweaver CC baru yang membolehkan pereka yang sudah biasa dengan antara muka Flash untuk membuat animasi dan kemudian mengeksport mereka sebagai dibundel. oam fail yang mudah untuk dimasukkan ke dalam halaman web anda. Sejak iPhone dan iPad Apple yang terkenal dengan populariti enggan menyokong Flash, Adobe telah berusaha menyediakan alternatif kepada pereka web.
The. fail oem mengandungi imej dan kod JavaScript, HTML5, dan CSS yang digunakan Dreamweaver untuk memaparkan animasi di halaman web anda. Untuk menambah. oem fail ke halaman di Dreamweaver, gunakan langkah berikut:
-
Klik di mana anda mahu Edge Animate file muncul di halaman web anda.
-
Jika panel Masuk belum dibuka, pilih Window → Insert. Kemudian gunakan senarai juntai bawah untuk memilih panel Media.
-
Dalam senarai drop-down Media, pilih pilihan Komposisi Edge Animate.
Anda juga boleh memilih Masukkan → Media → Edge Animate Composition, atau tekan Ctrl + Alt + Shift + E. Kotak dialog Pilih Edge Animate Package muncul.
-
Semak imbas untuk mencari fail pakej Edge Animate yang anda mahu masukkan di halaman anda, pilih fail itu, dan klik OK.
-
Jika anda mempunyai pilihan kebolehaksesan, anda digesa untuk menambah teks alternatif untuk menerangkan fail Edge Animate. Masukkan keterangan fail dan klik OK.
Kotak dialog ditutup, dan fail Edge Animate dimasukkan ke dalam dokumen anda. Dreamweaver juga menyalin jQuery, CSS, HTML, dan fail imej yang diperlukan ke folder root laman web anda.
-
Klik butang Paparan Langsung di bahagian atas ruang kerja untuk melihat animasi yang dimasukkan.
(Tidak seperti Flash, tiada butang untuk memainkan animasi untuk melihat jika ia berfungsi.) Perhatikan senarai banyak fail yang disenaraikan di sebelah butang Kod Sumber di atas reka bentuk halaman.
Dreamweaver merangkumi hanya beberapa pilihan dalam Pemeriksa hartanah untuk mengubah suai animasi Edge pada halaman web anda. Anda boleh menetapkan gaya kelas kepada fail Edge Animate, tetapi anda tidak sepatutnya melaraskan ketinggian atau lebar animasi dengan kotak dialog di pemeriksa Harta, melainkan anda pakar mengedit secara manual CSS, jQuery, dan fail HTML.
