Membuat Site Definition di Dreamweaver CS5

Dreamweaver CS5 menyediakan settingan yang lebih mudah dalam membuat Site Definition. Berikut adalah langkah-langkah mudahnya:

  • 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.

100 thoughts on “Membuat Site Definition di Dreamweaver CS5

  1. Pingback: Membuat Koneksi Database PHP MySQL di Dreamweaver | Blog Java Web Media

  2. Pingback: Menampilkan data diri dan edit profil setelah melakukan log in | Blog Java Web Media

  3. Pingback: Mencegah Registrasi Username yang Sama (PHP MySQL) dengan Menggunakan Dreamweaver | Blog Java Web Media

  4. Salleh

    Terima Kasih saudara…
    agak berguna…kerana aku lupa caranya selepas format laptop ku…
    Kebetulan aku akan present website aku dalam masa yang dekat…

  5. dianamanzil

    kalo udah ngikutin langkah-langkat diatas tapi pas di tes di browser ada tulisannya ”
    404 Page Not Found

    The page you requested was not found. ” itu kenapa yah?

    terima kasih

    1. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

      Halo Mbak Diana,
      Ada beberapa penyebab kenapa keluar 404 page not found, antara lain:
      1. Sudahkah web server Anda (Apache dengan Wamp atau Xampp diinstall dengan benar? Diblock oleh Firewall atau tidak?
      2. Sudah benarkah letak direktory/folder website Anda sebenarnya?
      3. Sudahkah fitur Remote diubah menjadi Testing? Karena Anda menggunakan komputer local (Lihat langkah ke 13)
      Terimakasih

  6. Pingback: Melindungi Halaman Admin dengan Access Level (Level Hak Akses) | Blog Java Web Media

  7. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 1) | Blog Java Web Media

  8. Saputago

    Thanks Om tutorialnnya ,, sangat membantu.
    seharian muter” baru sore ini nemu web ini :)
    mohon bimbingannya ya Om,, iseng” mau belajar bikin CMS hehe minimal website lah 😀

  9. Pingback: Koneksi Dreamweaver dengan mysql | bankdollar.net

  10. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 2) | Blog Java Web Media

  11. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 3) | Blog Java Web Media

  12. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 4) | Blog Java Web Media

  13. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 6) | Blog Java Web Media

  14. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 7) | Blog Java Web Media

  15. izan

    ini baru bener caranya…dah muter-muter malah disini ane akhirnya bisa seting site di cs5……………………….trims bro

  16. Pingback: Membuat Koneksi Database PHP MySQL di Dreamweaver « beyci

  17. ferdy

    mas kalau keluarnya 404 object not found solusinya gimana?
    masih bingung nih mas soalnya aku udah ikutin semua stepnya tp belom berhasil

    catatan :
    – DW CS5 dan XAMPP sudah diinstall
    – semua service XAMPP sudah running
    – folder directory sudah benar
    – firewall tidak memblok
    – fitur remote sudah di uncheck dan testing sudah di check

  18. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 8) | Blog Java Web Media

  19. Pingback: Installasi CKEditor dan KCFinder (Text Editor WYSIWYG dan File Manager) | Blog Java Web Media

  20. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 9) | Blog Java Web Media

  21. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 5) | Blog Java Web Media

  22. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 10) | Blog Java Web Media

  23. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 11) | Blog Java Web Media

  24. Pingback: Upload file dan menyimpan lokasi file di database (Basic Dynamic tutorial Dreamweaver) | Blog Java Web Media

  25. Pingback: Membuat CMS PHP MySQL Menggunakan Dreamweaver CS5, CS4, CS3 (Part 12) | Blog Java Web Media

  26. Pingback: Form Registrasi dengan Validasi AJAX dan PHP | Blog Java Web Media

  27. Pingback: Upload file dan menyimpan lokasi file di database (Basic Dynamic tutorial Dreamweaver) – Part 2 | Blog Java Web Media

  28. Pingback: Form Registrasi dengan Validasi AJAX dan PHP | santy

  29. Pingback: Membuat Koneksi Database PHP MySQL di Dreamweaver | STMIK PRINGSEWU LAMPUNG

  30. Continue

    I tend not to comment, however I read a few of the comments on Membuat Site Definition
    di Dreamweaver CS5 | Blog Java Web Media. I do have some questions for you
    if you do not mind. Is it just me or do some of the comments
    come across like they are written by brain dead visitors?
    😛 And, if you are writing on additional places, I would like to keep up with everything
    new you have to post. Would you list of the complete urls of all your social sites
    like your linkedin profile, Facebook page or twitter feed?

  31. Lia

    pak saya mahasiswi sistem informasi semester 4. sekarang sedang menghadapi project membuat web dengan dw cs5. saya sudah desain, tapi saya belum mengerti bagaimana kodingan untuk konek ke database-nya. dan bagaimana cara menyimpan data kita menggunakan cloud computing? lalu membuat metaname kita sendiri. mohon bantuannya…. Merci.. :)

  32. Pingback: Tutorial membuat form autocomplete jQuery dengan Dreamweaver (database MySQL) | Blog Java Web Media

  33. martebs

    om, saya make Dreamweaver CS6 kok processor saya running terus ga adem2 ya, jadinya cepet panas…
    huffff… btw makasih tutorialnya, membantu sekali 😀

  34. Putra

    Mas saya error seperti ini :

    1) there is no testing server running on the server machine.
    2) The testing server specified for this site does not map to the http://localhost/coba/_mmServerScripts/MMHTTPDB.php URL. Verify that the URL Prefix maps to the root of the site.

    Xampp dan DW sudah saya install ulang tapi tetep gak bisa ngeLoad _mmServerScripts nya..

    Makasih sebelumnya..

  35. dwiweka

    Mau nanyak nih,ketika saya mau buat site,tombol server;version control dan advance setting gak bisa kebuka,cuma site aja yang bisa kebuka,itu gmana solusinya??

  36. Chung Vanwyngaarden

    Thank you for another informative blog. Where else could I get that type of information written in such an ideal way? I have a project that I’m just now working on, and I’ve been on the look out for such information.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Social Widgets powered by AB-WebLog.com.

Skip to toolbar