What Are Website Projects?

With Website Projects, you can keep your Website files organized from within the HTML Editor. This may not seem like an earth-shattering feature, but it's actually immensely helpful. Website Projects give you more control over your Website structure. Rather than a folder haphazardly stuffed with files and no method of organization, you'll have a neatly structured site, which helps prevent annoying snafus like incorrectly referenced files and makes it easier to perform tasks like protecting your content with .htaccess files.

So, what exactly is a Website Project? To get down to the nuts and bolts, it's a folder that you can work with from inside the HTML Editor. It contains a .cpf file that acts as a project manager. Be careful not to delete this file, or your Website Project may not work correctly. Your best bet is to just ignore it.

Read on to learn about the ins and outs of using Website Projects!

How to Create Website Projects

Follow these steps to create a new Website Project:

  1. Go to My Websites > New Website Project. This opens the Website Project Settings window.Create a new Website Project
  2. Your new Website Project will appear in the My Websites tab on the left-hand side of the program. Empty Project
Back to Top

Creating a Website Project From Existing Files

Follow these steps to create a new Website Project from preexisting files. This option is best if you have already started work on a Website.

  1. Go to My Websites > New Website Project. This opens the Website Project Settings window.Project settings
  2. Enter a name for your Website Project, and then use the Browse icon to select a location on your computer where your Website files are saved. You can ignore the rest of the settings for now. Click OK.
  3. Your new Website Project will appear in the My Websites tab on the left-hand side of the program. Local Disk
Back to Top

Adjusting Your Website Project Settings

  1. In the toolbar across the top of the My Websites tab, click the Website Projects icon and select Website Project Settings. This opens the Website Project Settings window. In this window, you can: Project Settings
  2. If you have already configured one or more servers, you can select one from the Server drop-down list. If you haven't, click the Configure Servers button. This opens the Server Configuration window. For more information about configuring a server, click the Help link in the Server Configuration window or consult the PDF Help file.
  3. The File Upload section allows you to adjust settings pertaining to uploading your work. You can set the program to check the dependencies in your documents before uploading and to warn you or cancel the upload depending on what it finds. Dependencies are images, external JavaScripts or CSS, and any other files you need to include in your Website Project to ensure that your pages display correctly.
Back to Top

Adding Pages and Folders to Your Website Project

Follow these steps to add a new page to your Website Project:

  1. Create a new page using one of the options under the File menu.
  2. Save the page. The Save window automatically prompts you to save your file in the open Website Project folder. Click OK.
  3. The file will appear in the My Websites tab in the root folder of your Website Project.

To add a subfolder to your Website Project, right-click your Website Project root folder and select Create Folder. Create a folder

Subfolders can be used to better organize your Website files.

Back to Top

Adding External Files to Your Website Project

There are a few different methods you can use to add external files such as images or sound clips to your Website Project. These instructions use image files as an example, but the process is the same for other types of files.

The first method is to add a file using the options under the Insert menu.

  1. Go to Insert > Image. This opens a window that allows you to choose an image from your computer. Click OK when you have selected the image you want to insert. Insert Images

The second method is to add a file using the options under the My Computer tab.

  1. Switch to the My Computer tab and use the top pane to browse your computer for the folder containing the image you want to use. Insert Image
  2. After you have selected the folder, the files it contains will appear in the bottom pane. Select the image you want to use. There are two different ways to add this image to your Website Project.
    1. Right-click the image you would like to use and select Insert Image Into Current Document.
    2. Right-click the image you would like to use and select Copy File to Project. This option expands to display your Website Project subfolders. Select the folder you want to move the file to. Copy Images Next, switch over to the My Websites tab and navigate to the folder in where the image was copied. Now you can right-click the file and select Insert Image Into Current Document.
Back to Top

Moving Files to a Different Location in Your Website Project

To move a file to a different folder in your Website Project, right-click it and select Move File/Folder to Website Project. This expands to display your Website Project subfolders. Select the folder you want to move the file to. Move files to folder

Back to Top

Uploading Your Website Project

Follow these steps to upload your Website Project to your server. For more information about configuring a server, consult the PDF Help manual.

  1. Click the Tools icon in the toolbar across the top of the My Websites tab and select whichever upload option best fits your needs. Upload options Alternately, you can right-click the file(s) you wish to upload and select Upload Selected Files. Right click upload
  2. The Upload File to Server window will open and display the progress of the upload. Upload to server
  3. Click the Server tab to see your files on your server. Remote Server

Please note that you can only assign one server per Website Project. If you want to upload any or all of your Website Project files to a different server than the one specified in this field, you have two options.

  1. Go to My Websites > Website Project Settings, switch the server, and then upload the file(s).
  2. Go to the My Computer tab, right-click the file(s) you want to publish, and select the server and folder where you want to upload them. If any of your published documents reference these files, the path to the files you are uploading must match the path specified in your HTML code.
Back to Top

Downloading Files From Your Server to Your Website Project

To download files from your server directly to your Website Project, right-click the file(s) you wish to download and select Download to [Website Project path]. By default, the menu will display the path to the root folder of the open Website Project. Download

Back to Top

Switching Between Website Projects

To switch to a different Website Project, use the options available under the Website Projects icon in the toolbar across the top of the My Websites tab. Expand

Select Open Website Project to open another Website Project, Close Website Project to close the currently open Website Project, and All Website Projects to view a list of the all the Website Projects available to be edited.

Back to Top

Removing Website Projects

Follow these steps to remove a Website Project from appearing in the HTML Editor:

  1. Click the Website Projects icon in the toolbar across the top of the My Websites tab and select Remove Website Project. This displays a list of your Website Projects. Remove Website Project
  2. Select the Website Project you wish to remove. A window will open asking if you are sure you want to remove the Website Project. Confirm RemovalPlease note that this does not actually delete the Website Project file. To delete this file, as well as any other files that make up your Website, you will have to find them on your computer and delete them manually.
Back to Top