Pengenalan Menu Properties

Apabila kamu melakukan 1x klik pada sebuah elemen, kamu sedang berada pada posisi aktif untuk melakukan perubahan pada elemen tersebut.

Menu yang muncul di sisi kanan pada kanvas adalah menu Properties yang dapat kamu gunakan untuk melakukan fungsi/perubahan sehubungan dengan elemen tersebut. Berikut penjelasan keseluruhan menu yang ada.

 

Panel Menu Properties

screenshot-editor.pekku.com-2017-12-13-14-08-21-498

  • Width (Lebar) : kamu bisa mengetahui ukuran lebar dan dapat mengisi kolom ini untuk menentukan lebar elemen sesuai keinginan. (Note : Pada elemen gambar, untuk menghindari gambar menjadi tidak proposional, pastikan pilihan Direnggangkan sudah dipilih.
  • Height (Panjang) : Kolom ini akan menunjukkan informasi ukuran panjang elemen mu. Sama seperti lebar di atas, untuk pengisian manual elemen gambar, pastikan pilihan Direnggangkan sudah dipilih.
  • Koordinat X, Y, Z : Seperti pada sistem Kartesian 3-D, Sumbu X (Horisontal), Y (Vertikal), Z (Depan/Belakang) menunjukkan letak elemen pada Editor.
  • Sudut : Dengan mengisi kolom ini, kamu dapat melakukan rotasi sudut pada elemen yang di pilih. 
 screenshot-edistor.pekku.com-2017-12-13-13-58-25-421
  • Copy / Salin (Ctrl + S) : Klik icon ini untuk menyalin elemen pada satu halaman yang sama atau pada halaman yang lain.
  • Paste / Tempel (Ctrl + V) : Klik icon ini untuk melakukan duplikasi elemen dimanapun pada halaman editor.
  • Bring to Front : Fitur ini berfungsi untuk membawa elemen satu tingkat pada elemen di depannya.
  • Send to Back : Pilih fitur ini bila kamu ingin membuat elemen mu berada di belakang elemen yang lain.
  • Undo / Kembali (Ctrl +Z) : Klik Undo bila kamu ingin kembali ke pengeditan sebelumnya.
  • Redo / Ulangi (Ctrl + Y) : Kebalikan dari undo
  • Group : Grouping berguna bila kamu ingin mengelompokkan beberapa elemen tertentu
  • Ungroup :  Klik pilihan ini bila kamu tidak ingin mengelompokkan elemen yang sebelumnya di grouping.
  • Ruler / Penggaris : Penggaris ini akan berguna buat kamu untuk menentukan garis grid yang tepat
  • Grid Lines / Garis Grid : Buat kamu yang peduli pada tingkat ketelitian dan presisi letak objek, gunakan garis grid ini
  • Snap to Grid / Pindah ke Grid : Pilihan ini berguna saat kamu ingin berpindah antar grid
  • Delete / Hapus : Hapus elemen yang tidak dibutuhkan, klik sekali pada elemen pilih icon ini atau klik tombol ‘delete‘ di keyboard laptop / PC.

 


PENTING:
Ketika kamu mengubah salah satu, lebar atau tinggi suatu elemen, melalui properties, ukuran elemen tersebut tidak langsung berubah sesuai ratio. Dengan kata lain, apabila elemen yang kamu ubah berupa gambar, maka gambar tersebut akan menjadi tidak proporsional karena hanya salah satu sisi saja yang berubah ukuran.

 

002 Edited-02

 

Setelah mengetahui garis besar cara kerja menu pada editor, akan sangat baik jika kamu memahami struktur halaman pada websitemu.