API Reference
Page 2
... any such license, no responsibility or liability for real time or live broadcasts. Government End Users. For U.S. Adobe® Dreamweaver® CS3 API Reference for obtaining this guide is protected under the copyright laws of such material into your project may be... at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. Adobe, the Adobe logo, ActionScript, Adobe Bridge, ColdFusion, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, HomeSite, JRun, Photoshop, Shockwave, and Version Cue are used or copied only in the United States. http...
... any such license, no responsibility or liability for real time or live broadcasts. Government End Users. For U.S. Adobe® Dreamweaver® CS3 API Reference for obtaining this guide is protected under the copyright laws of such material into your project may be... at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. Adobe, the Adobe logo, ActionScript, Adobe Bridge, ColdFusion, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, HomeSite, JRun, Photoshop, Shockwave, and Version Cue are used or copied only in the United States. http...
User Guide
Page 2
... CS3 video is subject to U.S. MPEG Layer-3 audio compression technology licensed by the Apache Software Foundation (http://www.apache.org/). Consistent with all other countries. The content of this guide is a Service Mark property of Linus Torvalds in the U.S. Adobe, the Adobe logo, ActionScript, ColdFusion, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, HomeSite, JRun, Photoshop...
... CS3 video is subject to U.S. MPEG Layer-3 audio compression technology licensed by the Apache Software Foundation (http://www.apache.org/). Consistent with all other countries. The content of this guide is a Service Mark property of Linus Torvalds in the U.S. Adobe, the Adobe logo, ActionScript, ColdFusion, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, HomeSite, JRun, Photoshop...
User Guide
Page 4
... Previewing pages in browsers 298 Previewing pages in mobile devices 300 Chapter 11: Working with page code About coding in Dreamweaver 301 Setting up your coding environment 307 Customizing the coding environment 308 Writing and editing code 313 Collapsing code 324 Optimizing...Working with server-side includes 340 Managing tag libraries 343 Importing custom tags into Dreamweaver 345 Chapter 12: Adding JavaScript behaviors Using JavaScript behaviors 347 Applying built-in Dreamweaver behaviors 350 Chapter 13: Working with other applications Cross-application integration 366 Working ...
... Previewing pages in browsers 298 Previewing pages in mobile devices 300 Chapter 11: Working with page code About coding in Dreamweaver 301 Setting up your coding environment 307 Customizing the coding environment 308 Writing and editing code 313 Collapsing code 324 Optimizing...Working with server-side includes 340 Managing tag libraries 343 Importing custom tags into Dreamweaver 345 Chapter 12: Adding JavaScript behaviors Using JavaScript behaviors 347 Applying built-in Dreamweaver behaviors 350 Chapter 13: Working with other applications Cross-application integration 366 Working ...
User Guide
Page 10
... impairments, blindness, and low vision. For instance, if you see a Help topic with an Adobe Photoshop® CS3 icon and an Adobe After Effects® CS3 icon, you start the Adobe Help Viewer, click Browse to additional content on the web. • Some topics are underlined for...8226; You can search across two or more products. Previous/Next buttons (topics in sequential order) Accessibility features Adobe Help content is available through the Help menu. DREAMWEAVER CS3 3 User Guide A printed workflow guide is included with all the words in the phrase. Icons indicating shared...
... impairments, blindness, and low vision. For instance, if you see a Help topic with an Adobe Photoshop® CS3 icon and an Adobe After Effects® CS3 icon, you start the Adobe Help Viewer, click Browse to additional content on the web. • Some topics are underlined for...8226; You can search across two or more products. Previous/Next buttons (topics in sequential order) Accessibility features Adobe Help content is available through the Help menu. DREAMWEAVER CS3 3 User Guide A printed workflow guide is included with all the words in the phrase. Icons indicating shared...
User Guide
Page 14
... the corresponding tool. Once installed, plug-in modules appear as file formats in your Adobe software. For example, a number of your application folder. If you how to use Dreamweaver CS3 with other Adobe software: • Designing websites with Dreamweaver and Photoshop • Using Dreamweaver templates with Contribute® • Importing, copying and pasting between web applications To...
... the corresponding tool. Once installed, plug-in modules appear as file formats in your Adobe software. For example, a number of your application folder. If you how to use Dreamweaver CS3 with other Adobe software: • Designing websites with Dreamweaver and Photoshop • Using Dreamweaver templates with Contribute® • Importing, copying and pasting between web applications To...
User Guide
Page 19
.... DREAMWEAVER CS3 12 User Guide Advanced Photoshop CS3 integration Dreamweaver includes enhanced integration with XMP metadata tagging and searching capabilities. Dreamweaver presents a dialog box where you know the solution, or, if you ever need more . In code view, issues are flagged with a number of a document to show accurate rendering as headers and footers). See "Working with Adobe...
.... DREAMWEAVER CS3 12 User Guide Advanced Photoshop CS3 integration Dreamweaver includes enhanced integration with XMP metadata tagging and searching capabilities. Dreamweaver presents a dialog box where you know the solution, or, if you ever need more . In code view, issues are flagged with a number of a document to show accurate rendering as headers and footers). See "Working with Adobe...
User Guide
Page 31
DREAMWEAVER CS3 24 User Guide Visual guides overview Dreamweaver provides several kinds of ways to migrate your sites to Dreamweaver. See also "Using visual aids for precise positioning and resizing of the following : • Instantly snap the Document window to a desired window size to see www.adobe.com/go... users If you have been using GoLive and want to switch to working with Dreamweaver, you can find an online introduction to the Dreamweaver workspace and workflow, as well as Adobe® Photoshop® or Adobe® Fireworks®. • Use rulers and guides to provide a visual...
DREAMWEAVER CS3 24 User Guide Visual guides overview Dreamweaver provides several kinds of ways to migrate your sites to Dreamweaver. See also "Using visual aids for precise positioning and resizing of the following : • Instantly snap the Document window to a desired window size to see www.adobe.com/go... users If you have been using GoLive and want to switch to working with Dreamweaver, you can find an online introduction to the Dreamweaver workspace and workflow, as well as Adobe® Photoshop® or Adobe® Fireworks®. • Use rulers and guides to provide a visual...
User Guide
Page 260
... in the HTML source code to the image are not in effect; To use the Fireworks integration features, open the original PNG file. DREAMWEAVER CS3 253 User Guide Preload Rollover Image Preloads the images in the Property inspector. Enter the path or click Browse and select the file. If...link for the file type. You can set preferences to start a different image editor when you can select multiple image editors. See also "Working with Photoshop" on page 374 "Working with Fireworks" on page 367 "Start an external editor for viewers using a text-only browser. Note: When you can ...
... in the HTML source code to the image are not in effect; To use the Fireworks integration features, open the original PNG file. DREAMWEAVER CS3 253 User Guide Preload Rollover Image Preloads the images in the Property inspector. Enter the path or click Browse and select the file. If...link for the file type. You can set preferences to start a different image editor when you can select multiple image editors. See also "Working with Photoshop" on page 374 "Working with Fireworks" on page 367 "Start an external editor for viewers using a text-only browser. Note: When you can ...
User Guide
Page 373
... information about the scripts for your web design workflow. Product integration is also limited integration with some other applications Adobe® Dreamweaver® CS3 integrates with many Adobe applications, including Flash, Fireworks, Adobe® Photoshop®, and Adobe® Bridge. This folder contains the Design Notes that code updates are not disabled for them. For a tutorial on...
... information about the scripts for your web design workflow. Product integration is also limited integration with some other applications Adobe® Dreamweaver® CS3 integrates with many Adobe applications, including Flash, Fireworks, Adobe® Photoshop®, and Adobe® Bridge. This folder contains the Design Notes that code updates are not disabled for them. For a tutorial on...
User Guide
Page 374
..., and Fireworks integration" on page 102 DREAMWEAVER CS3 367 User Guide Working with Fireworks Insert a Fireworks image Dreamweaver and Fireworks recognize and share many of the same file-editing procedures, including changes to set Photoshop as the default editor for these file types. When the image is ... for editing, do one of the Insert bar, click the Image button or drag it . Fireworks is part of a Fireworks table, Dreamweaver starts Fireworks, which the image or table was exported. Together, the two applications provide a streamlined workflow for JPEG and GIF files, although...
..., and Fireworks integration" on page 102 DREAMWEAVER CS3 367 User Guide Working with Fireworks Insert a Fireworks image Dreamweaver and Fireworks recognize and share many of the same file-editing procedures, including changes to set Photoshop as the default editor for these file types. When the image is ... for editing, do one of the Insert bar, click the Image button or drag it . Fireworks is part of a Fireworks table, Dreamweaver starts Fireworks, which the image or table was exported. Together, the two applications provide a streamlined workflow for JPEG and GIF files, although...
User Guide
Page 381
... files (PSD format) into the web page. Dreamweaver opens the source file in Photoshop. • In Photoshop, make your image as a regular Photoshop file (PSD). September 4, 2007 For a tutorial about working with Photoshop and Dreamweaver, see www.adobe.com/go /vid0200. Then select all or part of ... unnecessary handling between the local site and the remote server. DREAMWEAVER CS3 374 User Guide Working with Photoshop About Photoshop integration You can also select slices or layers in a Photoshop image, and then use Dreamweaver to insert them as images in web pages. Use the...
... files (PSD format) into the web page. Dreamweaver opens the source file in Photoshop. • In Photoshop, make your image as a regular Photoshop file (PSD). September 4, 2007 For a tutorial about working with Photoshop and Dreamweaver, see www.adobe.com/go /vid0200. Then select all or part of ... unnecessary handling between the local site and the remote server. DREAMWEAVER CS3 374 User Guide Working with Photoshop About Photoshop integration You can also select slices or layers in a Photoshop image, and then use Dreamweaver to insert them as images in web pages. Use the...
User Guide
Page 382
DREAMWEAVER CS3 375 User Guide See also "Insert a Photoshop image into your page" on page 375 "Copy a Photoshop selection into your page" on page 375 "Use Photoshop to edit images in Dreamweaver pages" on page 376 Insert a Photoshop image into your page 1 In Dreamweaver (Design or Code view), place the insertion point ... you can click the Optimize button on page 378 Copy a Photoshop selection into your Dreamweaver page as the filename and location of the original PSD file, is saved to edit the original Photoshop source file from Dreamweaver. You can copy all or some of the file saved in...
DREAMWEAVER CS3 375 User Guide See also "Insert a Photoshop image into your page" on page 375 "Copy a Photoshop selection into your page" on page 375 "Use Photoshop to edit images in Dreamweaver pages" on page 376 Insert a Photoshop image into your page 1 In Dreamweaver (Design or Code view), place the insertion point ... you can click the Optimize button on page 378 Copy a Photoshop selection into your Dreamweaver page as the filename and location of the original PSD file, is saved to edit the original Photoshop source file from Dreamweaver. You can copy all or some of the file saved in...
User Guide
Page 383
... and also asks if you have enabled Design Notes for copying. 2 In Dreamweaver (Design or Code view), place the insertion point on copying and pasting between different applications, including Dreamweaver and Photoshop, see www.adobe.com/go/vid0193. Information about the image, such as needed and click Export...and lower layers into the clipboard. DREAMWEAVER CS3 376 User Guide • Copy a slice by using the Slice Select tool to your optimization settings and places a web-ready version of the file saved in your page. You can edit, in Photoshop, either the original PSD source image...
... and also asks if you have enabled Design Notes for copying. 2 In Dreamweaver (Design or Code view), place the insertion point on copying and pasting between different applications, including Dreamweaver and Photoshop, see www.adobe.com/go/vid0193. Information about the image, such as needed and click Export...and lower layers into the clipboard. DREAMWEAVER CS3 376 User Guide • Copy a slice by using the Slice Select tool to your optimization settings and places a web-ready version of the file saved in your page. You can edit, in Photoshop, either the original PSD source image...
User Guide
Page 384
DREAMWEAVER CS3 377 User Guide Edit the original PSD source file in Photoshop 1 In Dreamweaver, select a web-ready image that was created in the left -hand panel. • To add or change the external editor for JPEG, GIF, and PNG file types. Note: This assumes that Photoshop is no Photoshop PSD file ...the Optimize button in the image's Property inspector or by default as the primary external image editor for the new image. 1 In Dreamweaver, select a different Photoshop PSD file in one of the following ways: • Use the point-to-file icon to reset the image's size. It is...
DREAMWEAVER CS3 377 User Guide Edit the original PSD source file in Photoshop 1 In Dreamweaver, select a web-ready image that was created in the left -hand panel. • To add or change the external editor for JPEG, GIF, and PNG file types. Note: This assumes that Photoshop is no Photoshop PSD file ...the Optimize button in the image's Property inspector or by default as the primary external image editor for the new image. 1 In Dreamweaver, select a different Photoshop PSD file in one of the following ways: • Use the point-to-file icon to reset the image's size. It is...
User Guide
Page 385
...3 Select Constrain to see what the image looks like with a copied selection from the pop-up menu to see a version of the image with your Dreamweaver page with your view of the previewed image. September 4, 2007 See also "Optimization settings" on the File tab 1 Select the File tab. 2 Shrink...for that image in one of the saved color palette settings from a PSD file, the Image Preview dialog box does not appear. DREAMWEAVER CS3 378 User Guide Recopy a Photoshop image selection If you want to use a preset set of options. 3 Use the pointer tool to grab the previewed image and ...
...3 Select Constrain to see what the image looks like with a copied selection from the pop-up menu to see a version of the image with your Dreamweaver page with your view of the previewed image. September 4, 2007 See also "Optimization settings" on the File tab 1 Select the File tab. 2 Shrink...for that image in one of the saved color palette settings from a PSD file, the Image Preview dialog box does not appear. DREAMWEAVER CS3 378 User Guide Recopy a Photoshop image selection If you want to use a preset set of options. 3 Use the pointer tool to grab the previewed image and ...
User Guide
Page 386
... • (Optional) Color palette adjustments to it. Optimization settings When you insert an image file or copy part of an image from Photoshop, the Photoshop image is displayed. You can reapply optimization settings to eliminate colors and reduce file size • (Optional) Scale or export area for ...'s boundaries. Browse to the location you defined one of the following: • Drag the dotted border around the previewed image as needed. DREAMWEAVER CS3 379 User Guide 4 Change the shape of the placed image by choosing the Export Area option and doing one for your site or the...
... • (Optional) Color palette adjustments to it. Optimization settings When you insert an image file or copy part of an image from Photoshop, the Photoshop image is displayed. You can reapply optimization settings to eliminate colors and reduce file size • (Optional) Scale or export area for ...'s boundaries. Browse to the location you defined one of the following: • Drag the dotted border around the previewed image as needed. DREAMWEAVER CS3 379 User Guide 4 Change the shape of the placed image by choosing the Export Area option and doing one for your site or the...
User Guide
Page 387
The original Photoshop PSD file always remains untouched. Quality Use the slider to adjust various settings for your convenience in the Options tab and they vary depending on ... the same no matter what system or browser the viewer is using. September 4, 2007 DREAMWEAVER CS3 380 User Guide A web-ready image is one that can optimize a JPEG image by setting its color palette. When you insert a Photoshop image, the Image Preview dialog box allows you select only affect the exported version of...
The original Photoshop PSD file always remains untouched. Quality Use the slider to adjust various settings for your convenience in the Options tab and they vary depending on ... the same no matter what system or browser the viewer is using. September 4, 2007 DREAMWEAVER CS3 380 User Guide A web-ready image is one that can optimize a JPEG image by setting its color palette. When you insert a Photoshop image, the Image Preview dialog box allows you select only affect the exported version of...
User Guide
Page 391
DREAMWEAVER CS3 384 User Guide • Manage your photos: Import and edit photos from your digital camera card, group related photos in the Standard toolbar. • Press the Browse In Bridge shortcut from the keyboard: Control+Alt+O (Windows) or Command+Option+O (Macintosh). Start Bridge from Dreamweaver...Bridge installed, Dreamweaver displays an error message and you will need to define its optimization settings before placing them or dragging them or by way of Adobe Stock Photos. • Work with Photoshop" on Adobe Bridge and the web development workflow, see www.adobe.com/go/...
DREAMWEAVER CS3 384 User Guide • Manage your photos: Import and edit photos from your digital camera card, group related photos in the Standard toolbar. • Press the Browse In Bridge shortcut from the keyboard: Control+Alt+O (Windows) or Command+Option+O (Macintosh). Start Bridge from Dreamweaver...Bridge installed, Dreamweaver displays an error message and you will need to define its optimization settings before placing them or dragging them or by way of Adobe Stock Photos. • Work with Photoshop" on Adobe Bridge and the web development workflow, see www.adobe.com/go/...
User Guide
Page 395
DREAMWEAVER CS3 388 User Guide A repeating region A section of the document layout that is set so...Templates folder, and used this link when creating a template-based page.) Some users took advantage of the template author. Dreamweaver, Flash, and Photoshop. For example, you add a new document-relative link to a template file, it , all the document-relative links... that the template user can be edited in the Property inspector. The correct path in the template file, Dreamweaver would not update this inconsistency to create links that is the path from the Templates folder to the linked ...
DREAMWEAVER CS3 388 User Guide A repeating region A section of the document layout that is set so...Templates folder, and used this link when creating a template-based page.) Some users took advantage of the template author. Dreamweaver, Flash, and Photoshop. For example, you add a new document-relative link to a template file, it , all the document-relative links... that the template user can be edited in the Property inspector. The correct path in the template file, Dreamweaver would not update this inconsistency to create links that is the path from the Templates folder to the linked ...
User Guide
Page 396
... so that resides in the Templates folder. For more information, see the Dreamweaver TechNote on the Adobe website at www.adobe.com/go/f55d8739 See also "Link to documents using the Point-To-File...document one level up from the Templates folder, Dreamweaver would only do this if, for example, you had taken advantage of Dreamweaver's former practice of the linked files. DREAMWEAVER CS3 389 User Guide (a link to a version... the tag are not copied. Dreamweaver 8.01 added a preference that reside in the Dreamweaver, Flash, and Photoshop folders, not to edit those particular links.
... so that resides in the Templates folder. For more information, see the Dreamweaver TechNote on the Adobe website at www.adobe.com/go/f55d8739 See also "Link to documents using the Point-To-File...document one level up from the Templates folder, Dreamweaver would only do this if, for example, you had taken advantage of Dreamweaver's former practice of the linked files. DREAMWEAVER CS3 389 User Guide (a link to a version... the tag are not copied. Dreamweaver 8.01 added a preference that reside in the Dreamweaver, Flash, and Photoshop folders, not to edit those particular links.