There are two different methods that the Web Editor uses to organize content, and there are several ways to add this content to the project: • Regular files/folders: Copy content into the project folder on your computer’s hard drive. This can be accomplished in two ways: • Click-and-drag content directly into the project using the Finder • Right-click a destination folder and choose Copy/Link Existing File or Folder… to choose content to add. • Referenced files/folders: Use the “Add File to Project” feature. There are three ways to do this: • Go to File > Add File to Project • Right-click the project icon and choose Add File to Project • Click the auxiliary menu (the + icon) on the bottom left corner of the window and choose Add File to Project The Web Editor has a powerful external synchronization feature which ensures that the project’s folder tree exactly mirrors the folder tree on the hard drive. Because of this, when you copy content into one of the project’s folders in the Finder, it automatically appears in the corresponding folder within your project. Therefore, changes made to content in the Web Editor will also happen on the hard drive! Very important: If you delete content from the project folder, it will also be removed from the hard drive. Please ensure that you actually want to delete the content before taking this action!
Referenced files/folders Referenced files don’t actually need to be located within the project’s folder on the hard drive. These are the files that have the little “chain” icon in the bottom-left corner that indicates that the Web Editor is “linking” to them:
Because this icon represents a link to where the file or folder can be found on the hard drive, this content can be stored anywhere. Please note that you can right-click and delete the reference to a file or folder, removing it from the project, but this action will not delete the actual content.
Deleting and Repairing References
8
The Web Editor synchronizes all changes to files and folders in the project. This means that if you move or delete a referenced file, the Web Editor highlights the content in red, letting you know that something needs to be corrected. In the following example, we moved “contact.html” to a different folder with the finder: