Adobe Dreamweaver: Difference between revisions


No edit summary
 
(12 intermediate revisions by 3 users not shown)
Line 2: Line 2:


Please note that we do not provide technical support nor official user support for this product - these instructions are strictly for our users' convenience when configuring Dreamweaver to connect to our servers.
Please note that we do not provide technical support nor official user support for this product - these instructions are strictly for our users' convenience when configuring Dreamweaver to connect to our servers.
Also note that the instructions below are for Dreamweaver CS4 and CS5.  Other versions have similar configuration options, but it's recommended that you read their documentation to determine what each feature and configuration option does.


== Configuring Dreamweaver CS4 ==
== Configuring Dreamweaver CS4 ==
Line 9: Line 11:
Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing.  In this case, you'll be configuring a new website that will use your Bravenet account.
Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing.  In this case, you'll be configuring a new website that will use your Bravenet account.


# First, [[create a website]] through the [[websites tab]] of your Bravenet account.
# First, [[create a website]] through the Web Hosting tab of your Bravenet account.
# Next, make sure you have an [[SFTP]] account in the [[SFTP tab]] of your Bravenet account.  If you do not already have one, please [[create an SFTP account]].
# Next, make sure you have an [[SFTP]] account in the [[SFTP tab | FTP Accounts tab]] of your Bravenet account.  If you do not already have one, please [[create an SFTP account]].
# Start Dreamweaver CS4 on your computer
# Start Dreamweaver CS4 on your computer
# Select '''Site''' -> '''New Site''', and the '''Site Setup''' dialog box will come up.
# Select '''Site''' -> '''New Site''', and the '''Site Setup''' dialog box will come up.
Line 19: Line 21:
# Enter a name for the server in the '''Name''' field.  Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
# Enter a name for the server in the '''Name''' field.  Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
# In the '''Access Type''' dropdown, choose '''FTP''' and then check off the '''Use Secure FTP''' option near the bottom of the window.
# In the '''Access Type''' dropdown, choose '''FTP''' and then check off the '''Use Secure FTP''' option near the bottom of the window.
# In the '''FTP Address''' text box, enter the hostname of your FTP server.  You can find this in the [[SFTP tab]] of your Bravenet account.  It should be in the format of <tt>ftp#.bravehost.com</tt> or <tt>ftp.yoursite.com</tt>.
# In the '''FTP Address''' text box, enter the hostname of your FTP server.  You can find this in the [[SFTP tab]] of your Bravenet account.  It should be in the format of <tt>ftp#.bravehost.com</tt> or <tt>ftp.your domain here</tt>.
# In the '''Login''' text box, enter your FTP username.  Note that it will have numbers at the end of it - you can see the exact username on the [[SFTP tab]] of your Bravenet account if you forget it.
# In the '''Login''' text box, enter your FTP username.  Note that it will have numbers at the end of it - you can see the exact username on the [[SFTP tab]] of your Bravenet account if you forget it.
# In the '''Password''' field of your site, enter your SFTP password.
# In the '''Password''' field of your site, enter your SFTP password.
# In the '''Host Directory''' field, enter <tt>/web/yoursite.com/</tt>, where <tt>yoursite.com</tt> is the address of your site (no ''www'' is needed!).  Alternately, if you've changed the [[base FTP directory]] you may need to leave this blank.
# In the '''Host Directory''' field, enter <tt>/web/your site here/</tt>, where <tt>your site here</tt> is the address of your site (no ''www'' is needed!).  Alternately, if you've changed the [[base FTP directory]] you may need to leave this blank.
# In the '''URL prefix''' text box, enter the [[URL]] to the base of your website.  For example, <tt>http://yoursite.com/</tt>
# In the '''URL prefix''' text box, enter the [[URL]] to the base of your website.  For example, <tt><nowiki>http://your site here/</nowiki></tt>
# Click the '''Save''' button to save your settings and return to your project.  If you ever need to adjust these settings more, you can find them in the '''Sites''' menu under the '''Manage Sites''' option.
# Click the '''Save''' button to save your settings and return to your project.  If you ever need to adjust these settings more, you can find them in the '''Sites''' menu under the '''Manage Sites''' option.
[[File:Cs4 server settings.jpg]]


=== Adding your Bravenet SFTP account to an existing Dreamweaver project===
=== Adding your Bravenet SFTP account to an existing Dreamweaver project===


