how to upload a site from dreamweaver

In the eighth and final part of this series, larn how to fix a remote site to publish a website.

Note: The sample files include the complete set of Creative Cloud Libraries and projection files for this tutorial series. You can go along to build on your starting file in Function 1, or navigate to the relevant folder to use the starting file for each section.

Welcome to the eighth and final office of this commodity series on creating your start website. This tutorial shows you how to gear up a remote site in Dreamweaver. A remote site is usually a web server on a remote computer that holds copies of your local files. Users access the remote site when they view your pages in a browser.

This tutorial presents a very broad example of connecting to a remote server. It contains troubleshooting hints, just much depends on how your remote server is configured. When in doubt, consult your hosting company'south assist desk or your system administrator.

After you create a website, the side by side footstep is to publish information technology past uploading the files to a remote server. This is where yous shop your files for testing, product, collaboration, and publication (depending on your environment).

Before you can proceed, y'all must accept access to a remote web server—such every bit a hosting company's server, a server owned by the customer yous're working for, or an intranet server within your visitor. Also, some Cyberspace Service Providers (ISPs) provide access to free spider web space as office of your contract for internet connection. If you don't have access to such a server, contact your Internet service provider, your client, your organisation administrator, or one of the many hosting companies that provide web hosting packages. Some hosting packages are free, but unremarkably insert advertisements into your site. An advertisement-costless packet can cost every bit little as a few dollars a month.

Y'all also need to have a local site defined earlier you proceed. For more data, see Part 1 of this tutorial series, Projection overview and site setup.

Notation: For more information about Dreamweaver sites, meet Set a local version of your site in Dreamweaver Aid.

Dreamweaver site management is based on the principle that your local files are an exact duplicate of your alive site on the internet. So, index.html in your bayside folder becomes the front end folio of your remote site. If you already accept a alive website that you don't want to overwrite, use your site's control panel to create a folder called bayside where you can upload the Bayside Shell files.

1. In Dreamweaver, select Site > Manage Sites.
2. In the Manage Sites dialog box, select the Bayside Responsive site.

   If you did non define the Bayside Responsive site, create a local folder for the site earlier you continue. For more than information, see Function 1 of this tutorial series, Project overview and site setup.

3. Click the Edit icon at the bottom left of the Manage Sites dialog box (run into Figure i).

Figure 1. Click the Edit icon to change the site settings.

4. In the Site Setup dialog box, click Servers to open the console where you add together your server definitions (encounter Figure 2).

Figure two. The Servers panel in the Site Setup dialog box.

Dreamweaver allows you to ready multiple server definitions for both remote and testing servers. Notwithstanding, only i of each type can be active at whatsoever given time.

5. Click the plus (+) button at the bottom left of the panel to add the remote server definition. This opens a new console for you to enter the server details (come across Effigy three).

Figure 3. The console where you enter the bones server details.

6. In the Server Proper noun text box, type a name for the server. This is used internally past Dreamweaver to identify the server, so you can choose any proper name you like. For example, y'all might want to create a definition for a server where y'all upload files for a client's approval, and a different server for the live site. If you have simply the ane server, call information technology Remote Server.
7. From the pop-up menu Connect using, select the method you desire to use to connect to the server.

   The most common methods for connecting to a server on the Internet are FTP, SFTP, and FTP over SSL/TLS (also known as FTPS). Because the initials of each method are so similar, it's easy to confuse them. If y'all aren't certain which to select, ask your hosting visitor or the server system administrator. Your pick will be limited by any your remote server supports.

   When yous have fabricated your choice, follow the instructions in the relevant section.

FTP stands for File Transfer Protocol. It'southward the virtually bones manner of connecting to a remote server. It'south less secure than the others, so you should use it only if your remote server doesn't support SFTP or FTPS.

1. Enter the server's FTP accost (for instance, ftp.yourdomain.com) in the advisable field.
2. The default port for FTP is 21. Change the value in the Port field only if instructed to practise so by the administrator of your remote server.
3. Enter your username and password in the appropriate fields.
4. Click Test to examination your connexion.

   If the connection fails, verify that you have the right username and password. Passwords are usually example-sensitive, so make sure that Caps Lock is non turned on. If that doesn't solve the problem, consult the troubleshooting section further downwards this page.

5. Dreamweaver automatically checks the Save Password check box. If deselect this check box, you'll be prompted for your countersign each fourth dimension Dreamweaver connects to the server.
6. Fill up in the details for Root Directory and Spider web URL every bit described further down this page.

SFTP stands for Secure File Transfer Protocol. Information technology works the same manner equally FTP, but it uses an encrypted connectedness to the server, and then is more secure. With SFTP, Dreamweaver offers the selection of logging into the remote server using a username and password, or a private key file.

