Membuat Web Dengan Dreamweaver CS5 Part 1

Untuk pertama kali memulai membuat web dengan dreamweaver cs5, kita harus membuat Definition dahulu,
berikut cara membuat defenition di dreamweaver cs5 :

• Klik Site > New Site 
• Isi Site Name, dalam latihan ini Site Name diisi Websiteku. 
• Local site folder, silakan klik icon folder pada Local Site Folder dan buatlah folder baru di dalam folder C:\xampp\htdocs\ dengan nama folder Websiteku, sehingga akan muncul C:\xampp\htdocs\Websiteku\. Klik Open > Select.

• Klik Server pada list di sebelah kiri. Hal ini akan membuka panel dimana Anda dapat menyetting jenis pengetesan di Local Server ataupun Remote Server
•  Klik tanda plus (+) untuk menambah Server baru guna pengetesan website dinamis yang akan kita buat.
• Pada menu Basic, klik pada Connect Using: Local/Network
• Untuk selanjutnya, gunakan settingan berikut ini:
• Server Name: Websiteku
• Connect using: Local/Network
• Server Folder: ,klik icon folder untuk menemukan folder Websiteku yang tadi telah Anda buat atau dengan mengetikkan C:\xampp\htdocs\Websiteku (hal ini bisa berbeda tergantung dari setinggan computer Anda).
• Web URL: http://localhost/Websiteku/ (hal ini juga bisa berbeda tergantung dari setinggan computer Anda). Hal ini member tahu Dreamweaver bahwa website Anda berada dalam document root dengan sub folder bernama Websiteku.

• Klik tombol Advanced pada sisi atas dari panel, lalu dari pop-up menu, pilih PHP MySQL sebagai Server Model untuk pengetesan website Anda.
• Pilih Save untuk menyimpan settingan dari website yang telah kita buat tadi. Secara default, Dreamweaver CS5 akan member tanda centang (check) pada Remote testing server.
• Hilangkan tanda centang (uncheck) pada Remote tadi dan klik (beri tanda check) pada Testing. Hal ini sangat penting. http://localhost/ adalah local server tempat kita melakukan pengetesan atas website yang kita buat. Jika Anda menggunakan MAMPP dengan Operating System Mac, maka Anda harus menggunakan alamat localhost http://localhost:8888/Websiteku/. Penambahan 8888 adalah keharusan jika Anda menggunakan Apache dan MySQL secara default.

• Klik Save. Dreamweaver CS5 secara otomatis akan menutup Site Setup Dialog dan akan segera membuat Site Cache. Anda dapat melihat site yang baru saja Anda buat telah tampil di File Anda.

• Lakukan pengetesan di browser Anda dengan membuka http://localhost/Websiteku. Maka akan muncul tampilan kosong seperti ini. Hal ini terjadi karena kita belum membuat file sama sekali.

Selanjutnya kita harus membuat Koneksi database PHP My SQL
Berikut adalah langkah-langkah membuat koneksi database PHP MySQL:

• Pastikan Anda membuka file dengan ekstensi PHP
• Klik Windows > Databases, maka akan muncul panel Databases.
• Klik Icon Plus (+) > MySQL Connection

 

• Isi beberapa parameter berikut ini.
• Connection name: koneksiku, Anda dapat memilih nama lain.
• MySQL Server: localhost, ini jika Anda bekerja di localhost
• User name: root, secara default Xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda
• Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
• Database: jwm, klik Select untuk memilih database. Klik OK

 

 

• Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.
• Klik OK sekali lagi

Nah Berhasil dech membuat koneksi

 Berhubung Sudah mulai lelah kita sambung lagi di lain waktu