Halo bro.. Selamat sore,
Kali ini saya akan share sedikit tentang bagaimana membuat form isian biodata sederhana menggunakan macromedia dreamweaver.
Langsung aja ikuti langkah-langkah berikut :
1. Buka Dreamweaver kemudian tekan Ctrl+N, pilih basic page HTML,
2. Pilih menu insert-table atau menggunakan shortcut Ctrl+Alt+T,
isikan Row:10, Column:2, Table width :748 pxels, yang lain biarkan default. Klik OK.
3. Pada bagian properti atur align menjadi center.
4. Blok semua kolom di sebelah kiri, kemudian pilih align right pada property.
5. Blok semua kolom di sebelah kanan, kemudian pilih align left pada property.
6. Isikan pada setiap tabel seperti gambar berikut,
7. Blok semua kolom di sebelah kiri, kemudian pilih bold pada property.
8. Kemudian kita akan membuat isi untuk kolom sebelah kanan, pilih menu insert-form-text field, pada jendela input tag accesbility attribute pilih cancel, kemudian muncul lagi, pilih no.
9. Setelah jadi, klik pada area text field yang barusan sobat bikin, tekan Ctrl+C arahkan kursor ke kolom dibawahnya kemudian Ctrl+V.
10. Kemudian kita akan membuat radio button pada pilihan jenis kelamin. Caranya pilih menu insert-form-radio button, pada jendela input tag accesbility attribute pilih cancel, kemudian muncul lagi, pilih no.
11. Setelah jadi, tulis Laki-laki pada sebelah kanan radio button.
12. Klik pada area radiobutton yang barusan sobat bikin, tekan Ctrl+C kemudian Ctrl+V.
13. Kemudian tulis Perempuan pada sebelah kanan radio button.
14. Setelah itu kita akan membuat checkbox pada Hobi. Caranya pilih menu insert-form-checkbox, pada jendela input tag accesbility attribute pilih cancel, kemudian muncul lagi, pilih no.
15. Klik pada area checkbox yang barusan sobat bikin, tekan Ctrl+C kemudian Ctrl+V di kolom bawahnya.
15. Klik pada area checkbox yang barusan sobat bikin, tekan Ctrl+C kemudian Ctrl+V di kolom bawahnya.
16. Begitu seterusnya sampai 5 baris.
17. Isikan hobi misalkan, main bola, makan, main game, internetan, dll.
18. Setelah itu kita akan membuat textarea pada Hobi. Caranya pilih menu insert-form-textarea, pada jendela input tag accesbility attribute pilih cancel, kemudian muncul lagi, pilih no.
19. Terakhir kita membuat button. Caranya pilih menu insert-form-button, pada jendela input tag accesbility attribute pilih cancel, kemudian muncul lagi, pilih no.
20. Ganti value pada button dengan cara klik button kemudian pada property ganti value menjadi Simpan.
21. Klik pada area button yang barusan sobat bikin, tekan Ctrl+C kemudian Ctrl+V di kolom sampingnya.
22. Ganti value pada button dengan cara klik button kemudian pada property ganti value menjadi Batal.
23. Ganti judul form dengan mengubah pada title menjadi Form Biodata Mahasiswa.
24. Simpan dengan nama biodata.
25. Kemudian tekan F12.
Hasilnya akan seperti berikut.
0 komentar:
Posting Komentar