User Guide
Page 4
... Dreamweaver work area 72 About the different views in Dreamweaver 73 Working with colors 87 About Web-safe colors 88 Setting preferences 88 Using Dreamweaver with other applications 89 Basic Customizing in Dreamweaver 90 CHAPTER 3 Planning and Setting Up Your Site 95 About site planning and design 95 Using Dreamweaver to set up a new site 102 Editing an existing Web site 104 Editing a remote site 105 Removing a site from your list of sites 106 CHAPTER 4 Site Management...
... Dreamweaver work area 72 About the different views in Dreamweaver 73 Working with colors 87 About Web-safe colors 88 Setting preferences 88 Using Dreamweaver with other applications 89 Basic Customizing in Dreamweaver 90 CHAPTER 3 Planning and Setting Up Your Site 95 About site planning and design 95 Using Dreamweaver to set up a new site 102 Editing an existing Web site 104 Editing a remote site 105 Removing a site from your list of sites 106 CHAPTER 4 Site Management...
User Guide
Page 90
... to suit your needs. The Keyboard Shortcut dialog box appears containing several options you can select and commands you can set up your work area without knowing complex code or editing text files. Duplicate Set button Delete Set button Save as HTML File button Rename Icon button 90 Chapter 2 To access the Keyboard Shortcut Editor: Choose Edit > Keyboard Shortcuts. Basic Customizing in Dreamweaver There are some basic techniques you can use to customize Dreamweaver to create...
... to suit your needs. The Keyboard Shortcut dialog box appears containing several options you can select and commands you can set up your work area without knowing complex code or editing text files. Duplicate Set button Delete Set button Save as HTML File button Rename Icon button 90 Chapter 2 To access the Keyboard Shortcut Editor: Choose Edit > Keyboard Shortcuts. Basic Customizing in Dreamweaver There are some basic techniques you can use to customize Dreamweaver to create...
User Guide
Page 91
... Application). Press key displays the new key combination you 've defined. You can use them by name (for this set, the Dreamweaver 3 set is the one of thee code editing commands, such as the Open File command, or one that weren't in Dreamweaver 3, you selected from the list of shortcuts. The predetermined sets are included with the shortcuts found in Dreamweaver 3. Command List displays the commands associated with the category you can assign two different keyboard shortcuts...
... Application). Press key displays the new key combination you 've defined. You can use them by name (for this set, the Dreamweaver 3 set is the one of thee code editing commands, such as the Open File command, or one that weren't in Dreamweaver 3, you selected from the list of shortcuts. The predetermined sets are included with the shortcuts found in Dreamweaver 3. Command List displays the commands associated with the category you can assign two different keyboard shortcuts...
User Guide
Page 123
..., Dreamweaver opens that server. Site Management and Collaboration 123 When you will be located-that is highlighted in the Remote Site view of the Site window. If you encounter problems setting up a remote site, create a local site (which of your locally defined sites the current file belongs to it, or download files from your desktop. See "Using Dreamweaver to set up a new site" on page 130. Your client, employer...
..., Dreamweaver opens that server. Site Management and Collaboration 123 When you will be located-that is highlighted in the Remote Site view of the Site window. If you encounter problems setting up a remote site, create a local site (which of your locally defined sites the current file belongs to it, or download files from your desktop. See "Using Dreamweaver to set up a new site" on page 130. Your client, employer...
User Guide
Page 124
... of the following Server Access options: • Use None if you are running a Web server on your site files are added and deleted, select the Refresh Remote File List Automatically option; see "Using Dreamweaver to set up menu in the Site window (Windows) or Site > Site Files View > Refresh Remote (Macintosh). • Use FTP if you connect to and select the folder where your local machine. for increased speed when copying files to update automatically as...
... of the following Server Access options: • Use None if you are running a Web server on your site files are added and deleted, select the Refresh Remote File List Automatically option; see "Using Dreamweaver to set up menu in the Site window (Windows) or Site > Site Files View > Refresh Remote (Macintosh). • Use FTP if you connect to and select the folder where your local machine. for increased speed when copying files to update automatically as...
User Guide
Page 165
... Commands > Edit Command List. 2 Select a command to rename and enter a new name for the command and click OK. Note: The command is , commands that you've placed in the Commands menu, and you start Dreamweaver; To use a saved command: 1 Select an object to apply the command to, or place the insertion point where you copy something else. Setting Up a Document 165 saved commands are retained permanently (unless you delete them from the Commands menu, using Commands > Edit Command List. The command appears in your Dreamweaver/Configuration/Commands folder...
... Commands > Edit Command List. 2 Select a command to rename and enter a new name for the command and click OK. Note: The command is , commands that you've placed in the Commands menu, and you start Dreamweaver; To use a saved command: 1 Select an object to apply the command to, or place the insertion point where you copy something else. Setting Up a Document 165 saved commands are retained permanently (unless you delete them from the Commands menu, using Commands > Edit Command List. The command appears in your Dreamweaver/Configuration/Commands folder...
User Guide
Page 268
... the Objects panel. • Place the insertion point where you want to copy the file to the desired location in the current site. To ensure that this reference is not in Dreamweaver. then skip to step 3. • Drag an image from the Site Window to the root folder. For example, you can use the Property inspector to add links to inserting images in the Document window...
... the Objects panel. • Place the insertion point where you want to copy the file to the desired location in the current site. To ensure that this reference is not in Dreamweaver. then skip to step 3. • Drag an image from the Site Window to the root folder. For example, you can use the Property inspector to add links to inserting images in the Document window...
User Guide
Page 329
... a menu that it . Design view always displays error highlighting. Editing HTML in the tag. To turn off , choose Highlight Invalid HTML from the Options menu in the Code view (or Code inspector). For example, you open , and removes extra closing tags when you switch back to remain open an existing HTML document. The following are used to correct the error. To view information about another tag, object, or style, select a new one...
... a menu that it . Design view always displays error highlighting. Editing HTML in the tag. To turn off , choose Highlight Invalid HTML from the Options menu in the Code view (or Code inspector). For example, you open , and removes extra closing tags when you switch back to remain open an existing HTML document. The following are used to correct the error. To view information about another tag, object, or style, select a new one...
User Guide
Page 330
... makes the Code view or inspector a useful tool for learning HTML if you don't already know it, or for reminding yourself of CFML or ASP code in the Document window whenever possible. • Dreamweaver does not change content in the Design view, Dreamweaver immediately displays the changes in the Code view or inspector. See "Editing ColdFusion and Active Server files in Dreamweaver" on by which to display the toolbar.) Dreamweaver never...
... makes the Code view or inspector a useful tool for learning HTML if you don't already know it, or for reminding yourself of CFML or ASP code in the Document window whenever possible. • Dreamweaver does not change content in the Design view, Dreamweaver immediately displays the changes in the Code view or inspector. See "Editing ColdFusion and Active Server files in Dreamweaver" on by which to display the toolbar.) Dreamweaver never...
User Guide
Page 333
... that you select an invalid tag, Dreamweaver displays information in the toolbar. (Choose View > Toolbar to make it does not support) in the code editors. To access the Options menu, the Code view (or Code inspector) must be active. This setting does not insert line breaks, but makes the code easier to correct the error. • Syntax Coloring marks the different parts of your code indent automatically. To change the colors, see "Setting Code Format preferences...
... that you select an invalid tag, Dreamweaver displays information in the toolbar. (Choose View > Toolbar to make it does not support) in the code editors. To access the Options menu, the Code view (or Code inspector) must be active. This setting does not insert line breaks, but makes the code easier to correct the error. • Syntax Coloring marks the different parts of your code indent automatically. To change the colors, see "Setting Code Format preferences...
User Guide
Page 338
... view determines the mode in the Design view Use the Quick Tag Editor to quickly inspect and edit the HTML source of the Quick Tag Editor is to correct it for non-HTML files: 1 Choose Edit > Preferences, then select File Types/Editors. 2 In the Open in Code view. The easiest way to open the Quick Tag Editor is the same: you want. You can set the default...
... view determines the mode in the Design view Use the Quick Tag Editor to quickly inspect and edit the HTML source of the Quick Tag Editor is to correct it for non-HTML files: 1 Choose Edit > Preferences, then select File Types/Editors. 2 In the Open in Code view. The easiest way to open the Quick Tag Editor is the same: you want. You can set the default...
User Guide
Page 366
...fine Sites. 2 Select the site in Dreamweaver: 1 Choose Edit > Preferences, then select the General category. 2 Select Always or Prompt from the Update Links when Moving Files pop-up menu and click OK. The first time you change . Managing links Dreamweaver can update links to and from a document whenever you move or rename it. (For specific instructions on what to do when you delete a file, see...
...fine Sites. 2 Select the site in Dreamweaver: 1 Choose Edit > Preferences, then select the General category. 2 Select Always or Prompt from the Update Links when Moving Files pop-up menu and click OK. The first time you change . Managing links Dreamweaver can update links to and from a document whenever you move or rename it. (For specific instructions on what to do when you delete a file, see...
User Guide
Page 383
... as in the text box). To change the highlight color from its default to enable or disable the display of a template. Highlight colors appear in the document window only when View > Visual Aids > Invisible Elements is enabled and the appropriate options are not, choose Edit > Preferences and make sure that the Show option next to customize the highlight colors for Locked Regions. Setting template preferences You can use the Dreamweaver highlighting preferences to...
... as in the text box). To change the highlight color from its default to enable or disable the display of a template. Highlight colors appear in the document window only when View > Visual Aids > Invisible Elements is enabled and the appropriate options are not, choose Edit > Preferences and make sure that the Show option next to customize the highlight colors for Locked Regions. Setting template preferences You can use the Dreamweaver highlighting preferences to...
User Guide
Page 457
... that the user should appear if the content extends beyond the visible area. Menu Bar is the row of the browser window (Windows) or the desktop (Macintosh) where menus such as the load time remaining and the URLs associated with JavaScript. You should explicitly set , the resize controls are not listed, change the target browser in the upper right corner. Using Behaviors 457 Status Bar...
... that the user should appear if the content extends beyond the visible area. Menu Bar is the row of the browser window (Windows) or the desktop (Macintosh) where menus such as the load time remaining and the URLs associated with JavaScript. You should explicitly set , the resize controls are not listed, change the target browser in the upper right corner. Using Behaviors 457 Status Bar...
User Guide
Page 569
... images Grayscale color palette 87 grid as guide 157 showing 174, 416 snap to 174 snapping layers to a Web server 124 determining a host directory 126 log 144 transferring files with 124 troubleshooting 130 FTP Host Name field 125 G General preferences 88 Generator objects, overview 309 Get and Put Newer Files option 146 Get command 143 Get More Behaviors command 443 Get Newer Files from Remote option 146...
... images Grayscale color palette 87 grid as guide 157 showing 174, 416 snap to 174 snapping layers to a Web server 124 determining a host directory 126 log 144 transferring files with 124 troubleshooting 130 FTP Host Name field 125 G General preferences 88 Generator objects, overview 309 Get and Put Newer Files option 146 Get command 143 Get More Behaviors command 443 Get Newer Files from Remote option 146...
User Guide
Page 571
... J Java applets inserting 297, 318 overview 318 properties 318 resizing 272 JavaScript actions 436 alerts 458 executing 446 extending Dreamweaver 536 files 150 inserting scripts 335 JavaScript debugger 473 logical errors 476 running 473 setting breakpoints 477 step in Layout view 174 preloading (behavior) 459 properties 269 resizing visually 272 restoring swapped (behavior) 468 scalability 272 shortcuts 553 swapping (behavior) 467 Import Table Data command...
... J Java applets inserting 297, 318 overview 318 properties 318 resizing 272 JavaScript actions 436 alerts 458 executing 446 extending Dreamweaver 536 files 150 inserting scripts 335 JavaScript debugger 473 logical errors 476 running 473 setting breakpoints 477 step in Layout view 174 preloading (behavior) 459 properties 269 resizing visually 272 restoring swapped (behavior) 468 scalability 272 shortcuts 553 swapping (behavior) 467 Import Table Data command...
Getting Started Guide
Page 267
... > Advanced > Deploy Supporting Files. ■ Consult Chapter 29, "Troubleshooting Database Connections," in the Databases panel. For more information, see "Specifying where dynamic pages can be processed" on page 197. For example, you might enter this path for the folder Dreamweaver uses to the database. ■ Check the settings for a database on your hard disk or the remote computer's hard disk. The Access database does not require a user ID or password. 8. The new connection appears in Using Dreamweaver (Help > Using Dreamweaver). 9. Delete...
... > Advanced > Deploy Supporting Files. ■ Consult Chapter 29, "Troubleshooting Database Connections," in the Databases panel. For more information, see "Specifying where dynamic pages can be processed" on page 197. For example, you might enter this path for the folder Dreamweaver uses to the database. ■ Check the settings for a database on your hard disk or the remote computer's hard disk. The Access database does not require a user ID or password. 8. The new connection appears in Using Dreamweaver (Help > Using Dreamweaver). 9. Delete...
Getting Started Guide
Page 271
... Configuring your installation (see "Checking for Macintosh or Windows users) WINDOWS PC Dreamweaver IIS Website root folder in c:\Inetpub\wwwroot\ MAC or WINDOWS PC Dreamweaver Network or ftp access WINDOWS SERVER IIS Website root folder in c:\Inetpub\wwwroot\ To configure your system: 1. If necessary, install an application server (see "Creating a root folder" on page 273). 4. The following illustration shows the two configurations described in this section: Local configuration (for Windows users only) Remote server configuration (for a web server" on page 272). 3. Make...
... Configuring your installation (see "Checking for Macintosh or Windows users) WINDOWS PC Dreamweaver IIS Website root folder in c:\Inetpub\wwwroot\ MAC or WINDOWS PC Dreamweaver Network or ftp access WINDOWS SERVER IIS Website root folder in c:\Inetpub\wwwroot\ To configure your system: 1. If necessary, install an application server (see "Creating a root folder" on page 273). 4. The following illustration shows the two configurations described in this section: Local configuration (for Windows users only) Remote server configuration (for a web server" on page 272). 3. Make...
Getting Started Guide
Page 287
...289). Installing the web server and application server are one-time-only tasks. Create a root folder (see "Checking for Macintosh or Windows users) WINDOWS PC Dreamweaver IIS JSP application server Website root folder in c:\Inetpub\wwwroot\ MAC or WINDOWS PC Dreamweaver Network or ftp access WINDOWS SERVER IIS JSP application server Website root folder in c:\Inetpub\wwwroot\ To configure your system (JSP) 287 The following illustration shows the two configurations described in this section: Local configuration (for Windows users only) Remote server configuration (for a web server...
...289). Installing the web server and application server are one-time-only tasks. Create a root folder (see "Checking for Macintosh or Windows users) WINDOWS PC Dreamweaver IIS JSP application server Website root folder in c:\Inetpub\wwwroot\ MAC or WINDOWS PC Dreamweaver Network or ftp access WINDOWS SERVER IIS JSP application server Website root folder in c:\Inetpub\wwwroot\ To configure your system (JSP) 287 The following illustration shows the two configurations described in this section: Local configuration (for Windows users only) Remote server configuration (for a web server...
Getting Started Guide
Page 298
... http://support.microsoft.com/default.aspx?scid=kb;en-us;300596. ■ If the remote computer runs Windows XP, see "Installing the bridge driver" on a Windows system" in Dreamweaver: 1. For instructions, see Article 305599 at http://msdn.microsoft.com/data/mdac/downloads/. To create a database connection in Using Dreamweaver. Make sure the Microsoft Access Driver, version 4.0 or higher, is already installed, see "Viewing the ODBC drivers installed on page 296. Open any JSP page in Dreamweaver. Set...
... http://support.microsoft.com/default.aspx?scid=kb;en-us;300596. ■ If the remote computer runs Windows XP, see "Installing the bridge driver" on a Windows system" in Dreamweaver: 1. For instructions, see Article 305599 at http://msdn.microsoft.com/data/mdac/downloads/. To create a database connection in Using Dreamweaver. Make sure the Microsoft Access Driver, version 4.0 or higher, is already installed, see "Viewing the ODBC drivers installed on page 296. Open any JSP page in Dreamweaver. Set...