Di dunia web design yang dinamis, Adobe Dreamweaver adalah alat yang sangat penting bagi pengembang dan desainer. Namun, untuk benar-benar memaksimalkan potensi penuh perangkat lunak yang kuat ini, shortcut keyboard adalah elemen kunci.
Shortcut keyboard di Dreamweaver jauh lebih dari sekadar pintasan praktis. Mereka adalah jembatan ke efisiensi dan kecepatan kerja yang lebih tinggi. Dengan shortcut ini, Anda dapat menyelesaikan tugas kompleks hanya dengan beberapa kali tekan tombol, yang meningkatkan produktivitas dan menghemat waktu berharga. Mereka memungkinkan Anda beralih dengan lancar antara berbagai fungsi dan tampilan, tanpa harus menavigasi menu yang rumit. Hal ini mengarah pada alur kerja yang lebih mulus dan intuitif, yang terutama bermanfaat dalam tenggat waktu yang ketat.
Dalam artikel ini, Anda akan belajar bagaimana menggunakan shortcut Dreamweaver yang paling penting untuk mengoptimalkan proses desain web dan pengembangan Anda. Baik Anda seorang pemula atau seorang profesional berpengalaman - shortcut ini akan secara mendasar meningkatkan pekerjaan Anda di Dreamweaver. Siap untuk meningkatkan keterampilan desain web Anda ke level berikutnya? Mari kita masuki dunia shortcut Dreamweaver!
Inhaltsverzeichnis
File
File
Shortcut
Baru
Ctrl + N
Buka
Ctrl + O
Browser Berlayar
Ctrl + Alt + O
Tutup
Ctrl + W
Semua Menutup
Ctrl + Shift + W
Simpan
Ctrl + S
Simpan Sebagai
Ctrl + Shift + S
Cetak
Ctrl + P
Pengaturan
Ctrl + U
Pratinjau di Browser
F12 / Alt + F12
Periksa Tautan
Shift + F8
Keluar
Ctrl + Q
Tampilan / Edit
Tampilan / Edit
Shortcut
Zoom Masuk
Ctrl + +
Zoom Keluar
Ctrl + -
Zoom Masuk / Keluar
Ctrl + Roda Mouse
Sisipkan dengan Opsi
Ctrl + Shift + V
Cari
Ctrl + F
Cari Lagi dalam Pilihan
Shift + F3
Cari Lagi
F3
Ubah Tampilan
Ctrl + #
Tampilkan Garis
Ctrl + Alt + R
Tampilkan Garis Bantu
Ctrl + Shift + #
Tampilan Langsung
Alt + F11
Undo
Ctrl + Z
Ulangi
Ctrl + Y
Tampilan Kisi
Ctrl + Alt + G
Setel di Kisi
Ctrl + Shift + Alt + G
Tampilkan Kepala HTML
Ctrl + Shift + H
Mode Tabel Lanjutan
Alt + F6
Sembunyikan Semua
Ctrl + Shift + I
Hentikan JavaScript
F6
Putar Plug-Ins
Ctrl + Alt + P
Stop Plug-Ins
Ctrl + Alt + X
Tampilan Desain
Tampilan Desain
Shortcut
Editor Cepat Tag
Ctrl + T
Navigasi Kode
Ctrl + Alt + Klik
Segarkan Tampilan Desain
F5
Lebar Piksel pada Garis Bantu
Ctrl
Kode Sumber & Desain
Aksi
Shortcut
Tidak Ada Pemformatan Teks
Ctrl + 0
Headline 1 - <h1>
Ctrl + 1
Headline 3 - <h3>
Ctrl + 3
Headline 6 - <h6>
Ctrl + 6
Paragraf - <p>
Ctrl + Shift + P
Tautan - <div align="left">
Ctrl + Shift + Alt + L
Kanan - <div align="right">
Ctrl + Shift + Alt + R
Tengah - <div align="center">
Ctrl + Shift + Alt + C
Rata Kiri - <div align="justify">
Ctrl + Shift + Alt + J
TeBal
Ctrl + B
Miring
Ctrl + I
Bekerja di Kode Sumber
Aksi
Shortcut
Bantuan Kode
Ctrl + Spasi
Pergi ke Baris
Ctrl + G
Singkirkan Seleksi yang Ditandai dengan #
Ctrl + Shift + 3
Hapus Kata di Sisi Kiri
Ctrl + Panah Kiri Kembali
Hapus Kata di Sisi Kanan
Ctrl + Del
Pilih Baris di Atas
Shift + Panah Atas
Pilih Baris di Bawah
Shift + Panah Bawah
Pilih Tanda di Sisi Kiri
Shift + Panah Kiri
Pilih Tanda di Sisi Kanan
Shift + Panah Kanan
Pilih Seluruh Halaman hingga Bawah
Shift + Page Down
Pilih Seluruh Halaman hingga Atas
Shift + Page Up
Masukkan
Tindakan
Pintas
Gambar
Strg + Alt + I
Tabel
Strg + Alt + T
Ruang kosong ( )
Strg + Shift + Space
Pemisah baris (<br />)
Shift + Enter
Sisipkan tautan
Strg + L
Hapus tautan
Strg + Shift + L
Pemilihan tag
Strg + E
File SWF
Strg + Alt + F
Titik ancor bernama
Strg + Alt + A
Area yang dapat diedit pada template
Strg + Alt + V
Jendela
Jendela
Pintas
Elemen AP
F2
Binding
Strg + F10
Potongan kode
Shift + F9
Inspektur kode
F10 / Alt + F10
Gaya CSS
Shift + F11
Basis data
Strg + Shift + F10
File
F8 / Strg + Shift + F
Properti
Strg + F3
Masukkan
Strg + F2
Sembunyikan jendela
F4
Frame
Shift + F2
Komponen
Strg + F7
Perilaku server
Strg + F9
Cari
F7
Inspektur tag
F9 / Alt + Shift + F9
Perilaku
Shift + F4
Riwayat
Shift + F10
Bekerja dengan Tabel
Tindakan
Pintas
Pilih sel secara individual
Strg + Klik
Pilih tabel
Strg + A 2x
Sisipkan baris
Strg + M
Sisipkan baris Versi II
Tab di sel terakhir
Sisipkan kolom
Strg + Shift + A
Hapus baris
Strg + Shift + M
Hapus kolom
Strg + Shift + -
Gabungkan sel
Strg + Shift + Alt + M
Pisahkan sel
Strg + Alt + S
18 Tips dan Trik Adobe Dreamweaver
Anda ingin dengan cepat mentransfer file yang terbuka ke server, asalkan sudah diatur melalui Situs, maka tekan Strg + U.
Ada tes kompatibilitas browser internal di Dreamweaver, yang akan memberikan semua kesalahan tidak valid W3C dan kompatibilitas browser untuk semua script. Anda bisa mengakses fungsi ini melalui bar dokumen dengan menu Periksa Halaman. Sangat membantu agar Anda tidak perlu selalu membuka situs Anda di semua browser.
Dengan Dreamweaver, Anda dapat membuka dan mengedit file langsung dari server. Dengan demikian, Anda bisa menghemat waktu unggah dengan klien FTP. Cukup di jendela File (F8) => Kelola Situs, kemudian klik Baru dan isi semua data di sana. Setelah itu, konten server akan terdaftar di sana dan Anda dapat membuka halaman yang diinginkan.
Untuk membuat latar belakang CSS lebih mudah dikenali, Anda dapat mengaktifkan Layar bantuan visual CSS-Layout melalui menu Tampilan => Bantuan Visual => Latar Belakang CSS. Blok-blok individu sekarang akan diisi dengan warna acak. Namun, warna ini hanya ditampilkan di jendela desain.
Ukuran tampilan sebaiknya tidak diubah - secara default disetel 100% -, karena halaman akan tampak berpixel jika diubah di Dreamweaver.
Dalam panel Sejarah Lapisan, Anda dapat mengembalikan hingga 50 langkah secara default. Anda dapat meningkatkan nilai ini di Preferensi (Strg + U) di Tab Umum.
Seringkali, dalam sebuah tabel diperlukan baris baru. Cukup klik di sel terakhir kanan bawah dan tekan tombol Tab. Jika Anda membutuhkan 10 baris atau lebih, lebih baik untuk pergi ke Klik kanan => Masukkan Baris atau Kolom.
Untuk dengan cepat menampilkan atau menyembunyikan semua panel kontrol, tekan pintasan keyboard F4. Hanya menu dan jendela kerja yang akan ditampilkan.
Di Dreamweaver, Anda dapat mencari dan mengganti blok kode lengkap. Ini sangat berguna jika Anda ingin mengganti lebih dari satu baris kode yang terulang-ulang.
18 Tips dan Trik Adobe Dreamweaver
Untuk dengan cepat memilih semua isi tabel () atau DIV () klik dua kali berturut-turut Strg + A.
Jika Anda bekerja dalam kode sumber, Anda dapat dengan cepat menutup tag dengan memilih Jendela => Hasil => Periksa ). Sangat berguna juga adalah Firefox Plug-In Validasi HTML (http://users.skynet.be/mgueury/mozilla/) yang digabungkan dengan Firebug (http://getfirebug.com/).
Tempat yang bagus untuk tutorial Dreamweaver adalah: www.psd-tutorials.de, www.dreamworker.de, dan www.adobe.com/devnet/dreamweaver.
Ada berbagai plug-in untuk memperluas Dreamweaver. Anda dapat mengedit Templat berbasis Joomla! langsung di Dreamweaver. Lihat http://www.joomlaos.de.
274,342,963
Pintasan untuk Adobe Dreamweaver - Ikhtisar tombol pintas
Stefan Petri menjalankan bersama saudaranya Matthias forum spesialis populer PSD-Tutorials.de serta platform pembelajaran online TutKit.com, yang fokus pada pengembangan kompetensi profesional digital dalam pendidikan dan pelatihan.