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.
Category: Dreamweaver

95 comments on “Membuat Site Definition di Dreamweaver CS5

  1. thanks bRO………

  2. You are welcome… Visit us on this site: Java Web Media, Web Desain terbaik di Kota Depok

  3. [...] DesignWeb DevelopmentWeb EducationPortfolioOur ClientsWork with UsAbout UsContact Us ← Membuat Site Definition di Dreamweaver CS5 Overview: Pentingnya Website di Era Modern [...]

  4. om bagi2 cara buat search engine dong buat website pake dreamweaver….
    masih newbie nih….he2

  5. [...] Membuat Site Definition atau Site Setup untuk Server Model: PHP MySQL [...]

  6. [...] Registrasi Username yang Sama (PHP MySQL) dengan Menggunakan Dreamweaver Posted on April 1, 2011 by Java Web Media: Web Design di Kota [...]

  7. I bookmarked this link. Thank you for good job!

  8. I want to post quick hello and want to say appriciate for this good article. KBCKNH1zsrjY1D

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

    • It’s wndoferul to have you on our side, haha!

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

    • 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

  11. [...] Blog Java Web Media Your Web Solution Skip to content HomeProduct ServicesGraphic DesignWeb DesignWeb DevelopmentWeb EducationPortfolioOur ClientsWork with UsAbout UsContact Us ← Membuat Aplikasi Komentar dengan Validasinya (Komentar baru bisa ditampilkan setelah disetuju… [...]

  12. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  13. 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 :D

  14. [...] Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini. [...]

  15. Ma kasih ya atas Info~Nya
    semoga bermanfat juga buat teman2 yang lain.. amien

  16. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  17. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  18. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  19. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  20. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  21. Siiiippppppppp…..

  22. mantap boss…

    makasih ya….

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

  24. om saya mash newbie, mau nanya, cara bikin website pke dreanweaver cs3 gmana ?? bles ke email ya..
    galihprasetyo_40mm@yahoo.com

  25. mas,,,kalo mau coba bikin web kaya gini instal apa aja selain dreamweaver CS 5??
    #masih newbie
    thx

  26. mas kalo mau bikin web kaya gitu instal apa aja selain adobe dreamweaver CS 5??
    thx
    #newbie

  27. mas ini selain instal adobe dreamweaver instal apa lagi ya??
    thx
    #newbie

  28. bagus mantap!!

  29. [...] Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini. [...]

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

  31. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  32. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  33. makasi ^_^

  34. aneh..
    koenksinya
    mke listing lebih simpel

  35. Trimakasih buat Tutorialnya…,

  36. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  37. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  38. Thanks tutornya bro, btw ane ga gunain Dreamweaver. Ane ga suka wysiwg, prefer ke script editor

  39. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  40. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  41. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  42. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  43. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  44. izin download semua materinya ya om… :D
    lagi TA soalnya hhe…
    sukses selalu ya om :)
    AMIIIIIINN

  45. Salam kenal. Lagi belajar nih.
    Mohon ijin unduh semoa materi. Makasih makasih makasih.

  46. mas saya mau tanya ni kenapa ya website script dinamis kok gak bisa waktu ketik http://localhost/elearning
    menu utamanya muncul tapi waktu ngelink ke menu yang lain gak muncul
    mohon penjelasanya mas coz saya masih pemula

  47. thx pak !

  48. thank banget bro, atas semua tutorial nya, sangat membantu sekali…
    maju trus buat http://javawebmedia.com

  49. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  50. gan kl ane g bisa. mesti contact kemana nih?…..

  51. tanya gan klo misalny kita mau :
    pas klik folder website yg kluar halaman php ny bkn isi folderny gmn ya?!

  52. mass akuh mash beginner tentang gini,,,

    koq di cs 4
    ga ada keterangan server yg tampak d’atas
    mohon bantuan’a,,
    ^-^

  53. kalau menghubungkan Dreamweaver dengan postgresql gimana caranya mas?

  54. [...] Membuat Site Definition di Dreamweaver CS5, dan [...]

  55. dtfjkjdkjh

  56. saya bingung membuat web adminnya

  57. [...] Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini. [...]

  58. di dreamweaver cs4 ko beda

  59. 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?
    :-P 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?

  60. makasih mass……

  61. 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.. :)

  62. […] ke dalam tutorial ini, pastikan Anda telah membuat Site Setup/Site Definition. Baca tutorial: Membuat Site Definition di Dreamweaver CS5 untuk lebih jelasnya. Jika proses tersebut Anda gagal, maka Anda tidak dapat melangkah ke step […]

  63. izin baca dan pelajari, jadi pengen nyob-nyoba lagiiii. , saluuuttt

  64. Sangat bermanfaat sekali :D langsung saya coba :D dan akhirnya bisa menjawab kebingunganku :D

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

  66. makasih gan buat postnya :)

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

  68. Mantep gan kebetulan saya suka pake Dreamweaveer

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=""> <strike> <strong>

Social Widgets powered by AB-WebLog.com.