Friday, January 6, 2017

How to Define Your Site and Localhost Testing Server in DreamWeaver CC


Hello everyone. Today I am going to show you how to define a site and Localhost testing server in Adobe Dream weaver CC. It is necessary when you create a website using PHP and you need to test your website In your own computer. The PHP site is not executed by website rather it executed in server so you can test your PHP site in your localhost by installing the server application like WampServer for windows and Mamp server for mac.
Following are the steps used to define the site and testing server in Dream Weaver CC.
First of all start your WampServer, when you start the WampServer, First, it’s color is red then after sometimes it turns into the green. If it does not change to green in stay in yellow you need to user another port by right clicking on your yellow signed WampServer icon from the system tray and go to Tools and then select port like 8080, 3306 etc. after doing this your WampServer Color will change into green which means your WampServer is ready. And open the Dream Weaver CC as well.
          
1. In the menu click in the site and click on new site. After this you will see this window.

Defining Site and Testing Server in Dreamweaver CC


2. Then give your site name for example: Example site. And then click on local site folder option and browser it. Go to C:\wamp64\www and then create one folder and name it as Example.
3. Now select that created folder as below and click save.
Defining Site and Testing Server in Dreamweaver CC

4. Click on Servers tabs which is just below the site tabs and click on plus sign.
Defining Site and Testing Server in Dreamweaver CC



     5.After clicking plus sign you will see this window:
Defining Site and Testing Server in Dreamweaver CC

 6. Now click on connect using option and select Local/Network. After selecting Local/Network the window will look like this:
Defining Site and Testing Server in Dreamweaver CC


7. Now enter the server name for example ExampleSite and Select Server Folder when you click on the browser it will automatically select the folder you were created before. i.e. Example Folder. And then give the Web URL address. It will be http://Localhost/[yourfoldername] in my case it is http://localhost/Example. After doing this click save which will look like this: 
Defining Site and Testing Server in Dreamweaver CC


8. Then click on Advanced Tab and select Server Mode to PHP MYSQL and click save:
Defining Site and Testing Server in Dreamweaver CC

9. After saving you will see the following window:
Defining Site and Testing Server in Dreamweaver CC


10. You will see your testing server is selecting on Remote option so select it on testing like this:
Defining Site and Testing Server in Dreamweaver CC


11. Now click on Advance Setting>Local Info and select your default Image folder you need to create your default image folder inside the folder which is created inside the C:\wamp64\www\[Yourfoldername]\[ImageFolderName]. In my case C:\wamp64\www\Example\Assests which will look like this:
Defining Site and Testing Server in Dreamweaver CC


12. Click save. now you can create your PHP page and you can test your PHP File in your localhost.

  
Enjoy. Stay connected for more information. You can also see the following videos to define and test site in Adobe DreamWeaver CC.



No comments:

Post a Comment