# First, make sure you have an [[SFTP]] account set up in the [[SFTP tab]].
# First, make sure you have an [[SFTP]] account set up in the [[SFTP tab  | FTP Accounts tab]].
# In Dreamweaver, click the '''Site''' menu and select '''Manager Sites'''.
# In Dreamweaver, click the '''Site''' menu and select '''Manager Sites'''.
# Select the name of the site that you wish to edit, then click the '''Edit''' button.
# Select the name of the site that you wish to edit, then click the '''Edit''' button.
Line 39: Line 43:
Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing.  In this case, you'll be configuring a new website that will use your Bravenet account.
Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing.  In this case, you'll be configuring a new website that will use your Bravenet account.


# First, [[create a website]] through the [[websites tab]] of your Bravenet account.
# First, [[create a website]] through the FTP Hosting tab of your Bravenet account.
# Next, make sure you have an [[SFTP]] account in the [[SFTP tab]] of your Bravenet account.  If you do not already have one, please [[create an SFTP account]].
# Next, make sure you have an [[SFTP]] account in the [[SFTP tab]] of your Bravenet account.  If you do not already have one, please [[create an SFTP account]].
# Start Dreamweaver CS5 on your computer
# Start Dreamweaver CS5 on your computer
Line 49: Line 53:
# Enter a name for the server in the '''Name''' field.  Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
# Enter a name for the server in the '''Name''' field.  Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
# In the '''Connect Using''' dropdown menu, choose '''SFTP'''.
# In the '''Connect Using''' dropdown menu, choose '''SFTP'''.
# In the '''FTP Host''' text box, enter the hostname of your FTP server.  You can find this in the [[SFTP tab]] of your Bravenet account.  It should be in the format of <tt>ftp#.bravehost.com</tt> or <tt>ftp.yoursite.com</tt>.
# In the '''FTP Host''' text box, enter the hostname of your FTP server.  You can find this in the [[SFTP tab]] of your Bravenet account.  It should be in the format of <tt>ftp#.bravehost.com</tt> or <tt>ftp.your domain here</tt>.
# In the '''Username''' text box, enter your FTP username.  Note that it will have numbers at the end of it - you can see the exact username on the [[SFTP tab]] of your Bravenet account if you forget it.
# In the '''Username''' text box, enter your FTP username.  Note that it will have numbers at the end of it - you can see the exact username on the [[SFTP tab]] of your Bravenet account if you forget it.
# In the '''Password''' field of your site, enter your SFTP password.
# In the '''Password''' field of your site, enter your SFTP password.
# In the '''Root Directory''' field, enter <tt>/web/yoursite.com/</tt>, where <tt>yoursite.com</tt> is the address of your site (no ''www'' is needed!).  Alternately, if you've changed the [[base FTP directory]] you may need to leave this blank.
# In the '''Root Directory''' field, enter <tt>/web/your site here/</tt>, where <tt>your site here</tt> is the address of your site (no ''www'' is needed!).  Alternately, if you've changed the [[base FTP directory]] you may need to leave this blank.
# In the '''Web URL''' text box, enter the [[URL]] to the base of your website.  For example, <tt>http://yoursite.com/</tt>
# In the '''Web URL''' text box, enter the [[URL]] to the base of your website.  For example, <tt><nowiki>http://your site here/</nowiki></tt>
# Click the '''Save''' button to save your settings and return to your project.  If you ever need to adjust these settings more, you can find them in the '''Sites''' menu under the '''Manage Sites''' option.
# Click the '''Save''' button to save your settings and return to your project.  If you ever need to adjust these settings more, you can find them in the '''Sites''' menu under the '''Manage Sites''' option.
[[File:Cs5 server settings.jpg]]


=== Adding your Bravenet SFTP account to an existing Dreamweaver project===
=== Adding your Bravenet SFTP account to an existing Dreamweaver project===
Line 62: Line 68:
# Select the name of the site that you wish to edit, then click the '''Edit''' button.
# Select the name of the site that you wish to edit, then click the '''Edit''' button.
# The Site Setup dialog box will come up.  From here, continue from step 7 in the instructions above.
# The Site Setup dialog box will come up.  From here, continue from step 7 in the instructions above.
[[Category: FTP]]
[[Category: Third-Party Programs]]
[[Category: Websites]]

Latest revision as of 16:21, 6 August 2014

Adobe Dreamweaver is a popular web design package. It is available for Windows and Mac in several different versions - see http://adobe.com for details

Please note that we do not provide technical support nor official user support for this product - these instructions are strictly for our users' convenience when configuring Dreamweaver to connect to our servers.

Also note that the instructions below are for Dreamweaver CS4 and CS5. Other versions have similar configuration options, but it's recommended that you read their documentation to determine what each feature and configuration option does.

