ptg 20 20 473 Managing a Web Site Introduction In Chapter 2, you learned how to defined a site using Basic site settings. With the basic settings in place, you can use the Advanced site settings to fine-tune and customize the site to meet your specific needs. In this chapter, you learn how to modify advanced site setup settings to better manage and control your site. The Site Setup dialog box allows you to define how you want your local site, remote site, and testing server to work, and set related options for updating and managing different types of files on your site. The local site contains all the Web page files for the site as well as all images, cascading style sheet (CSS) files, tem- plates, and other dependent files. In order to publish your site on the Web, you need to define the remote site on a Web server, and then upload the files from the local site to the remote site. If you created dynamic pages in Dreamweaver, you need to define a testing server to try them out. Dreamweaver needs a testing server to generate and display dynamic pages during development. In addition to the main site settings for the local, remote and testing sites, you can also set related options in the fol- lowing areas: cloaking, design notes, file view columns dis- play, Adobe Contribute compatibility, templates, and spry assets. What You’ll Do Set Advanced Site Definitions Define Local Info for a Site Define Remote Info for a Site Define the Testing Server Define Version Control Define Site Cloaking Set File View Columns Options Use Design Notes View Design Notes From the Library of Wow! eBook ptg 474 Chapter 20 Dreamweaver provides a choice of two methods to define a site: the Basic and Advanced site settings (New!). In Chapter 2, you defined a site using the Basic settings. In addition to the basic site settings, you can set up remote and testing servers, set up version control, and specify other advanced settings. The Advanced settings—Local Info, Cloaking, Design Notes, File View Columns, Contribute, Templates, and Spry categories—allow you to fine-tune and customize the site to meet your specific needs. The Site Setup dialog box (New!) doesn’t force you to complete the site setup unless it’s required. As you work on your site and a task needs information from the Site Setup dialog box, Dreamweaver opens it and highlights the required setting. Setting Advanced Site Definitions Set Advanced Site Definitions Click the Site menu, point to Manage Sites, click New, and then click Site, or select a site, and then click Edit. Select a category, and then specify the site options you want: ◆ Servers. Specifies the Web site server location to upload the site files to the Web server and creates a place to act like a public server to test the applications and connections to the database. (New!) ◆ Version Control. Adds the version control system provided by Subversion to manage file and folder changes. Click the Advanced Settings category. Select a category, and then specify the site options you want: ◆ Local Info. Specifies the site files location and enables site management options. ◆ Cloaking. Cloaking allows you to specify file types or specific files that you do not want uploaded to the server. ◆ Design Notes. Adds notes to files in the working site. Notes are stored in a separate file. 4 3 2 1 2 Remote and testing servers 3 4 Local Info options From the Library of Wow! eBook ptg Chapter 20 Managing a Web Site 475 ◆ File View Columns. Customizes the appearance of the expanded Files panel. ◆ Contribute. Adobe Contribute allows you to maintain and update content on existing Web sites, requiring no training or knowledge of HTML. ◆ Compatibility. Select to enable the Contribute feature (requires the installation of the Contribute program). ◆ Templates. This option controls how templates are used within a site. ◆ Template Updating. Select to prevent the rewriting of a document's relative path (recommended). ◆ Spry. Spry is a JavaScript library for Web designers that provides functionality that allows designers to build pages that provide a richer experience for their users. ◆ Spry Assets Folder. Enter the path to the Spry folder, or click the folder icon to browse and select the Spry folder. Click Save, and then click OK to cache files, if necessary. Click Done to close the Manage Sites dialog box. 6 5 Contribute options Tem pla tes op tio ns See Also See “Creating a Web Site” on page 18 for information on using the Basic tab in the Site Setup dialog box. 5 From the Library of Wow! eBook ptg 476 Chapter 20 In order for Dreamweaver to keep track of links between Web pages and dependent files, it is necessary to define a folder on the hard disk, or mapped drive, as the local root folder and to save all the files for the site in that folder. The local root folder contains the Web page files for the site as well as all images, cascading style sheet (CSS) files, tem- plates, and other dependent files. After the site is defined, Dreamweaver creates and saves pages for the site inside the local root folder. Then the contents of that local root folder are uploaded to the Web server. The local root folder and the folder on the server should have exactly the same folder structure. Dreamweaver automatically replicates the folder structure of the local root folder on the server when it uploads your files, and that make future maintenance of the site efficient and easy. When you define the site, the local folder should be easy to access. Defining Local Info for a Site Define the Local Info for a Site Click the Site menu, point to Manage Sites, click New, and then click Site, or select a site, and then click Edit. Click the Site category. Specify the following information for the Local Info category: ◆ Site Name. Enter a name for your site in the Site Name box; avoid any special characters, but it may contain capitals and spaces. ◆ Local Site Folder. Enter the path to the Local root folder, or click the folder icon to browse and select the folder that you want to contain the site files. IMPORTANT Avoid using the Dreamweaver program folder as the location for the local root folder. Click the Advanced Settings category. Click the Local Info category. 5 4 3 2 1 2 3 From the Library of Wow! eBook ptg Chapter 20 Managing a Web Site 477 Select the options you want: ◆ Default Images Folder. Enter the path to the Default Images folder, or click the folder icon to browse and select the folder you want to contain the site image files. Select a folder in the local root folder. ◆ Links Relative To. Select to set your links relative to the documents or the site's root folder. ◆ Web URL. Click the Change the Remove server’s Web URL link, enter an HTTP Web URL address for your site, and then click Save. NOTE The HTTP Address field is useful if you are using absolute paths to refer to local files within your site, and for the link checker to determine if your links refer to your own site. ◆ Case-sensitive Links Checking. Select to check your links to make sure the case of the links matches the case of the filenames. This option is useful on UNIX systems where file names are case-sensitive. NOTE This option is only for checking in Dreamweaver, and does not impact how the links are used on the server. ◆ Enable Cache. Select to maintain file and asset information in a separate cache file (recommended), which speeds up most Dreamweaver operations. Click Save, and then click OK to cache files, if necessary. Click Done to close the Manage Sites dialog box. 8 7 6 6 4 5 7 From the Library of Wow! eBook ptg 478 Chapter 20 In order to publish your site, you will first have to define the remote site, and then upload the files to a remote folder on that site. A remote folder is where you store your files for testing and publication. Dreamweaver defines this folder as the remote site. You can define the remote server at any time during the development process. However, before you can define the remote site, you must have access to a remote Web server, such as your ISP's server, and you will need infor- mation such as: path, password, and login ID. You’ll also need to find out the best access method, either FTP (File Transfer Protocol), SFTP (Secure File Transfer Protocol), Local/Network, WebDAV (Web-based Distributed Authoring and Versioning), or RDS (Remote Data Services). Once you have this information, you simply add it to the setup for the working site. Defining Remote Info for a Site Define the Remote Info for a Site Click the Site menu, point to Manage Sites, click New, and then click Site, or select a site, and then click Edit. Click the Servers category. Click the Add New Server button, or select an existing server, and then click the Edit Existing Server button. Click the Basic tab. Enter or revise a server name. Click the Connect Using list arrow, select a remote server, and then specify the following information for the remote server: ◆ FTP or SFTP. Select if you connect to your remote server using File Transfer Protocol (FTP) or Secure FTP, which is useful for fast file transfer and working remotely. ◆ FTP Address. Enter the FTP address or IP address that calls the server, and then specify a port number as needed. ◆ Username. Enter your login name to access the server. 6 5 4 3 2 1 2 3 Use to add, delete, edit, and duplicate servers. 4 6 5 From the Library of Wow! eBook . server location to upload the site files to the Web server and creates a place to act like a public server to test the applications and connections to the database. (New!) ◆ Version Control if necessary. Click Done to close the Manage Sites dialog box. 6 5 Contribute options Tem pla tes op tio ns See Also See “Creating a Web Site” on page 18 for information on using the Basic tab. filenames. This option is useful on UNIX systems where file names are case-sensitive. NOTE This option is only for checking in Dreamweaver, and does not impact how the links are used on the server. ◆