Tutorials

Adobe Dreamweaver CS6 configured with Wampserver

[ad name=”gco Content ad”]

So you have Adobe Dreamweaver CS6 and you want to build a PHP website. You have installed Wampserver, but you don’t know how to configure Dreamweaver to work with your local test server. So what do you do?

Well, let’s look at the steps required to make these two programs work together. First, I must mention that the steps outlined in this post should work for most versions of Dreamweaver and other types of servers that are installed on a Windows computer. All you have to do is adapt these instructions to your specific configuration.

Setting up Dreamweaver

  1. Open Dreamweaver and click on the word “Sites”
  2. Then select “Manage Sites”

The “Manage Sites” window should open. If you have not configured any sites yet, the main box should be empty. Click on the “New Site” button.

This should bring up the “Site Setup…” window. The first window should be self-explanatory. Basically you name your site in the box titled “Site Name” and you select the folder where you want to save your files or where your files are currently saved in the “Local Site Folder” box.

The main section we will be working with is the “Servers” window. Click “Servers”. If you have not configured a server before, this window should be empty. In order to add a server we need to click on the “plus sign”.

This should bring up a window with “Basic” and “Advanced” options. You don’t have to change anything on the “Basic” window.

When you click on the “Advanced” options, the important setting is the one listed in the “Test Server” section at the bottom. Make sure that the drop-down menu has “PHP MySQL” selected and click the “Save” button.

Finally, you will see the newly created server in the “Servers” window. Make sure to uncheck the box labeled “Remote” and change it to “Testing”. Click “Save” and you have finished your Dreamweaver and Wampserver configuration.

Now you can start building PHP websites and use the “Live View” feature in Dreamweaver to view your PHP website as you build it in Dreamweaver.

Similar Posts

20 Comments

  1. file:///D:/wamp/www/letter/indexNewsletter.html#
    how do i access the above project on my wamp

    1. Normally, you type localhost in your web browser to access your files. In this case, you replaced file:///D:/wamp/www/ with localhost. The format of your link should look like: http://localhost/letter/indexNewsletter.html

  2. when am trying to access localhost through wampserver its not working it shows “web page not available . plz help

  3. how to setup wamp server for the whole project? i tried your steps but my cs6 ask for setup for every page. my website project contains around 20 files and on each file it ask’s for setup. show me the way to configure cs6 on wamp for whole project. thank you in advance and keep blogging

  4. I get “access is denied” each time i want to connect to localhost. what could be the prob?

    1. You may want to check that your httpd.conf file has Listen 80 or Listen 127.0.0.1:80 enabled. This makes sure that you can access your localhost. The file is found in the Apache section.

  5. sorry my bad, the live view shows plain white screen and the split code view shows “php”. and the browser preview shows “webpage not found”. i have checked the server and dw setting they are fine but why it is not executing the code ?

    1. Go and check in the: Manage sites / your site / servers / web : http://localhost/ “your website” /index.php
      its ( localhost ) no ( localhoste )

      Or check if you have installed on computer Visual C++ 2010 SP1 Redistributable Package x86 or x64

  6. sorry my bad, the live view shows plain white screen and browser view shows “website not found”, i have checked wamp and dw settings many times but nothing changed.

  7. hello sir , nice tut , i have dw cs6 and wamp server running online but when i type in simple hello world php code the ‘live’ shows ‘php’ and not the executed code.
    i am new to php but i know html, css, javascript very well and now i am trying my hand in server side scripting, i dont know what had gone wrong, please help me

  8. you wrote…
    >>>>>select “Manage Sites”

    The “Manage Sites” window should open. If you have not configured any sites yet, the main box should be empty. Click on the “New Site” button.

    This should bring up the “Site Setup…” window.
    >>>>>

    Hi there, My ‘Manage Sites’ window does indeed open, as you say, but…… I HAVE configured a site so my box is not empty, that site is in there. My question therefore is…. how do I now get to the ‘site setup’ window? I cant find anywhere on the Dreamweaver menut to get there? Basically I’m trying to tell Dreamweaver to work with my WAMPserver. Thanks for your help. Regards, PeggySue

    1. Hi Peggy and thank you for reading my article.

      If you already have a site in your box, then all you have to do is click the little pencil icon in the lower left hand corner of your “Manage Sites” box. There should be a “minus”, “pencil”, “2 paper icon” and “folder” icon. The “pencil” icon is the edit button and it brings up the “site setup” window. This is in version CS6, but should be similar in previous versions of Adobe Dreamweaver.

  9. Thanks for the info, it was really helpful. I have a Site hyiptest.DOTk, I want to change its color and edit some portion using dreamweaver cs6.
    I tried several times but was not successful. Can you help?

Comments are closed.