Adobe Creative Cloud

February 5, 2015 /Working with Assets /

Leverage Creative Cloud Files For Your Dreamweaver Code

Creatives create files, and files take up space. Luckily, Adobe Creative Cloud subscribers are covered. With Creative Cloud Files, subscribers have access to 20 GB of file storage that can be used for backups, link sharing, folder collaboration, and more.

In this post, I will show how you can upload your code to Creative Cloud Files and sync to it from anywhere – work or home – with ease.

Get started:

  1. Locate the ‘Creative Cloud Files’ folder on your computer.Creative Cloud File
  2. Create a folder inside the ‘Creative Cloud Files’ folder. Let’s call this new folder ‘SampleProject’.
  3. Copy all source code (HTML, CSS, PHP, JS, etc.) to the ‘SampleProject’ folder.
  4. Create a new Site in Dreamweaver with Local Site Folder path set to ‘SampleProject’ folder.New Site Dialog
  5. Your project files and subsequent changes will now automatically be synced in your Adobe Creative Cloud Files.

 

Access your code anywhere

To access the ‘SampleProject’ code from a different computer, ensure Dreamweaver CC is installed and you are logged in using your Adobe credentials.

Simply create a new site in Dreamweaver CC and point to the ‘SampleProject’ folder under ‘Creative Cloud Files’.

Share files to collaborate

Adobe Creative Cloud enables you to share a file or a folder with other members. Here’s how:

    1. Login to https://assets.adobe.com/.
    2. Locate the “SampleProject” folder.
    3. Click on the ‘Collaborate’ sub-menu under the ‘Share’ menu and identify who you would like to share the file with by email.Create Cloud Assets

Changes made by collaborators will immediately sync with the local copy of “SampleProject” across all other collaborators’ machines.

Adobe Creative Cloud keeps track of all changes made in the last 10 days to your files, so you can easily refer to older versions of the file in just a few clicks.

Creative Cloud Files

 

Access your project from a browser:

If you have set-up a webserver on your computer to test your web projects, here’s how to configure “SampleProject” project on localhost, so you can access it from from the browser.

Windows

: Assuming you are using Wampserver, locate the “www” folder in wamp installation folder. Let’s say you have Wamp installed in “C:\tools\wamp”, the “www” folder would be “C:\tools\wamp\www”.

Open the command prompt and go to “c:\tools\wamp\www” folder. We will now create a symbolic link to the “SampleProject” folder under “Creative Cloud Files” folder. Type the following:

mklink /d SampleProject “C:\users\<username>\Creative Cloud File\SampleProject”.

Open your browser and navigate to http://localhost/SampleProject (assuming HTTP server is running on Port 80).

Mac:

Assuming you are using MAMP server, locate the “htdocs” folder under MAMP installation directory. Typically, it would be /Applications/MAMP/htdocs. Open the console and go to the htdocs folder. We will now create a symbolic link to the  “SampleProject” folder. Type the following on Console :

ln –s /Users/<username>/Creative\ Cloud\ Files/SampleProject   /Applications/MAMP/htdocs/SampleProject

Open your browser and navigate to http://localhost/SampleProject (assuming HTTP server is running on Port 80).

Now you should have all the know-how you need to take advantage of Creative Cloud Files so you, and your collaborators, can access your Dreamweaver CC code on any computer.

Happy coding!

The Dreamweaver Team

 

Working with Assets