Adobe Dreamweaver CC Rancang dan kembangkan situs web modern yang responsif. Dreamweaver CC telah dirancang kembali dengan antarmuka modern dan mesin pengkodean yang cepat dan fleksibel untuk memberi para perancang web dan pengembang front-end cara mudah untuk membuat, membuat kode, dan mengelola situs web yang terlihat menakjubkan di layar ukuran manapun. Baru ke Dreamweaver Dapatkan dasar-dasar Paintwaves (5) oleh Ari Weinkle Dapatkan Dreamweaver sebagai bagian dari Adobe Creative Cloud hanya untuk Memuat. Mo Pilih rencana Bangun situs terbaik untuk browser atau perangkat apa pun. Lihat bagaimana Anda dapat dengan cepat membuat situs yang responsif, mempratinjau mereka di perangkat seluler yang sebenarnya, dan bahkan mengekstrak aset dan gaya dari Adobe Photoshop langsung ke proyek Anda. Bekerja lebih cepat dengan mesin pengkodean baru yang menawarkan petunjuk kode untuk pengguna baru dan alat bantu visual yang mengurangi kesalahan dan memperbaiki keterbacaan. Kode lebih cepat dan lebih bersih dengan dukungan untuk preprocessors CSS umum, Emmet, dan pengecekan kesalahan real-time. Pratinjau edit halaman Anda secara real time tanpa harus menyegarkan browser Anda, dan pratinjau situs Anda di beberapa perangkat secara bersamaan. Antarmuka pengguna modern menghilangkan kekacauan dan membuat Dreamweaver lebih intuitif dan dapat disesuaikan. Pergilah dari halaman kosong sampai yang brilian. Dreamweaver adalah bagian dari Creative Cloud, yang berarti Anda dapat mengakses semua aset Anda termasuk hak Adobe Stock di dalam aplikasi dan dengan cepat mengubah inspirasi menjadi situs web yang indah. Dan dengan Adobe CreativeSync, semuanya terhubung di desktop dan aplikasi seluler Anda. Semua aset anda Selalu di ujung jari Anda. Dengan Creative Cloud Libraries, Anda dapat menyimpan semua warna, gambar, grafik, metadata, dan aset kreatif lainnya, sehingga segera tersedia di perangkat desktop dan seluler Anda. Adobe Stock dibangun dengan benar. Luangkan sedikit waktu untuk mencari dan merancang lebih banyak waktu dengan lebih dari 60 juta gambar, grafik, video, aset 3D, dan koleksi Premium kami yang berkualitas di dalam aplikasi Anda. Dengan template untuk web, cetak, seluler, dan banyak lagi, Anda bisa menyelam tepat untuk membuat. Menulis Kode HTML di Dreamweaver Oleh Jennifer Kyrnin. Desain Web HTML Expert Dreamweaver adalah editor WYSIWYG yang hebat. Tapi jika Anda tidak tertarik untuk menulis halaman Web di dalam apa yang Anda lihat adalah apa yang Anda dapatkan34 lingkungan, Anda masih bisa menggunakan Dreamweaver, karena ini juga editor teks yang hebat. Tapi ada banyak fitur yang tergelincir di pinggir jalan di dalam editor kode Dreamweaver, karena fokus utamanya adalah pada bagian editor desain 34 atau editor WYSIWYG dari produk. Bagaimana Mendapatkan Ke View Kode Dreamweaver Jika Anda belum pernah menggunakan Dreamweaver sebagai editor HTML sebelum Anda mungkin tidak pernah memperhatikan tiga tombol di bagian atas halaman: 34Code34, 34Split34, dan 34Design34. Lanjutkan Membaca Di Bawah Dreamweaver dijalankan secara default dalam mode 34Design view34 atau WYSIWYG. Tapi mudah untuk beralih melihat dan mengedit kode HTML. Cukup klik pada tombol 34Code34. Atau, masuk ke menu View dan pilih 34Code34. Jika Anda baru saja belajar bagaimana menulis HTML atau Anda ingin merasakan bagaimana perubahan Anda akan berdampak pada dokumen Anda, Anda dapat membuka tampilan kode dan tampilan desain secara bersamaan. Keindahan dari metode ini adalah Anda bisa mengedit di kedua jendela juga. Jadi Anda bisa menulis kode untuk tag gambar Anda di HTML dan kemudian menggunakan tampilan desain untuk memindahkannya ke lokasi lain pada halaman dengan drag and drop. Untuk melihat keduanya sekaligus: Klik pada tombol 34Split34 (antara Kode dan Desain) Pada menu View, pilih 34Code and Design34 Setelah Anda merasa nyaman menggunakan Dreamweaver untuk mengedit kode HTML Anda, Anda dapat mengubah preferensi Anda untuk membuka Dreamweaver dalam tampilan kode. Secara default Cara termudah adalah dengan menyimpan tampilan kode sebagai ruang kerja. Dreamweaver akan terbuka di ruang kerja terakhir yang Anda gunakan. Jika tidak masuk ke menu Window, dan pilih ruang kerja yang Anda inginkan. Pilihan Tampilan Kode Dreamweaver sangat fleksibel karena memiliki begitu banyak cara untuk menyesuaikannya dan membuatnya bekerja sesuai keinginan Anda. Lanjutkan Membaca Di bawah Di jendela pilihan, ada kode warna. Kode formating Petunjuk kode Dan pilihan penulisan ulang kode yang bisa anda sesuaikan. Tapi Anda juga bisa mengubah beberapa pilihan spesial di dalam tampilan kode itu sendiri. Begitu Anda melihat kode, ada tombol 34View Options34 di toolbar. Anda juga dapat melihat opsi dengan masuk ke menu View dan memilih 34Code View Options34. Pilihannya adalah: Bungkus Kata membungkus kode HTML sehingga Anda dapat melihatnya tanpa menggulir secara horizontal. Perhatikan, bahwa opsi ini tidak memasukkan kembali carriage dalam kode Anda, kode ini hanya menampilkan kode sehingga mudah dibaca. Nomor Baris menampilkan nomor baris di sepanjang sisi kode. Ini menunjukkan simbol garis bilah untuk garis yang membungkusnya lebih panjang dari jendela tampilan. Karakter Tersembunyi menampilkan karakter khusus dan bukan spasi yang akan ditampilkan di halaman Web. Seperti sebuah titik menggantikan sebuah ruang, sebuah chevron ganda menggantikan setiap tab, dan penanda pilcrow atau paragraf menggantikan setiap jeda baris. Sorot Kode Tidak Valid menyoroti HTML yang salah warnanya kuning. Jika Anda memilih tag kuning, Property Inspector akan memberi petunjuk tentang cara memperbaikinya. Syntax Coloring mengubah atau menonaktifkan kode warna kode Anda. Anda mengubah warna kode warna Anda di bagian pewarnaan kode dari preferensi. Auto Indent membuat kode Anda indent secara otomatis setelah carriage return jika kode diatasnya menjorok. Anda dapat mengubah ukuran inden dengan mengubah ukuran tab di bagian pemformatan kode preferensi. Mengedit Kode HTML dalam Kode Dreamweaver View Ini mudah untuk mengedit kode HTML dalam tampilan kode Dreamweaver. Cukup mulai mengetikkan HTML Anda. Tapi Dreamweaver memberi Anda beberapa tambahan yang memperpanjangnya di luar editor HTML dasar. Saat Anda mulai menulis tag HTML, Anda mengetik lt. Jika Anda berhenti sejenak setelah karakter itu, Dreamweaver akan menunjukkan daftar tag HTML. Ini disebut petunjuk kode. Untuk mempersempit pilihan, mulailah mengetik huruf - Dreamweaver akan mempersempit daftar drop-down ke tag yang sesuai dengan apa yang Anda ketik. Jika Anda baru mengenal HTML, Anda dapat menggulir daftar tag HTML dan memilih yang lain untuk melihat apa yang mereka lakukan. Dreamweaver akan terus meminta Anda untuk atribut setelah Anda mengetik tag. Misalnya, jika Anda mengetik 34lti34, Dreamweaver akan turun ke tag HTML yang bagus, dengan tag lainnya dimulai dengan yang saya ikuti. Jika Anda melanjutkan dengan mengetik huruf 34m34, Dreamweaver akan mempersempitnya menjadi tag ltimggt. Tapi petunjuk kode tidak akan berakhir pada tag. Anda dapat menggunakan petunjuk kode untuk disisipkan: Jika petunjuk kode tidak muncul, Anda dapat menekan Ctrl-spacebar (Windows) atau Cmd-spacebar (Macintosh) agar ditampilkan. Alasan paling umum mengapa petunjuk kode mungkin tidak muncul adalah jika Anda beralih ke jendela yang berbeda sebelum menyelesaikan tag Anda. Karena Dreamweaver sedang mengetik dari mengetik karakter, jika Anda membiarkan jendela dan kembali, Anda harus meluncurkan kembali petunjuk kode. Anda bisa mematikan menu petunjuk kode dengan menekan tombol escape. Setelah Anda mengetikkan tag HTML pembuka Anda, Anda harus menutupnya. Dreamweaver melakukan ini dengan cara alami. Jika Anda mengetikkan 34lt34 karakter, Dreamweaver akan menutup tag yang paling baru dibuka. Ini memastikan kode Anda tetap valid, tanpa kesalahan bersarang. Ini sedikit berbeda dengan bagaimana editor HTML lainnya, seperti Homesite menutup tag. Jika Anda lebih suka Dreamweaver berperilaku seperti Homesite dan tutup tag segera setelah membukanya, masuk ke bagian petunjuk kode preferensi dan pilih opsi Close Tag yang paling sesuai dengan kebutuhan Anda. Jika Anda belum siap untuk beralih untuk mengedit halaman Anda dalam HTML, namun Anda ingin melihat kode seperti tulisannya, Anda harus mencoba inspektur kode. Ini akan membuka kode HTML di jendela terpisah. Ini bekerja seperti tampilan kode, dan sebenarnya pada dasarnya adalah jendela tampilan kode yang dapat dilepas untuk dokumen saat ini. Untuk membuka inspektur kode, masuk ke menu Window dan pilih 34Code Inspector34 atau tekan tombol F10 pada keyboard Anda.
No comments:
Post a Comment