Cara Membuat Coding PHP Menggunakan Dreamweaver

Membuat sebuah coding memang bukan suatu pekerjaan yang mudah. Perlu ketelitian dan konsentrasi yang tinggi agar tidak terjadi kesalahan dalam penulisan. Untuk membuat sebuah koding seperti php atau html perlu sekali bantuan sebuah software agar mempermudah proses penyelesaian dan pengecekannya. Software yang cukup terkenal dalam membantu mengerjakan sebuah koding php ataupun html yaitu dreamweaver.

Bila anda sebelumnya membuat atau mengedit sebuah koding php ataupun html dengan menggunakan software seperti notepad, wordpad atau semacamnya, mulai sekarang sebaiknya berhenti menggunakan software tersebut dan beralih menggunakan dreamweaver. Namun, bila anda menggunakan software dreamweaver ini, anda juga butuh software lain yang tak kalah pentingnya yaitu xampp.

Seperti apa fungsi xampp? Baca : Cara Menggunakan Xampp Untuk Php

Sebelum anda melanjutkan membaca tutorial menggunakan dreamweaver ini sebaiknya anda sudah memiliki software dreamweaver cs 3 keatas agar anda mudah mengikuti tutorial dari saya.

Pada saat membaca ini berarti anda sudah memiliki software dreamweaver dan paham mengenai penggunaan xampp. Selanjutnya silakan buka software dreamweaver dan ikuti petunjuk dari saya.

Berikut adalah tampilan awal software dreamweaver :
Tampilan Software Dreamweaver CS5
Software Dreamweaver CS5

Kemudian silakan buat lembar kerja baru untuk php : Create New ==> PHP
Tampilan Lembar Kerja Dreamweaver
Tampilan Lembar Kerja Dreamweaver

Sebelum memulai membuat sebuah koding, buat dulu folder penyimpanannya. Untuk membuat folder penyimpanannya, terlebih dahulu anda harus sudah menginstall xampp di laptop atau komputer.

Buat folder penyimpanan di C:\xampp\htdocs. Sebagi contoh saya membuat folder penyimpanan dengan nama "Belajarphp".
Folder Penyimpanan Coding
Folder Penyimpanan Coding

Setelah itu kembali ke software dreamweaver yang tadi masih menyala. Kemudian setting agar software dreamweaver bisa terhubung ke xampp. Untuk cara mensettingnya lihat gambar dibawah ini :
Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver

Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver
Site Name : Isi terserah sesuai keinginan anda.
Local Site Folder : Isi sesuai lokasi tempat folder yang anda buat tadi.

Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver

Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver
Server Name : Isi sesuai keinginan anda.
Connect using : Samakan dengan gambar diatas.
Server Folder : Isi sesuai dengan folder yang anda buat tadi.
Web URL : Tulis sesuai dengan gambar diatas namun pada bagian akhir ubah sesuai dengan nama folder yang anda buat. http://localhost/ganti_dengan_nama_folder_anda

Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver

Cara Menghubungkan Dreamweaver Ke Xampp
Cara Setting Dreamweaver

Selanjutnya membuat coding php pada lembar kerja. Untuk membuat coding php pada lembar kerja terlebih dahulu ubah lembar kerja kedalam "code". Lihat gambar dibawah ini :
Membuat Coding PHP di Dreamweaver
Membuat Coding PHP di Dreamweaver

Hapus semua tulisan diatas dan mulailah untuk menulis coding buatan anda. Berikut contoh coding php sederhana :
<?php
echo "Belajar PHP Dasar Untuk Pemula";
?>
Selanjutnya save as dan taruh pada folder yang anda buat sebelumnya.
Membuat Coding PHP di Dreamweaver
Membuat Coding PHP di Dreamweaver

Untuk mengetest coding kita, terlebih dahulu pastikan anda sudah menjalankan xampp.
Xampp Harus Dalam Keadaan ON
Apache dan MySQL dalam keadaan ON

Kemudian silakan run coding anda pada web browser yang ada pada laptop atau komputer anda. Usahakan menggunakan web browser Chrome atau Firefox. Untuk caranya lihat gambar dibawah ini :
Cara Melakukan Test Pada Coding Yang di Buat
Test Koding

Cara Melakukan Test Pada Coding Yang di Buat
Koding Tidak Ada Masalah

Tampilan diatas menunjukkan koding anda berhasil. Untuk membuat koding selanjutnya silakan awali dengan cara-cara diatas. Namun, bila anda sudah pernah men set sekali seperti tutorial diatas, saya rasa anda tidak perlu melakukan settingan lagi.

Share this

Related Posts

Previous
Next Post »