MODUL PRAKTIKUM PEMROGRAMAN WEB

MODUL PRAKTIKUM PEMROGRAMAN WEBDENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 20041. Untuk menjalankan dreamweaver Macromedia Dreamweaver MX2004klik2. Tampilan awal biasanya adalah sebagai berikut :Pilih htmlStart- Program- Macromedia-

3. Setelah itu akan tampil jendela desainer untuk merancang web yang akan dibuatPada sesi ini akan dijelaskan beberapa element dari workspace dreamweaver.The Insert bar berisi tombol-tombol untuk memasukkan beberapa tipe object sepertiimage, table, dan layer, ke dalam dokumen. Setiap object merupakan kumpulan kodeHTML yang bisa diset attributnya. Sebagai contoh , anda bisa memasukkan table denganmeng-klik tombol table pada Insert bar. Atau anda juga bisa memasukkan object yanglain dengan meng-klik tanda panah pada insert bar.The Document toolbar berisi tombol dan pop-up menu yang berisi tampilan secaradesain view atau code view, dan beberapa fungsi yang lain.The Document window menampilkan dokumen yang sedang dibuat atau diedit.The Property inspector untuk mengubah beberapa properties dari object yang telah kitamasukkan sebelumnya.Panel groups are sets of related panels grouped together under one heading. To expand apanel group, click the expander arrow at the left of the group’s name; to undock a panelgroup, drag the gripper at the left edge of the group’s title bar.The Files panel enables you to manage your files and folders, whether they are part of aDreamweaver site or on a remote server. The Files panel also enables you to access allthe files on your local disk, much like Windows Explorer (Windows) or the Finder(Macintosh).

4. Kemudian ketikkan sesuai dengan yang ada pada desain berikutMembuat center :1. blok teks2. klik3. klik5. Komponen yang sering digunakan :a. formmerupakan komponen non-visual apabila telah dijalankan pada browser.Namun pada document window biasanya tampilannya berupa kotak ianpilihformsSetelah itu pilih tombol form sehingga tampilannya akan seperti dibawahini :

Tampilan formproperties yang biasa diisi adalah action yang berguna untuk mengirimkanisi dokumen ke lokasi file tertentu.b. TextfieldMerupakan komponen untuk menampung isian yang diisikan oleh user.

Tampilan text fieldIsikan nama textfield yang nantinyaakan dijadikanvariable pada filePHPc. List/MenuMelalui komponen ini user dapat memasukkan isian dengan cara memilihpada drop down combo atau list.

Tampilan List/MenuIsikan Nama MenuKlik disini untukmemasukkan item yangakan dijadikan pilihanpada list/menud. Radio buttonUntuk memasukkan pilihan berdasarkan pilihan/choice

Tampilan Radio buttonIsikan radio nama buttonIsi dari radio buttonapabila diklike. ButtonMerupakan tombol yang apabila dklik maka akan melakukan aktivitastertentu tergantung tipe dan code event yang diberikan

Tampilan buttonIsikan nama buttonTipe button6. Setelah anda mengenal beberapa jenis komponen sekarang cobalah buat designform seperti dibawah ini

Daftar nama komponen dan setting properties :Nama Komponen/ObjectPengaturan PropertiesText fieldName : namaText fieldName : alamatList/menuName : kodeList Values : - A- B- CText fieldName : hargaRadio buttonName : warnaChecked value merahRadio buttonName : warnaChecked value hitamRadio ButtonName : warnaChecked value silverButtonAction : submit formButtonAction : reset formFormAction : input.php7. simpan hasilnya pada document root dengan nama input.htm.8. buat satu file lagi. Klik File- New- Dynamic page- php kemudian klik create

9. setelah masuk ke design window pilih mode codeKlik disini10. Kemudian ketikkan kode berikut : ?phpecho " HASIL DATA PENJUALAN HANDPHONE hr ";echo "Nama Pembeli : nama br ";echo "Alamat: alamat br ";echo "kode: kode br ";echo "harga: harga br ";echo "warna: warna";? 11. simpan dengan nama input.php.12. Buka internet explorer pada address bar ketikkan http://localhost/input.htm.

MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start- Program- Macromedia- Macromedia Dreamweaver MX2004 2. T