ptg 21 21 489 Moving Your Site to the Internet Introduction You've worked a long time; created graphics, wrote text, built tables and layers. Now, the big moment has come… it’s moving day for your Web site. However, this is not like any moving day you've ever experienced. No packing of bags, or calling the movers, because Dreamweaver has taken care of all the little details. Dreamweaver includes a number of features for manag- ing files and transferring files to and from a remote site (also called the remote folder). When you transfer files between local and remote sites, Dreamweaver maintains copies of the file and folder structures between the local and remote sites. If you're transferring files to the remote site, Dreamweaver will automatically create necessary folders when they do not exist. It's even possible to synchronize the files between your local and remote sites; Dreamweaver copies files in both directions as necessary and removes unwanted files when appropriate. Dreamweaver contains features to make collaborative work on a Web site easier. You can check files in and out of a remote server so that other members of a Web team can see who is working on a file. You can also use Subversion, a ver- sion control system that works along with Dreamweaver, to help you maintain version histories of your site files. In addition, Dreamweaver allows you to use the Business Catalyst extension to connect you directly to a hosted online business site, where you can add, edit, delete, upload pages and templates in Dreamweaver, and use pre-build code mod- ules, such as search, forums, blogs, password protected areas, web forms, and online stores, without programming from the Business Catalyst panel. What You’ll Do Set Site File Preferences Manage Site Files with the Files Panel Transfer Files Compare Local and Remote Files Check Site Files In and Out Manage Site Files Versions with Subversion Work with Business Catalyst Site Files Synchronize Site Files Cloak and Uncloak Files From the Library of Wow! eBook ptg 490 Chapter 21 Before you start transferring files from your local site to a remote site, you should specify site preferences to control the way files transfer over the Web. You can set FTP (File Transfer Protocol) connection options and firewall settings. If you’re not sure how to set these options, check with your ISP (Internet Service Provider). In addition to file transfer settings, you can also set preferences for the viewing of your files in the Files panel. You can indicate which site, either local or remote, you want to always display in the Files panel, whether to prompt for confirmation when you get/check out or put/check in files, and whether to automatically save files before being put onto the remote site. Setting Site File Preferences Set Site Preferences Click the Dreamweaver (Mac) or Edit (Win) menu, and then click Preferences. Click the Site category. Select from the following options: ◆ Always Show. Indicates which site (local or remote) is always shown, and in which Files panel pane (left or right) the local and remote files appear. ◆ Dependent Files. Displays a prompt for transferring dependent files (such as images, external style sheets, etc.) that the browser loads when it loads the HTML file. The Prompt On Get/Check Out and Prompt On Put/Check In are selected by default. ◆ FTP Connection. Enter whether the connection to the remote site is terminated after the specified number of minutes has passed with no activity. ◆ FTP Time Out. Enter the number of seconds in which Dreamweaver attempts to make a connection with the remote server. 3 2 1 2 3 From the Library of Wow! eBook ptg Chapter 21 Moving Your Site to the Internet 491 ◆ FTP Transfer Options. Select whether Dreamweaver chooses the default option, after a specified number of seconds, when a dialog box appears during a file transfer and there is no user response. ◆ Firewall Host. If your site is behind a firewall, enter the address of the proxy server through which you connect to outside servers. ◆ Firewall Port. Enter the port in your firewall through which you pass to connect to the remote server. Leave Firewall host, and Firewall port blank, if you are not behind a firewall. ◆ Put Options. Select to automatically save files before being put onto the remote site. ◆ Move Options. Select to prompt you before moving files on the server. ◆ Manage Sites. Click to open the Manage Sites dialog box. Click OK. 4 4 Click to Manage Sites 3 Manage Sites dialog box From the Library of Wow! eBook ptg 492 Chapter 21 Managing Site Files with the Files Panel Work with the Files Panel Click the Window menu, and then click Files to display the Files panel. To expand the Files pane l into a split window, click the Expand button. Use any of the following options in the Files panel: ◆ Click the Show list arrow to display a listing of all active Dreamweaver sites. ◆ Click the Connect/Disconnect button to create or exit a connection between the local and remote sites. NOTE If you have not set up the remote site hosting information, Dreamweaver prompts you to do so before continuing. ◆ Click the Refresh button to refresh the contents of the Files panel. TIMESAVER Press F5 to refresh the Files panel. ◆ Click the View Site FTP Log button to display the FTP Log tab in the Results panel. ◆ Click the Site Files button to display a listing of files on the site. 3 2 1 Once a site is created, it's important to work with and organize all of the files associated with the active working site. You can organize and manage your site files and folders whether they are part of a Dreamweaver site on a server you've connected to, or on your local drive or desktop. The Files panel gives you access to all of the files associated with the working site and allows you to work on files and locate files within the local and remote site. 2 Remote files 3 Local files Show list arrow Connect/Disconnect Refresh View Site FTP Log Tes tin g Serv er Get Files and Put Files Check Out Files and Check In Site Files Repository Files Synchronize Collapse/Expand Files Panel From the Library of Wow! eBook ptg Chapter 21 Moving Your Site to the Internet 493 ◆ Click the Testing Server button to display a listing of all files located on the testing server. ◆ Click the Repository Files button to display the repository of the file and folder structure of your site on the Subversion server. Subversion is a version control system that helps you maintain version histories of your site files. ◆ Click the Get Files and Put Files buttons to receive from or send files to the remote server, respectively. ◆ Click the Check Out Files or Check In buttons to check files in or out. NOTE This option requires you to enable the file check in and out option in the Site Setup dialog box. ◆ Click the Synchronize button to match up the files on the remote and local servers. ◆ Click the Collapse/Expand button to toggle between a split panel view (local and remote), and single view. 3 Click to collapse Files panel From the Library of Wow! eBook ptg 494 Chapter 21 Once a remote site has been established, the next step is to begin the transfer of files from the local (working) folder, to the remote site. Since you've already defined the remote server, it's a simple question of deciding what files and folders you want to move. Dreamweaver lets you move files (Put) to the remote site, and it allows you to move files from the remote server, back to the local site (Get). The amount of time it takes to transfer your files is directly related to your bandwidth. If you're moving a large site, it might be a good idea to perform the move at night. That way the site will be moved and ready the next day. Transferring Files Transfer Files to the Remote Site Click the Site menu, click Manage Sites, select the site you want to use, and then click Done. Click the Window menu, and then click Files to display the Files panel. Click the Expand button to show local and remote sites. Click the Connect To Remote Host button to gain access to the remote site. Select files (in the right window) using one of the following options: ◆ Site. Click the site folder to move the entire site to the remote folder. ◆ Files. Ctrl-click (Win) or A- click (Mac) to select the non- contiguous files for moving to the remote folder. Click the Put button. If prompted, click Yes to save a file or click No to use the existing one. If prompted, click Yes to upload dependent files along with the selected files, or click No to not upload dependent files. Dreamweaver moves the entire site, or selected file/folders to the remote site. To stop a fi le tr an sfer, cli ck Cancel. 9 8 7 6 5 4 3 2 1 3 5 6 4 8 From the Library of Wow! eBook ptg Chapter 21 Moving Your Site to the Internet 495 Transfer Files from the Remote Site Click the Site menu, click Manage Sites, select the site you want to use, and then click Done. Click the Window menu, and then click Files to display the Files panel. Click the Expand button to show local and remote sites. Click the Connect To Remote Host button to gain access to the remote site. Select files from the remote site (left window) using one of the following options: ◆ Site. Click the site folder to move the entire site to the local folder. ◆ Files. Ctrl-click (Win) or A- click (Mac) to select the non- contiguous files for moving to the local folder. Click the Get button. If prompted, click Yes to download dependent files along with the selected files, or click No to not download dependent files. Dreamweaver moves the entire site, or selected file/folders to the local site. To stop a fi le tr an sfer, cli ck Cancel. 8 7 6 5 4 3 2 1 4 6 3 7 Did You Know? You can display the FTP log. Open the Files panel, click the Options button in the upper-right corner, point to View, and then click Site FTP Log. Managing File Transfers You can cancel a file transfer or view the status of a file transfer by using the Background File Activity dialog box, which you can open by clicking the Log button at the bottom of the Files panel. In the Background File Activity dialog box, close the dialog box to cancel a transfer, click the Details expander to view more details, click Hide to minimize the dialog box, or click Save Log to save a log of the last file transfer. For Your Information 5 From the Library of Wow! eBook . system that works along with Dreamweaver, to help you maintain version histories of your site files. In addition, Dreamweaver allows you to use the Business Catalyst extension to connect you directly. located on the testing server. ◆ Click the Repository Files button to display the repository of the file and folder structure of your site on the Subversion server. Subversion is a version control. Expand button. Use any of the following options in the Files panel: ◆ Click the Show list arrow to display a listing of all active Dreamweaver sites. ◆ Click the Connect/Disconnect button to