Presentation is loading. Please wait.

Presentation is loading. Please wait.

Setting up Dreamweaver to use your local WAMP testing Server

Similar presentations


Presentation on theme: "Setting up Dreamweaver to use your local WAMP testing Server"— Presentation transcript:

1 Setting up Dreamweaver to use your local WAMP testing Server
Using Dreamweaver and WAMP Server

2 Why WAMP? WampServer is a Windows web development environment. It allows you to create and test web pages and applications using a local server: Apache2. It also handles server-side scripting: PHP and MySQL databases (alongside a database admin panel: PhpMyAdmin).

3 Why Dreameaver? You can test web pages (especially with PHP) safely before they go live, and it saves you a lot of time in the long run. You can configure the Dreamweaver Site with WAMP as the local testing server.

4 You need to have downloaded and installed WAMP server on your computer, normally as c:\wamp

5 Completing installation

6 Check Server is running
Look for the green WAMP logo/icon in the bottom right of the task bar area: If it is red or orange it is not working fully. Type localhost (or in the browser window, you should get the WAMP server home page

7 Add a project folder in the WAMP server
Navigate to the www folder in the WAMP folder on the C: drive, or where you installed it, e.g. C:\wamp\www To add a project, create a new folder (the name of the folder becomes the project, e.g. C:\wamp\www\advancedwebdesign

8 Going to a project You can locate a website by adding the folder name after localhost/ in the address bar of the browser, e.g. localhost/advancedwebdesign or clicking the folder icon on the homepage of the server:

9 Specifying a local testing server
Start Dreamweaver Set up a Site (project): click Site > New Site (or Site > Manage Sites if already existing) Locate the folder where you will keep your website locally (on your computer, memory stick, etc. but does not have to be in the WAMP folder)

10 Specifying the testing server
Select “Servers” Click the “+” add servers icon. Add information (use Local/Network) Locate the WAMP Server/Project Folder (normally in c:\wamp\www folder). Save

11 Specifying the testing server
Make sure the server is checked as a Testing Server Save, then Done

12 Prepare to copy files to testing server
In order to synchronise and test/view pages, you will need to copy across the files to the testing server. If you do not, you may be prompted later on to copy across a file being tested. Whenever you test preview a page, the software has to copy it to the testing server to view it Expand the window so you can start to copy files:

13 Upload files Click the Site folder (right window) then the upload arrow. Make sure you are connected:

14 Return to local window Collapse the window so you can return to your local site view

15 Open up a php page Open echo.php Click the Live View button
You may have to OK this: You should get an output:

16 Working on php pages You should be able to click the Live button on and off to toggle between preview and edit modes and be able to see the results of your php. This is very useful, as any errors in the php can be found and corrected locally without having to upload and test files on a remote ftp server. Sometimes the WAMP server may not be running. Click Start>Programs>WAMPServer>Start to restart. When it is running normally, it displays a green icon


Download ppt "Setting up Dreamweaver to use your local WAMP testing Server"

Similar presentations


Ads by Google