STEPS
0) Preparation
0.1) Windows (minimum XP).
0.2) Dreamweaver CS5-5 or CS6.
0.3) Google Chrome (make it your default folder i.e. go to “MENU/settings/”, scroll down and click “” button.)
0.4) UwAmp Server. (http://setup-steps.blogspot.com/2014/03/uwamp-221.html)
1) Create Website Project Folder.
1.1) Create Project Folder for “localview” i.e. c:\projects\dwmobile1.
1.2) Create Project Folder for “testingsite” i.e. c:\uwamp\www\dwmobile1.
2) Test UwAmp Server.
2.1) Run Uwamp.
Unblock mysqld and httpd if your Firewall asks you.
2.2) Click www Site button. A Web Browser will automatically loads http://localhost page.
3) Create Mobile Website Project in Dreamweaver.
3.1) Run Dreamweaver CS55 or CS6.
3.2) Go to menu/site/manage sites…
3.3) Click New Site button.
3.4) Enter Site Name and Local Site folder.
Site Name: dwmobile1
Local Site Folder: c:\projects\dwmobile1\
3.5) Click Servers item in Side Menu.
3.6) Click plus symbol in Server list.
3.7)Enter localhost server details.
3.8)Set as Testing Server.
Untick Remote column and tick Testing column.
3.9) Click save and click Done.
4) Create Sample Page.
4.1) Go to menu/New/… Page from Sample/Sample Folder=Mobile Starters/Sample Page=jQuery Mobile (Local)/DocType=HTML5. Click Create.
4.2) Save as index.html
4.3) Click Copy.
4.4) Done.
5) Viewing Output.
5.1) Click Live.
6) Viewing on Localhost.
6.1) Find the Files Panel.
The Files Panel below is showing Local view contents.
6.2) Change Local view to Testing server.
6.3) Click the Synchronize button.
6.4) Click Preview…
6.5) Click OK.
6.6) Browse http://localhost/dwmobile1/
No comments:
Post a Comment