Website Projects are one of the most useful components of the HTML Editor, because they keep your entire website organized on and off of the web. It's easy to set up a Website Project and upload to your server. But you need to set it up first!

You will need to create a Website Projects folder that will contain the files for the website, then assign the HTML Editor to that folder. Here's how:

  1. Use Windows Explorer to create the desired folderin a known location. We recommend using the HTML Editor's default location (C:\Documents\Coffeecup Software\HTML Editor\Projects) or just in Documents.
  2. Open the HTML Editor and select My Websites > New Website Project…
  • Website Project Name: This can be anything you want. We suggest giving it the name of your site so that it can be associated with it.
  • Website Project Location: This is the location of the folder you want to use. Simply select the icon with the folder and browse through your system to the folder.

Now you will need to set up your server so that the Website Projects folder is associated with it and you can easily download/upload the files for your website.

If you are planning to use S-Drive, you can skip this next step and select OK, then simply enter your S-Drive account information under My Websites > Sync with S-Drive when you are ready to upload.

Before you can begin to upload your site to your server, you will need to contact your hosting provider to make sure that all of the information you are entering into the connection fields is correct. Once you have the necessary information (such as username, password, and public folder for the HTML files) we can begin.

  1. Choose Configure Servers > Add.

You will need to enter the following information into the appropriate fields.

  • Nickname: The nickname of the server profile. It can be anything you like, such as "My Server" or the name of your website.
  • Username: The username of the FTP connection for your server. This is usually assigned to you by your web hosting provider.
  • Password: The password for your FTP connection.
  • Make sure that Port is set to 21, and check the box next to "Passive Mode".
  • Web Server Address: This is the address of your website. (For example, www.mywebsite.com or www.coffeecup.com.)
  • Manage Folder Bookmarks: This is probably the most confusing field, since different companies call it different things, but it's really your "public" folder—the folder that you need to upload your files into so that they can publicly viewed. Once retrieved from your server, you will need to enter it here, then select the "add" option. If done correctly, you should see a drop-down to the larger input field.

Now all you have to do is click OK, then close.

Almost done!!!

  1. Enter the remote path in the Remote Folder field (the same as Manage Folder Bookmarks), then enter the address to your site within the Server URL field.

Once connected, you will see the Local folder under the Local Disk tab to the left and the files for your website under the tab that will have the website projects name.

To upload or download files, simply highlight them, right click, and select the Upload or Download option.