1. Select SFTP from the Connect Using drop-down menu.
2. Enter the server's FTP address (for example, ftp.yourdomain.com) in the appropriate field.
3. The default port for SFTP is 22. Change the value in the Port field only if instructed to do so past the administrator of your remote server.
4. The default authentication method is to utilize a username and password. Enter the values in the appropriate fields (see Figure 4).

Effigy 4. The normal way to connect via SFTP is with a username and password.

5. If yous select the Individual Key File radio push button, the options change, every bit shown in Figure 5.

Figure five. At that place are unlike options for connection using a individual key file.

If your server supports connectedness using a individual key file, enter your username in the Username field, then click the folder icon to the right of the Identity File field to browse for the local version of your individual key file.

Some servers likewise require a passphrase. If necessary, enter that in the appropriate field. Dreamweaver automatically selects the Salve Passphrase bank check box. If yous deselect information technology, you'll exist prompted for the passphrase each time Dreamweaver connects to the server.

6. Click Test to make sure you tin connect successfully to the remote server.

   If connection fails, make sure you lot accept spelled everything correctly. Passwords and passphrases are normally example-sensitive. Make sure Caps Lock is not turned on.

7. Fill in the details for Root Directory and Web URL as described further down this page.

FTPS is a newer, more than secure standard than SFTP. Information technology connects to the remote server using the Secure Sockets Layer (SSL) or Transport Layer Security (TLS). It offers the extra security of authenticating the server's credentials. In other words, it makes certain you're connecting to a known server by checking the server's security document.

1. From the Connect using driblet-down carte du jour, select FTP over SSL/TLS. There are ii options:
   • Implicit encryption: The server terminates the connection if it doesn't receive a security request.
   • Explicit encryption: If the server doesn't receive a security request, information technology can choose to proceed with an insecure transaction, or to terminate/limit the connectedness. This connects on port 21.

Choosing either choice displays the form shown in Figure 6.

Figure 6. FTPS also authenticates the server's security certificate.

2. Enter the server's FTP accost (for example, ftp.yourdomain.com) in the advisable field.
3. Implicit encryption connects on port 990, whereas explicit encryption uses port 21. Change the value in the Port field only if instructed to exercise so by the administrator of your remote server.
4. Enter your username and password in the appropriate fields.
5. Choose the method of checking the server's security certificate from the Authentication drop-down carte. There are two options:
   • Trusted server: Utilize this if the server's certificate is issued by a trusted certificate authority.
   • None: Use this if the server has a self-signed certificate. You're shown the document the showtime time you connect. If you accept its credentials, the certificate is added to Dreamweaver's trusted sites certificate store.
     
6. Click Exam to test your connectedness.

If the connexion fails, verify that y'all accept the correct username and password. Passwords are ordinarily instance-sensitive, so brand sure that Caps Lock is not turned on. If that doesn't solve the trouble, consult the troubleshooting section further down this folio.

7. Dreamweaver automatically checks the Save Password check box. If deselect this check box, you'll exist prompted for your countersign each fourth dimension Dreamweaver connects to the server.
8. Make full in the details for Root Directory and Web URL as described in the next department.

The value that you need to enter in Root Directory is where many people go wrong, and it's difficult to give precise instructions because hosting companies and server administrators have different policies. The value of Root Directory should be the path you need to enter after logging into your server to get to the folder where you want to install index.html.

If y'all want the Bayside Beat dwelling house folio to be the front page of your website, then this needs to be the path to the remote server'due south site root. On some servers, it's public_html. Others might use www, wwwroot, or even nothing at all. On my remote server, it needs to be /home/username/public_html. If in doubt, ask your hosting company or server ambassador.

If you desire the Bayside Vanquish home page to exist in a subfolder chosen bayside, y'all need to enter the path to that binder. For instance, on my server, it would be /dwelling/username/public_html/bayside_beat.

The Web URL field should contain the URL for the folder that you lot defined as the Root Directory. For example, http://www.example.com/ or http://world wide web.case.com/bayside/. Dreamweaver might have tried to guess the correct value, simply information technology's merely a guess. Do non accept the default value without checking it carefully.

If you lot're connecting past SFTP, your settings should wait similar to Figure seven.

Effigy 7. Settings for connecting to a remote server by SFTP.

In most circumstances, there'due south no need to alter the advanced options for a server, just let's accept a quick look at them before saving the server definition.

1. Click the Advanced button at the top of the console to brandish the advanced options (see Figure 8).

Figure 8. Advanced server options

2. Maintain synchronization information is selected by default. This keeps track of when the files on your remote server were last updated, and allows you to use the Site Synchronization feature (see Synchronizing files in Dreamweaver Help).
3. Automatically upload files to the server on Save should rarely, if ever, be used considering it overwrites your live files. If y'all brand a fault, it's immediately displayed on your remote site for all the world to see.
4. Enable file check-out is for utilise in a squad environs. It allows just one person at a time to edit a page (see Checking in and checking out files in Dreamweaver Help).
5. Testing Server: These options apply only when defining a testing server for a website that uses a server-side applied science, such equally PHP, ASP.Cyberspace, or ColdFusion.
6. Click Save to register your server definition. This returns you to the Servers console of the Site Setup dialog box, where your server definition is now listed (see Figure nine).

Effigy 9. The remote server is at present registered in the Site Setup dialog box.

Dreamweaver selects the Remote radio button automatically.

The icons at the bottom of the Servers console allow yous to add together another server, or to delete, edit, or brand a re-create of the selected server definition. Making a copy is useful if you need to alter only a few details to connect to a different server.

Yous tin can ascertain multiple remote servers for a site, but you tin connect to but one at a time by selecting its radio button in the Remote column.

7. Click Salvage to close the Site Setup dialog box, and and then click Washed to close the Manage Sites dialog box.

You can now upload your files from your local binder to the remote web server to make your pages publicly accessible.

1. The quick way to upload all the files in the current site is to select the site's local root binder at the top of the Files panel. However, the Bayside Responsive site contains the text content in Microsoft Discussion and rich text format, every bit well as folders showing the site at each stage of development.

   Hold downwards the Ctrl central (Windows) or the Cmd central (Mac), and select the following folders and files:

   • images
   • js
   • styles
   • index.html
   • sights.html
2. Click the Put Files (upwardly arrow) icon in the Files panel toolbar (see Effigy x).

Figure 10. Put files on the server.

3. When Dreamweaver connects to the server, information technology displays a dialog box asking if you want to include dependent files in the transfer (see Figure 11).

The default is No. If you do zero, the dialog box will close, and upload only those files that were selected in the Files panel.

Some people notice the option to include dependent files convenient considering information technology means that all files linked to those you have selected will exist uploaded automatically. Think carefully earlier choosing Aye. You might exist working on changes to your way canvas, but you aren't ready to upload it even so. Clicking Yeah will overwrite the style sheet on your alive website if it's linked to any of the files you lot're uploading.

If you select the check box labeled "Don't show me this message once more," merely the files selected in the Files panel will be uploaded. Y'all can change your mind later past changing the options in the Site category of Dreamweaver Preferences.

4. Open your remote site in a browser to make sure all of the files uploaded correctly. Congratulations, you take a site online!

   If the Bayside Responsive site isn't in that location, information technology almost certainly means that the value for Root Directory in your remote server definition isn't pointing to the correct folder on the server.

If you demand to edit the remote server settings, go to Site > Manage Sites, select the site from the list, and and so click the pencil icon to open the Site Setup dialog box. Then select Servers from the list on the left, select the server you want to edit, and click the Edit existing server icon (encounter Figure 12).

Effigy 12. Editing an existing server definition

A web server can be configured in many means. The following list provides information most some common issues you may encounter in setting upwardly a remote server and how to resolve them:

• The Dreamweaver FTP implementation may not work properly with certain proxy servers, multilevel firewalls, and other forms of indirect server access.
• For the Dreamweaver FTP implementation, you must connect to the remote system's root folder. (In many applications, y'all can connect to any remote directory, and so navigate through the remote file system to notice the directory you want.) Be sure that you betoken the remote organisation's root folder (or the bayside subfolder) as the Root Directory. If you lot have problems connecting, and you've specified the host directory using a unmarried slash (/), you might demand to specify a relative path from the directory y'all are connecting to and the remote root folder. For instance, if the remote root binder is a college-level directory, you may need to utilize ../../ to specify the host directory.
• File and folder names that contain spaces and special characters often crusade problems when transferred to a remote site. Employ underscores in identify of spaces, and avoid special characters—colons (:), slashes (/), periods (.), and apostrophes (') are not permitted in file or folder names.
• Many servers use symbolic links (Unix), shortcuts (Windows), or aliases (Macintosh) to connect a binder on ane part of the server's disk with another folder elsewhere. For example, the public_html subdirectory of your abode directory on the server may really be a link to some other function of the server entirely. In most cases, such aliases have no effect on your ability to connect to the appropriate binder or directory; however, if you tin can connect to one role of the server just not to another, there may be an alias discrepancy.
• If you see an error message such as "cannot put file," your remote folder may be out of space. For more information, look at the FTP log.

In general, when you encounter a problem with an FTP transfer, examine the FTP log past selecting Site > Avant-garde > FTP Log. For more information, see the extensive tech note on FTP troubleshooting on the Adobe website.

robertgestany.blogspot.com

Source: https://helpx.adobe.com/uk/dreamweaver/how-to/make-website-pt8-publish.html

Share this post