Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Usability

  • Print
  • + Share This
From the author of Defining the Local Site

Defining the Local Site

Let's get going with creating the site definition. We'll start by entering the information for the local site. Follow these steps:

  1. In Dreamweaver CS6, choose Site > New Site, or click the Dreamweaver Site button on the Welcome Screen (see Figure 1

).
  • When the Site Setup dialog appears, the Site category will already be selected. Enter the name you want for your site in the Site Name field, as shown in Figure 2

  • . This name is for your use only; the site's users won't see it.

  • Now you need to create the local site folder, and not surprisingly you'll do that in the Local Site Folder field. Click the folder icon to the right of the text field, which brings up the Choose Root Folder dialog, and browse to the folder on your hard disk that contains (or will contain) the files for your site. If the folder doesn't already exist, click the New Folder button in the dialog and then name and save the folder. If you're working on Windows, select the local site folder in the Choose Root Folder dialog, click Open, and then click the Select button. On a Mac, select the folder in the dialog and click the Choose button. The dialog closes, returning you to the Site Setup dialog.
  • The Local Site Folder field now shows the path to the folder you just selected, as seen earlier in Figure 2

    . That's all you absolutely must do to define a site and get started with it in Dreamweaver. If you like, you can click the Save button and start working on designing your site. As you build your site and Dreamweaver needs additional information, it will prompt you as needed. But you'll find that your life is easier if you complete two other items in the Site Setup dialog first, so let's go ahead and do that.

  • Click the Advanced Settings category in the Site Setup dialog to display the Advanced Settings subcategories. Notice that the Local Info subcategory is selected (see Figure 3

    ).
  • Figure 3

  • Click the folder icon next to the Default Images Folder field. This action brings up the Choose Image Folder dialog inside the local root folder. In that dialog, click the New Folder button to create the images folder, and name the new folder images. The dialog will now show the contents of the site root folder, containing the new images folder. On Windows, click Select; on Mac, click Choose. Dreamweaver will take you back to the Local Info subcategory, where the path to your new images folder is displayed in the Default Images Folder field.
  • In the Web URL field, enter the web address of your site (don't forget the leading http://). When you're done, the dialog should look something like Figure 4

    .
  • Click Save, and your local site definition is done.
  • Figure 4

    Related Resources