adobe dreamweaver cs5 on demand part 77 docx

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

20

20 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

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

◆ 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

Templates options

See Also

See “Creating a Web Site” on page 18

for information on using the Basic tab

in the Site Setup dialog box

5

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

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

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