Mendesain Form untuk PHP dengan Macromedia Dreamweaver

Nabung Emas dan Reksadana Online Rp 10.000

Mendesain Form untuk PHP dengan Macromedia Dreamweaver

Hallo teman-teman, apa kabar?

Pada tutorial ini, saya tidak mengimplementasikan script PHP, tapi membuat desain pada form yang tersedia pada Macromedia Dreamweaver. Fasilitas ini menjadikan Dreamweaver berbeda dari Notepad. Tampaknya Dreamweaver lebih mudah digunakan.

Pada Notepad, kita tidak dapat membuat desain secara visual, karena ia tidak berbasis GUI. Tapi dalam Dreamweaver, kita dapat membuat desain secara visual, seperti tombol Save, kotak Username, dan lain-lan. Walaupun kita juga bisa membuat tombol dan kotak dengan cara mengetikkan script PHP, tapi kita akan merasa lebih mudah mendesainnya secara visual.

Ini latihan saya:

1.      Buka Dreamweaver

2.      Pastikan kita akan membuat project pada jendela Design (dengan mengklik tab Design pada Dreamweaver)

3.       Insert – Table

4.      Lakukan setting berikut:

Column: 3

Row: 2

5.      Kita dapat melihat gambar di bawah ini:

6.      OK

7.      Hasilnya:

Catatan:

Tabel di atas tidak memuat huruf A1 hingga B3. Itu hanya untuk petunjuk langkah berikutnya saja.

8.      Klik cell A1, ketik: Username

9.      Klik cell A2, ketik: Password

10.  Klik cell B1,

·         Insert – Form – Text Field – OK

·         Char width: 30 (pada Properties)

11.   Klik cell B2,

·         Insert – Form – Text Field – OK

·         Char width: 15 (pada Properties)

·         Type: Password (pada Properties)

12.  Klik cell B3,

·         Insert – Form – Button – OK

·         Klik tombol Submit

·         Ubah value menjadi: Save

13.  Hasinya seperti ini:

14.  Simpan dengan file name anda, contoh: DesignForm1.php

***

See you later…!

Diterjemahkan dari tutorialku:

Komarudin Tasdik. 2013. Designing Form for PHP by Macromedia Dreamweaver. 100keyboard.blogspot.com.

"Investasi Emas dan Reksadana, Untung Mana?."

Youtube: Katabah Com: Menuju 1 jt Konten :)