Dreamweaver Xampp Testing Server

Jump to:

Pressing the Help button will give you some ideas. I have MX 2004 which may be slightly different. Local Info: Site name - the name you will be calling your site in DW for example mysite Local root folder - the full path location of your site files, can be anywhere, but for XAMPP should be a sub directory of htdocs unless you set up a VirtualHost. For example - C:xampphtdocsmysite. Can someone give me some insight on how to work with liveview locally. The problem I am having now is that liveview works ok with the remoteserver, but with xampp the css is a little distorted. When using a testing server and creating dynamic PHP pages, you will need to define your Dreamweaver site in order to store your website’s files in the right location for testing. This process can be done at any time, but should be completed prior to starting a new website. The following tutorial shows you how to define the Local Info, Testing Server, and Remote Info options of the Site. A pop-up window will ask 'To preview pages containing server-side code, you need to specify a. In most cases, it will be hosted on the same server as your site, and in that case you can enter localhost as the server name. In the User name field, enter your user name and password. User name is the name set up for the specific MySQL server you are connecting to, and Password is the password you defined when creating your database.

Step 2 - Create a PHP file
Step 4 - Save and Preview

When building your sites locally using PHP, you'll need a localhost server set up to test your files.

If you have no idea how to set up your localhost, this tutorial will show you how to do so with Adobe Dreamweaver on Windows.
This tutorial is based on Dreamweaver CC, but can also apply to Dreamweaver CS6.

Step 1 - Install a PHP development environment

First you'll need a PHP development environment installed.
In this tutorial we'll be using XAMPP, which is the most popular one and can be downloaded here for free.

Once downloaded, you will need to choose which hard-drive to install XAMPP onto. For this tutorial I have chosen my external E:Drive.

Once installed, open the XAMPP folder in the installed location and double click on the 'xampp-control' icon as pictured below

Next, click on the 'Start' buttons for Apache and MySQL and you should be ready to go!

If they immediately stop running, you may need to allow access through the Windows Firewall. Closet space savers.

Step 2 - Create a PHP file

How To Use Xampp Server

2.1 - Once XAMPP is installed, open Dreamweaver and click on the 'Create New..' button as in the below left example.

Otherwise you can also click on 'File' in the top menu and choose 'New' as in the below right example.

Dreamweaver Xampp Testing Server

2.2 - Make sure 'New Document' is selected, select 'PHP' and then click the 'Create' button.

Dreamweaver Xampp Testing Server

Step 3 - Set up your localhost

3.1 - A pop-up window will ask 'To preview pages containing server-side code, you need to specify a testing server. Would you like to specify one now?'.
Click 'Yes'.
If the window doesn't pop up, click here.

3.1 - Click on 'Setup' as in first below example or you can select 'New Site..' from the top of the drop-down menu as in the second below example.

3.2 - Then the next window that shows is the site setup for the localhost site.
Under 'Site Name' enter the name of your website, I have called mine 'mywebsite'.
Then for 'Local Site Folder', click the folder icon on the right, select your folder and click the 'Select Folder' as in the next example, and then click the 'Save' button.

Dreamweaver Xampp Testing Server

If there is no folder under htdocs, you can create a new folder and give it the name of your website, like in my example I've called it 'mywebsite' before clicking 'Select Folder'

3.3 - Then you will need to select 'Servers' on the left and click the plus button.

3.4 - Another window will pop up. Click 'Basic' at the top and select 'local/testing' from the 'Connect using:' dropdown menu options.

Then for 'Server Name' you can enter your website name again, I've used 'mywebsite' again for this example.

Dreamweaver Xampp Testing Server Download

As with step 3.2, the folder for 'Local Site Folder' can be done by clicking the folder icon on the right and selecting your directory under 'htdocs' before clicking the 'Select Folder' button.

Then lastly you will need to enter 'http://localhost/' followed by your website name as you've called it uder 'htdocs', followed by a forward slash before clicking the 'Save' button

Dreamweaver Xampp Testing Server Free

3.5 - Lastly, make sure that 'Testing' is selected before clicking 'Save'

Install Xampp Server

Step 4 - Save and Preview - Now you can save your homepage as 'index.php' under your folder (as in this example it would be in my 'mywebsite' folder and hit 'F12' to preview your file.)