Editing your theme using WebDAV in Dreamweaver

Adobe Dreamweaver (formerly Macromedia Dreamweaver) is a proprietary web development application originally created by Macromedia. It is now developed by Adobe Systems, which acquired Macromedia in 2005.

Dreamweaver is available for both Mac and Windows operating systems. A free trial can be downloaded from the Adobe site at http://www.adobe.com/products/dreamweaver/

Setting up Dreamweaver to access your files

From the top menu in Dreamweaver, go to "Site -> New Site..."

IMAGE

A dialog box will open, where you need to name your site, and set the location of where you would like to store your theme files on your computer.

IMAGE

When you've done this, click on the "Servers" section on the right

IMAGE

Click the Plus Button to set up access to your theme files on the server

IMAGE

• In the Server name field, you can enter anything,. This is for your reference only.
  
  
• For "Connect Using", select "WebDav".
  
  
• In the URL field, you must enter the address of your store (followed by "/dav/" in the following format...

  https://yourstorename.spiffystores.com/dav/

  
  Note: You must specify https to ensure that you are using a secure session.
  
  
• Enter your username and password. Use your email address and the password that you use to log on to your Spiffy Store toolbox.
  
  
• In the Web URL field, enter the address of your store (http not https) e.g.

  http://fresh.spiffystores.com/

  
  
  
• Test the connection, and if successful, click save. If not, check your settings.
  
  

IMAGE

You should now be back on the Site Setup main screen. Click save to save your settings.

IMAGE

You now need to connect to your site and download your themne files. To do this, you should expand out the "Files" tab into a files window. You do this by clicking the small "Expand" icon in the "Files" panel.

IMAGE

Now you should see a window displaying the server on one side, and your local files on the other. Click the "Connect to server" icon to see the files and folders on the server.

IMAGE

Download your files by highlighting all of the files on the remote server, and clicking the "Get files(s) from Remote Server" icon. The files should take a couple of minutes to download, as Dreamweaver is a little slow doing this.

IMAGE

You can now open your files in Dreamweaver, make your edits, and then upload them to the server. For information about getting code highlighting working in Dreamweaver, please follow the instructions below.

Setting up code highlighting

About WebDav

WebDAV (World Wide Web Distributed Authoring and Versioning) is a standard for collaborative authoring on the Web. It is a set of extensions to the Hypertext Transfer Protocol (HTTP) that allows for collaborative editing and file management between users via the Internet.

For more information, check the WebDAV website at http://www.webdav.org