Configuring Dreamweaver CS4

Setting up a new site

Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing. In this case, you'll be configuring a new website that will use your Bravenet account.

  1. First, create a website through the Web Hosting tab of your Bravenet account.
  2. Next, make sure you have an SFTP account in the FTP Accounts tab of your Bravenet account. If you do not already have one, please create an SFTP account.
  3. Start Dreamweaver CS4 on your computer
  4. Select Site -> New Site, and the Site Setup dialog box will come up.
  5. In the Site Name text box, enter the name of the site. This is used internally to Dreamweaver and will not show up on your actual website.
  6. Click the folder icon next to the Local Site Folder text box to choose where you want to save your site on your local computer.
  7. Click on the Servers option to switch to the server settings.
  8. Click the plus button at the bottom left of the panel to add the server definition. This opens a new panel for you to enter the server details.
  9. Enter a name for the server in the Name field. Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
  10. In the Access Type dropdown, choose FTP and then check off the Use Secure FTP option near the bottom of the window.
  11. In the FTP Address text box, enter the hostname of your FTP server. You can find this in the SFTP tab of your Bravenet account. It should be in the format of ftp#.bravehost.com or ftp.your domain here.
  12. In the Login text box, enter your FTP username. Note that it will have numbers at the end of it - you can see the exact username on the SFTP tab of your Bravenet account if you forget it.
  13. In the Password field of your site, enter your SFTP password.
  14. In the Host Directory field, enter /web/your site here/, where your site here is the address of your site (no www is needed!). Alternately, if you've changed the base FTP directory you may need to leave this blank.
  15. In the URL prefix text box, enter the URL to the base of your website. For example, http://your site here/
  16. Click the Save button to save your settings and return to your project. If you ever need to adjust these settings more, you can find them in the Sites menu under the Manage Sites option.

Cs4 server settings.jpg

Adding your Bravenet SFTP account to an existing Dreamweaver project

  1. First, make sure you have an SFTP account set up in the FTP Accounts tab.
  2. In Dreamweaver, click the Site menu and select Manager Sites.
  3. Select the name of the site that you wish to edit, then click the Edit button.
  4. The Site Setup dialog box will come up. From here, continue from step 7 in the instructions above.

Configuring Dreamweaver CS5

Setting up a new site

Normally, in Dreamweaver, you create and edit your website on your local computer, then upload a copy of your site to a web server for viewing. In this case, you'll be configuring a new website that will use your Bravenet account.

  1. First, create a website through the FTP Hosting tab of your Bravenet account.
  2. Next, make sure you have an SFTP account in the SFTP tab of your Bravenet account. If you do not already have one, please create an SFTP account.
  3. Start Dreamweaver CS5 on your computer
  4. Select Site -> New Site, and the Site Setup dialog box will come up.
  5. In the Site Name text box, enter the name of the site. This is used internally to Dreamweaver and will not show up on your actual website.
  6. Click the folder icon next to the Local Site Folder text box to choose where you want to save your site on your local computer.
  7. Click on the Servers option to switch to the server settings.
  8. Click the plus button at the bottom left of the panel to add the server definition. This opens a new panel for you to enter the server details.
  9. Enter a name for the server in the Name field. Once again, this is only for internal use; it does not have to match your website name or your FTP server host name.
  10. In the Connect Using dropdown menu, choose SFTP.
  11. In the FTP Host text box, enter the hostname of your FTP server. You can find this in the SFTP tab of your Bravenet account. It should be in the format of ftp#.bravehost.com or ftp.your domain here.
  12. In the Username text box, enter your FTP username. Note that it will have numbers at the end of it - you can see the exact username on the SFTP tab of your Bravenet account if you forget it.
  13. In the Password field of your site, enter your SFTP password.
  14. In the Root Directory field, enter /web/your site here/, where your site here is the address of your site (no www is needed!). Alternately, if you've changed the base FTP directory you may need to leave this blank.
  15. In the Web URL text box, enter the URL to the base of your website. For example, http://your site here/
  16. Click the Save button to save your settings and return to your project. If you ever need to adjust these settings more, you can find them in the Sites menu under the Manage Sites option.

Cs5 server settings.jpg

Adding your Bravenet SFTP account to an existing Dreamweaver project

  1. First, make sure you have an SFTP account set up in the SFTP tab.
  2. In Dreamweaver, click the Site menu and select Manager Sites.
  3. Select the name of the site that you wish to edit, then click the Edit button.
  4. The Site Setup dialog box will come up. From here, continue from step 7 in the instructions above.