Video: Реклама подобрана на основе следующей информации: (Oktober 2024)
Adobe dapat berpuas diri ketika memperbarui Dreamweaver ke inkarnasi terbarunya dalam layanan Cloud Creative berbasis langganan sebagai Dreamweaver CC. Dalam inkarnasi sebelumnya sebagai Dreamweaver CS6, bagian dari Adobe's Creative Suite 6, editor situs web canggih Adobe sudah memiliki sedikit atau tidak ada kompetisi serius sebagai alat untuk membuat dan memelihara situs web multi platform saat ini. Dreamweaver CS6, misalnya, memperkenalkan tata letak web "grid cairan" yang siap pakai yang menggunakan CSS untuk membentuk kembali halaman web secara otomatis sesuai dengan ukuran layar, membuatnya mudah untuk membangun penggunaan situs tunggal dengan ponsel, tablet, dan desktop tanpa kompleks Pengodean tangan dengan CSS sebelumnya diperlukan.
Dreamweaver CC baru meningkatkan fitur fluid-grid dengan mendukung elemen struktural HTML5 seperti Bagian dan Artikel. Itu juga menambahkan alat yang sama-sama menghemat upaya, Desainer CSS baru yang menggunakan antarmuka grafis interaktif untuk memodifikasi properti CSS seperti bayangan dan sudut melengkung, jadi Anda hanya perlu mengklik dan menarik untuk memodifikasi kode CSS kompleks sambil melihat hasilnya di nyata- waktu. Dukungan penuh untuk font berbasis web - diunduh dari server Adobe saat browser memuat halaman - membuatnya mudah untuk membuat desain yang menarik. Juga, seperti rangkaian Creative Cloud lainnya, Dreamweaver juga mendapatkan antarmuka yang disederhanakan dan lebih mudah disesuaikan, dan berfungsi secara identik di bawah Windows dan OS X.
Pro dan Semi-Pro
Dreamweaver adalah alat tingkat profesional yang layak dimiliki - jika Anda mampu membelinya - bahkan jika Anda seorang non-profesional. Pengguna Dreamweaver pertama kali mungkin diintimidasi oleh banyak menu dan panel properti dalam tata letak default, tetapi segera menjadi jelas bagaimana cara menggunakannya untuk mendapatkan akses cepat ke kontrol lanjutan atas elemen CSS, atau untuk beralih cepat antara tampilan yang menunjukkan bagaimana halaman web akan terlihat saat dicetak atau ketika ditampilkan pada layar dengan ukuran berbeda. Desainer Web tingkat lanjut dapat mengklik menu widget UI berbasis-JavaScript ke dalam kode mereka untuk membuat dialog sembulan, pemilih tanggal, menu bergaya akordeon, dan segala sesuatu lainnya dalam daftar efek UI saat ini. Tetapi bahkan pengguna yang kurang mahir dapat membuat situs yang kompatibel dengan HTML5 yang fleksibel yang terlihat bagus di platform apa pun.
Mulai Menenun Mimpi
Mulai dari halaman kosong atau tata letak sampel, Anda mengklik item di panel Sisipkan untuk menambahkan elemen seperti template (dengan wilayah yang dapat diedit dan tidak dapat diedit), multimedia (HTML5 atau Flash), dan fitur HTML standar. Layar default dibagi menjadi panel kode dan panel desain WYSIWYG, tetapi Anda dapat memilih satu atau yang lain, atau membuat panel desain "Live" untuk melihat konten media seperti video, atau konten yang akan disajikan dari database ketika halaman muncul di browser. Satu hal yang saya kagumi dari Dreamweaver adalah tidak menyukai teknologi eksklusif Adobe seperti Flash daripada standar terbuka seperti video HTML5, tetapi memberikan dukungan yang sama untuk keduanya - dan bahkan memberikan pemutar video HTML5 yang lebih tampan dan lebih dapat digunakan daripada built-in. Flash player.
Saat Anda membangun halaman dengan fitur grid cair Dreamweaver, aplikasi pertama kali membuat halaman yang berisi grid kolom vertikal yang terlihat di Dreamweaver tetapi tidak ketika halaman muncul di browser. Secara default, halaman yang dirancang untuk ponsel cocok dengan empat kolom yang tidak terlihat ini. Ketika halaman yang sama ditampilkan pada tablet, itu mengisi delapan kolom, dan dua belas kolom ketika ditampilkan pada mesin desktop.
Ketika Anda beralih di antara ukuran layar di jendela pengeditan Dreamweaver, konten situs Anda disusun ulang agar sesuai dengan lebar yang Anda tentukan untuk jenis layar tertentu, dan Anda dapat menggunakan panel Desainer CSS untuk menyesuaikan bentuk, ukuran, dan properti lainnya. elemen individu agar sesuai dengan ukuran layar yang berbeda.