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

FileShortcut
BaruCtrl + N
BukaCtrl + O
Browser BerlayarCtrl + Alt + O
TutupCtrl + W
Semua MenutupCtrl + Shift + W
SimpanCtrl + S
Simpan SebagaiCtrl + Shift + S
CetakCtrl + P
PengaturanCtrl + U
Pratinjau di BrowserF12 / Alt + F12
Periksa TautanShift + F8
KeluarCtrl + Q

Tampilan / Edit

Tampilan / EditShortcut
Zoom MasukCtrl + +
Zoom KeluarCtrl + -
Zoom Masuk / KeluarCtrl + Roda Mouse
Sisipkan dengan OpsiCtrl + Shift + V
CariCtrl + F
Cari Lagi dalam PilihanShift + F3
Cari LagiF3
Ubah TampilanCtrl + #
Tampilkan GarisCtrl + Alt + R
Tampilkan Garis BantuCtrl + Shift + #
Tampilan LangsungAlt + F11
UndoCtrl + Z
UlangiCtrl + Y
Tampilan KisiCtrl + Alt + G
Setel di KisiCtrl + Shift + Alt + G
Tampilkan Kepala HTMLCtrl + Shift + H
Mode Tabel LanjutanAlt + F6
Sembunyikan SemuaCtrl + Shift + I
Hentikan JavaScriptF6
Putar Plug-InsCtrl + Alt + P
Stop Plug-InsCtrl + Alt + X

Tampilan Desain

Tampilan DesainShortcut
Editor Cepat TagCtrl + T
Navigasi KodeCtrl + Alt + Klik
Segarkan Tampilan DesainF5
Lebar Piksel pada Garis BantuCtrl

Kode Sumber & Desain

AksiShortcut
Tidak Ada Pemformatan TeksCtrl + 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
TeBalCtrl + B
MiringCtrl + I

Bekerja di Kode Sumber

AksiShortcut
Bantuan KodeCtrl + Spasi
Pergi ke BarisCtrl + G
Singkirkan Seleksi yang Ditandai dengan #Ctrl + Shift + 3
Hapus Kata di Sisi KiriCtrl + Panah Kiri Kembali
Hapus Kata di Sisi KananCtrl + Del
Pilih Baris di AtasShift + Panah Atas
Pilih Baris di BawahShift + Panah Bawah
Pilih Tanda di Sisi KiriShift + Panah Kiri
Pilih Tanda di Sisi KananShift + Panah Kanan
Pilih Seluruh Halaman hingga BawahShift + Page Down
Pilih Seluruh Halaman hingga AtasShift + Page Up

Masukkan

TindakanPintas
GambarStrg + Alt + I
TabelStrg + Alt + T
Ruang kosong ( )Strg + Shift + Space
Pemisah baris (<br />)Shift + Enter
Sisipkan tautanStrg + L
Hapus tautanStrg + Shift + L
Pemilihan tagStrg + E
File SWFStrg + Alt + F
Titik ancor bernamaStrg + Alt + A
Area yang dapat diedit pada templateStrg + Alt + V

Jendela

JendelaPintas
Elemen APF2
BindingStrg + F10
Potongan kodeShift + F9
Inspektur kodeF10 / Alt + F10
Gaya CSSShift + F11
Basis dataStrg + Shift + F10
FileF8 / Strg + Shift + F
PropertiStrg + F3
MasukkanStrg + F2
Sembunyikan jendelaF4
FrameShift + F2
KomponenStrg + F7
Perilaku serverStrg + F9
CariF7
Inspektur tagF9 / Alt + Shift + F9
PerilakuShift + F4
RiwayatShift + F10

Bekerja dengan Tabel

TindakanPintas
Pilih sel secara individualStrg + Klik
Pilih tabelStrg + A 2x
Sisipkan barisStrg + M
Sisipkan baris Versi IITab di sel terakhir
Sisipkan kolomStrg + Shift + A
Hapus barisStrg + Shift + M
Hapus kolomStrg + Shift + -
Gabungkan selStrg + Shift + Alt + M
Pisahkan selStrg + 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

Diterbitkan pada dari Stefan Petri
Diterbitkan pada:
Dari Stefan Petri
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.