Adobe Dreamweaver CS3 Manuale Utente

USER GUIDEADOBE® DREAMWEAVER® CS3September 4, 2007

DREAMWEAVER CS3User Guide3A printed workflow guide is included with all Adobe Creative Suite® 3 products, and stand-alone Adobe productsmay include a

DREAMWEAVER CS3User Guide937 Click OK.Dreamweaver configures the site for WebDAV access. When you use the Check In or Check Out command on anysite fil

DREAMWEAVER CS3User Guide94A lock symbol appears beside the local file’s icon indicating that the file is now read-only.Important: If you check in the

DREAMWEAVER CS3User Guide95Check which files are newer on the local or remote site, without synchronizing❖ In the Files panel, do one of the followin

DREAMWEAVER CS3User Guide968 Verify the action that will be performed for each file.9 To change the action for a particular file, select the file, and

DREAMWEAVER CS3User Guide97Note: TheusrfolderisnormallyhiddeninFinder.However,youcanaccessitwiththeBrowsebuttoninDreamweaver.Note: Theactualresultsdis

DREAMWEAVER CS3User Guide98Note: If you have a one-button mouse, Control-click the file instead.Compare an open file to a remote fileYou can compare a

DREAMWEAVER CS3User Guide99Rolling back files (Contribute users)Roll back files (Contribute users)Dreamweaver automatically saves multiple versions of

DREAMWEAVER CS3User Guide100Note: DreamweaverexcludescloakedtemplatesandlibraryitemsfromGetandPutoperationsonly.Dreamweaverdoesnot exclude these items

DREAMWEAVER CS3User Guide1012 Right-click (Windows) or Control-click (Macintosh), then select Cloaking > Settings.3 Select the Cloak Files Ending W

DREAMWEAVER CS3User Guide102Storing file information in Design NotesAbout Design NotesDesign Notes are notes that you create for a file. Design Notes

DREAMWEAVER CS3User Guide4• Content supports high-contrast mode.• Graphics without captions include alternate text.• Each frame has a title to indicat

DREAMWEAVER CS3User Guide103Note: The Clean Up Design Notes command only deletes MNO (Design Notes) files. It does not delete the _notes folderor the

DREAMWEAVER CS3User Guide104Open Design Notes associated with a file❖ Do one of the following to open the Design Notes:• Open the file in the Document

DREAMWEAVER CS3User Guide105You should make sure that your pages look and work as expected in the browsers you’re targeting, that there are nobroken l

DREAMWEAVER CS3User Guide106“Apply the Check Browser behavior” on page 351“Validate tags” on page 328“Check for browser compatibility” on page 328Use

DREAMWEAVER CS3User Guide1074 If you selected an HTML report, select from the following reports:Combinable Nested Font Tags Creates a report that list

108Chapter 5: Managing assets and librariesThe Assets panel (in the same panel group as the Files panel), is the primary tool you use to organize your

DREAMWEAVER CS3User Guide109Note: If the library item contains links, the links may not work in the new site. Also, images in a library item aren’t co

DREAMWEAVER CS3User Guide110The Assets panel provides two ways to view assets:Site list Shows all of the assets in your site, including colors and URL

DREAMWEAVER CS3User Guide111Sort assets❖ Click a column heading.For example, to sort the list of images by type (so that all the GIF images are togeth

DREAMWEAVER CS3User Guide112Apply a color to text using the Assets panelThe Assets panel shows the colors you’ve already applied to various elements,

DREAMWEAVER CS3User Guide5ResourcesAdobe Video WorkshopThe Adobe Creative Suite 3 Video Workshop offers over 200 training videos covering a wide range

DREAMWEAVER CS3User Guide113Edit an assetWhen you edit an asset in the Assets panel, the behavior varies according to the asset type. For some assets,

DREAMWEAVER CS3User Guide114The assets are copied to their corresponding locations in the target site. Dreamweaver creates new folders in thetarget si

DREAMWEAVER CS3User Guide1152 Select the Favorites option at the top of the panel.3 Click the New Color or New URL button .4 Do one of the following:•

DREAMWEAVER CS3User Guide116Working with library itemsCreate a library itemLibrary items are elements that you want to reuse or update frequently thro

DREAMWEAVER CS3User Guide117Edit library items and update documentsWhen you edit a library item, you can update all documents that use that item. If y

DREAMWEAVER CS3User Guide1184 Click elsewhere, or press Enter (Windows) or Return (Macintosh).5 Specify whether to update documents that use the item

DREAMWEAVER CS3User Guide119Open Opens the library item’s source file for editing. This is equivalent to selecting the item in the Assets panel andcli

120Chapter 6: Creating pages with CSSAdobe® Dreamweaver® CS3 includes many features that help you use Cascading Style Sheets (CSS) to create stylesand

DREAMWEAVER CS3User Guide121h1 {font-size: 16 pixels;font-family: Helvetica;font-weight:bold;}An individual declaration consists of two parts, the pro

DREAMWEAVER CS3User Guide122To display the O’Reilly CSS reference guide included with Dreamweaver, select Help > Reference and select O’ReillyCSS R

DREAMWEAVER CS3User Guide6When you start the Adobe Video Workshop, you choose the products you want to learn and the subjects you wantto view. You can

DREAMWEAVER CS3User Guide123body {font-family: Arial;font-style: italic;}p {font-family: Courier;font-style: normal;}AllbodytextwillbeArialanditalicex

DREAMWEAVER CS3User Guide124For example, the h1 rule shown below uses longhand CSS syntax. Note that the font-variant, font-stretch,font-size-adjust,

DREAMWEAVER CS3User Guide125The CSS Styles panel in Current modeIn Current mode, the CSS Styles panel displays three panes: a Summary for Selection pa

DREAMWEAVER CS3User Guide126The Summary for Selection pane arranges properties in increasing order of specificity. In the above example, the tagstyle

DREAMWEAVER CS3User Guide127The CSS Styles panel in All modeIn All mode, the CSS Styles panel displays two panes: an All Rules pane (on top), and a Pr

DREAMWEAVER CS3User Guide128A. Category View B. List View C. Set Properties ViewCategory View Divides the Dreamweaver-supported CSS properties into ei

DREAMWEAVER CS3User Guide1292 Set the CSS style options you want to apply:When Creating CSS Rules Use Shorthand For Lets you select which CSS style pr

DREAMWEAVER CS3User Guide130Define CSS type propertiesYou use the Type category in the CSS Rule Definition dialog box to define basic font and type se

DREAMWEAVER CS3User Guide131Background Image Sets the background image for the element.The background image attribute is supported by bothbrowsers.Rep

DREAMWEAVER CS3User Guide132returns, is respected); Nowrap specifies that the text only wraps when a br tag is encountered. Dreamweaver doesnot displa

DREAMWEAVER CS3User Guide7• Creating rolloversVideos also show you how to use Dreamweaver CS3 with other Adobe software:• Designing websites with Drea

DREAMWEAVER CS3User Guide1333 In the CSS Rule Definition dialog box, select Border, and set any of the following style properties. (Leave theproperty

DREAMWEAVER CS3User Guide134• Relative places the content block using the coordinates entered in the Placement boxes relative to block’s positionin th

DREAMWEAVER CS3User Guide135Note: There are a number of other extension properties available in Dreamweaver, but to access them, you need to gothrough

DREAMWEAVER CS3User Guide1363 Do one of the following:• Double-click a rule in the All Rules pane to display the CSS Rule Definition dialog box, and t

DREAMWEAVER CS3User Guide137Place the insertion point in a paragraph to apply the style to the entire paragraph.If you select a range of text within a

DREAMWEAVER CS3User Guide138Move CSS rules to a new style sheet1Do one of the following:• In the CSS Styles panel, select the rule or rules you want t

DREAMWEAVER CS3User Guide1392 Right-click and select CSS Styles > Convert Inline CSS to Rule.3 In the Convert Inline CSS dialog box, enter a class

DREAMWEAVER CS3User Guide140See also“Create a page based on a Dreamweaver sample file” on page 73Edit a CSS style sheetA CSS style sheet typically inc

DREAMWEAVER CS3User Guide1412 Select Commands > Apply Source Formatting.The formatting options you set in CSS code formatting preferences are appli

DREAMWEAVER CS3User Guide142Select the element affected by a found issue❖ Double-click the issue in the Results panel.Jump to the next or previous fou

DREAMWEAVER CS3User Guide8and websites to DVD menus and video buttons. Each template file is professionally constructed and represents abest-use examp

DREAMWEAVER CS3User Guide143Note: Reportsarenotsavedautomatically;ifyouwanttokeepacopyofareport,youmustfollowtheaboveprocedureto save it.View a browse

DREAMWEAVER CS3User Guide144Use Dreamweaver sample style sheetsDreamweaver provides sample style sheets that you can apply to your pages or that you c

DREAMWEAVER CS3User Guide145Laying out pages with CSSAbout CSS page layoutA CSS page layout uses the Cascading Style Sheets format, rather than tradit

DREAMWEAVER CS3User Guide146A. Container div B. Sidebar div C. Main Content divFollowing is the code for all three div tags in the HTML:<!--contain

DREAMWEAVER CS3User Guide147Container div tag, 780 pixels, no marginA. Text aligned left B. White background C. 1-pixel solid black borderThe next CSS

DREAMWEAVER CS3User Guide148The #mainContent rule styles the main content div with a left margin of 250 pixels, which means that it places 250pixels o

DREAMWEAVER CS3User Guide149<div id="container"><!--sidebar div tag--><div id="sidebar"> <h3>Sidebar Co

DREAMWEAVER CS3User Guide1504 For Layout, select the CSS layout you want to use. You can choose from over 30 different layouts. The Previewwindow show

DREAMWEAVER CS3User Guide151To make your custom CSS layout consistent with the other layouts that come with Dreamweaver, you should saveyour HTML file

DREAMWEAVER CS3User Guide152<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title&

DREAMWEAVER CS3User Guide9Note: Bridge Home may not be available in all languages.Adobe Design CenterAdobe Design Center offers articles, inspiration,

DREAMWEAVER CS3User Guide153Insert an AP Div at a particular place in the document❖ Place the insertion point in the Document window, and then select

DREAMWEAVER CS3User Guide1542 In the Layout category of the Insert bar, click the Draw AP Div button .3 In the Document window’s Design view, drag to

DREAMWEAVER CS3User Guide155View or set properties for a single AP elementWhen you select an AP element, the Property inspector displays AP element pr

DREAMWEAVER CS3User Guide156Bg Color Specifies a background color for the AP element.Leave this option blank to specify a transparent background.Class

DREAMWEAVER CS3User Guide157The default unit for position and size is pixels (px). You can instead specify the following units: pc (picas), pt (points

DREAMWEAVER CS3User Guide158• Control-Shift-click (Windows) or Command-Shift-click (Macintosh) inside an AP element.• Click inside an AP element and p

DREAMWEAVER CS3User Guide159• A closed eye means the AP element is invisible.• If there is no eye icon, usually the AP element inherits visibility fro

DREAMWEAVER CS3User Guide160Move AP elementsYou can move AP elements in the Design view in much the same way that you move objects in most basic graph

DREAMWEAVER CS3User Guide161Convert between AP elements and tablesYou can create your layout using AP elements, then convert the AP elements to tables

DREAMWEAVER CS3User Guide162When this option is on, an AP element can’t be created in front of, moved or resized over, or nested within an existingAP

DREAMWEAVER CS3User Guide10New ideas are the heart of Think Tank, Dialog Box, and Gallery:• ThinkTankarticlesconsiderhowtoday’sdesignersengagewithtech

DREAMWEAVER CS3User Guide1633 Set any of the following options:Insert Lets you select the location of the div tag (either at the insertion point, befo

DREAMWEAVER CS3User Guide164Look for the highlighting to see the border.• Click inside the div tag, and press Control+A (Windows) or Command+A (Macint

DREAMWEAVER CS3User Guide165Dreamweaver provides a number of visual aids for viewing CSS layout blocks. For example, you can enable outlines,backgroun

DREAMWEAVER CS3User Guide1664 In Design view, open the page to which you want to attach the new styles.5 Select Text > CSS Styles > Design-time.

DREAMWEAVER CS3User Guide167A. Keyframes B. Timelines pop-up menu C. Frame numbers D. Behaviors channel E. Animation channel F. Animation bars G. Play

DREAMWEAVER CS3User Guide168Animate an AP element using the timelineThe most common kind of timeline animation involves moving an AP element along a p

DREAMWEAVER CS3User Guide1692 Move the AP element to where it should be when animation begins.Make sure you have selected the AP element; if the inser

DREAMWEAVER CS3User Guide170• Create a new keyframe by clicking a frame in the middle of the animation bar and choosing Modify > Timeline >Add K

DREAMWEAVER CS3User Guide171• Open another document, or create a new one, and then click in the Timelines panel.4 Paste the selection into the timelin

DREAMWEAVER CS3User Guide172• Extend animation bars to create smoother motion. If animation looks choppy and images jump betweenpositions, drag the en

DREAMWEAVER CS3User Guide11Adobe LabsAdobe Labs gives you the opportunity to experience and evaluate new and emerging technologies and products fromAd

173Chapter 7: Laying out pages with HTMLAdobe® Dreamweaver® CS3 provides layout tools that let you create web pages using HTML tables or frames. Theap

DREAMWEAVER CS3User Guide174Note: When you resize elements, such as absolutely-positioned elements (AP elements), tables, and images, the resizedeleme

DREAMWEAVER CS3User Guide175See also“Align AP elements” on page 160“Move AP elements” on page 160Use the layout gridThe grid displays a system of hori

DREAMWEAVER CS3User Guide176Place a tracing image in the Document window1Do one of the following:• Select View > Tracing Image > Load.• Select M

DREAMWEAVER CS3User Guide177Ifyoudonotseeawidthforthetableorforacolumn,thenthattableorcolumndoesnothaveaspecifiedwidthintheHTMLcode.Iftwonumbersappear

DREAMWEAVER CS3User Guide178Insert a table and add contentUse the Insert bar or the Insert menu to create a new table. Then, add text and images to ta

DREAMWEAVER CS3User Guide179You can also export table data from Dreamweaver into a text file, with the contents of adjacent cells separated by adelimi

DREAMWEAVER CS3User Guide180Select table elementsYou can select an entire table, row, or column at once. You can also select one or more individual ce

DREAMWEAVER CS3User Guide181• Click in the cell and select Edit > Select All.Select Edit > Select All again when a cell is selected to select th

DREAMWEAVER CS3User Guide182If you don’t explicitly assign values for the border, cell spacing, and cell padding, most browsers display the table with

DREAMWEAVER CS3User Guide12Advanced Photoshop CS3 integrationDreamweaver includes enhanced integration with Photoshop CS3. Now, designers can simply s

DREAMWEAVER CS3User Guide183Bydefault,abrowserchoosesarowheightandcolumnwidthtoaccommodateandthewidestimageorthelongestline in a column. This is why a

DREAMWEAVER CS3User Guide184A bar labeled Expanded Tables Mode appears across the top of the Document window. Dreamweaver adds cellpadding and spacing

DREAMWEAVER CS3User Guide185Resizing tables, columns, and rowsResizing tablesYou can resize an entire table or individual rows and columns. When you r

DREAMWEAVER CS3User Guide186Change a column’s width and maintain the size of the other columns❖ Hold the Shift key and drag the column’s border.The wi

DREAMWEAVER CS3User Guide187Add and remove rows and columnsTo add and remove rows and columns, use the Modify > Table or column header menu.Pressin

DREAMWEAVER CS3User Guide188Merge two or more cells in a table1Select the cells in a contiguous line and in the shape of a rectangle.In the following

DREAMWEAVER CS3User Guide189Copy, paste, and delete cellsYou can copy, paste, or delete a single table cell or multiple cells at once, preserving the

DREAMWEAVER CS3User Guide190If you are pasting entire rows or columns into an existing table, the rows or columns are added to the table. If you arepa

DREAMWEAVER CS3User Guide191Sort Footer Rows Specifies to sort all the rows in the table’s tfoot section (if any) using the same criteria as the bodyr

DREAMWEAVER CS3User Guide192You can lay out your page using several layout cells within one layout table, which is the most common approach toweb-page

Copyright© 2007 Adobe Systems Incorporated. All rights reserved.Adobe® Dreamweaver® CS3 User Guide for Windows® and Mac OSIf this guide is distributed

13Chapter 2: WorkspaceThe Adobe® Dreamweaver® CS3 workspace contains the toolbars, inspectors, and panels that you use to build webpages. You can cust

DREAMWEAVER CS3User Guide193See also“Using visual aids for layout” on page 173Fixed column width and autostretch columnsA table column in Layout mode

DREAMWEAVER CS3User Guide194A bar labeled Layout Mode appears across the top of the Document window. If there are tables on your page, theyappear as l

DREAMWEAVER CS3User Guide195To draw more than one layout cell without having to repeatedly select the menu item, Control-drag (Windows) orCommand-drag

DREAMWEAVER CS3User Guide196Draw a layout table around existing layout cells or tables1Make sure you are in Design View (View > Design).2 Make sure

DREAMWEAVER CS3User Guide197Resize and move layout cells and tablesTo adjust your page layout, you can move and resize layout cells and nested layout

DREAMWEAVER CS3User Guide198Hold down Shift while pressing an arrow key to move the table 10 pixels at a time.Format layout cells and tablesYou can se

DREAMWEAVER CS3User Guide199Make Widths Consistent Resets the width specified in the HTML for each cell in the table to match the width of thecontent

DREAMWEAVER CS3User Guide200Set a column to a fixed width❖ Do one of the following:• Click the column header menu, and then select Make Column Fixed W

DREAMWEAVER CS3User Guide201Note: The layout of your table might shift. If there is no content in some columns, the columns might disappearcompletely

DREAMWEAVER CS3User Guide202A frameset is an HTML file that defines the layout and properties of a set of frames, including the number of frames,thesi

DREAMWEAVER CS3User Guide14Create pages by hand codingCoding web pages by hand is another approach to creating pages. Dreamweaver provides easy-to-use

DREAMWEAVER CS3User Guide203Deciding whether to use framesThe most common use of frames is for navigation. A set of frames often includes one frame co

DREAMWEAVER CS3User Guide204Nested framesetsA frameset inside another frameset is called a nested frameset. A single frameset file can contain multipl

DREAMWEAVER CS3User Guide2052 Save every file that’s going to appear in a frame. Remember that each frame displays a separate HTML document,and you mu

DREAMWEAVER CS3User Guide2062 If you have set up Dreamweaver to prompt you for frame accessibility attributes, select a frame from the pop-upmenu, ent

DREAMWEAVER CS3User Guide207Note: You can’t remove a frameset entirely by dragging borders. To remove a frameset, close the Document window thatdispla

DREAMWEAVER CS3User Guide208Note: It’sgenerallyeasiertoselectframesetsintheFramespanelthanintheDocumentwindow.Formoreinformation,see the above topics.

DREAMWEAVER CS3User Guide209This saves all open documents in the frameset, including the frameset file and all framed documents. If the framesetfile h

DREAMWEAVER CS3User Guide210Border options are Yes (show borders), No (hide borders), and Default; most browsers default to showing borders,unless the

DREAMWEAVER CS3User Guide2112 In the Title box of the Document toolbar, type a name for the frameset document.When a visitor views the frameset in a b

DREAMWEAVER CS3User Guide212Note: When you select Relative from the Units menu, any number you’ve entered in the Value field disappears; if youwant to

DREAMWEAVER CS3User Guide15A. Insert bar B. Document toolbar C. Document window D. Panel groups E. Tag selec tor F. Property inspector G. Files panel

DREAMWEAVER CS3User Guide213• Select Window > Code Inspector, place the insertion point between the body tags that appear inside the noframestags,

214Chapter 8: Adding content to pagesYou can visually add content to your web pages without needing to know HTML. You can add text, images, FlashVideo

DREAMWEAVER CS3User Guide215Converting active contentDreamweaver repairs web pages that contain active content—content that requires users to click on

DREAMWEAVER CS3User Guide216Converting custom contentDreamweaver only converts param and embed tags that are contained within the identified object ta

DREAMWEAVER CS3User Guide217If you use both a background image and a background color, the color appears while the image downloads, and thenthe image

DREAMWEAVER CS3User Guide218Background Image Sets a background image. Click the Browse button, then browse to and select the image. Alter-natively, en

DREAMWEAVER CS3User Guide219Set title and encoding page propertiesYou can define the default font, font size, and colors for links, visited links, and

DREAMWEAVER CS3User Guide220See also“Viewing code” on page 307“Use the Insert bar” on page 28Select elements• To select a visible element in the Docum

DREAMWEAVER CS3User Guide221Note: A check mark next to the name of the element in the dialog box means the element is visible when View > VisualAid

DREAMWEAVER CS3User Guide222Set the HTML Appearance page propertiesThe HTML Appearance Page Properties category lets you specify several basic page la

DREAMWEAVER CS3User Guide16See also“Using toolbars, inspectors, context menus, and panels” on page 27“Choose the workspace layout (Windows)” on page 3

DREAMWEAVER CS3User Guide223UNIX versions of Netscape Navigator use a different color palette than the Windows and Macintosh versions. If youare devel

DREAMWEAVER CS3User Guide224• Type a magnification level in the Zoom text box.You can also zoom in without using the Zoom tool by pressing Control+= (

DREAMWEAVER CS3User Guide225Set download time and size preferencesDreamweaver calculates size based on the entire contents of the page, including all

DREAMWEAVER CS3User Guide226Save a document1Do one of the following:• To overwrite the current version on the disk, and save any changes you have made

DREAMWEAVER CS3User Guide227Note: Control+V (Windows) and Command+V (Macintosh) always paste text only (no formatting) in Code view.❖ Add text to your

DREAMWEAVER CS3User Guide228• In the Text category of the Insert bar, click the Characters button and select the Non-Breaking Space icon.Set a prefere

DREAMWEAVER CS3User Guide2292 With the insertion point in the list item’s text, select Text > List > Properties to open the List Properties dial

DREAMWEAVER CS3User Guide230Entire Current Local Site Expands the search to all the HTML documents, library files, and text documents in thecurrent si

DREAMWEAVER CS3User Guide2318 When you’re finished, click Close.Search again without displaying the Find And Replace dialog box❖ Press F3 (Windows) or

DREAMWEAVER CS3User Guide232Search for specific text (Advanced)UsetheFindandReplacedialogboxtosearchfortextortagsinadocument,andtoreplacethefoundmater

DREAMWEAVER CS3User Guide17See also“Working in the Document window” on page 24“Using toolbars, inspectors, context menus, and panels” on page 27“About

DREAMWEAVER CS3User Guide233Note: When you paste text into a Dreamweaver document, you can use either the Paste or the Paste Special command.The Paste

DREAMWEAVER CS3User Guide234Import tabular dataYou can import tabular data into your document by first saving the files (such as Microsoft Excel files

DREAMWEAVER CS3User Guide235Clean Up Word Paragraph Spacing Eliminates extra space between paragraphs when you paste your text if youselected Text Wit

DREAMWEAVER CS3User Guide236You can store styles created with CSS directly in the document (the default when you format text using the Propertyinspect

DREAMWEAVER CS3User Guide237TheStylepop-upmenuinthePropertyinspectordisplaysboththenamesofstylesinyourpage,aswellasapreviewof the style’s properties.

DREAMWEAVER CS3User Guide2383 Set the CSS options you want to apply to the selected text:Format Sets the paragraph style of the selected text. Paragra

DREAMWEAVER CS3User Guide239• _top loads the linked file in the full browser window, thereby removing all frames.Unordered List Creates a bulleted lis

DREAMWEAVER CS3User Guide240Change the color of selected text❖ Select the text and do one of the following:• Select a color by clicking the color box

DREAMWEAVER CS3User Guide241Add a line break❖ Do one of the following:• Press Shift+Enter (Windows) or Shift+Return (Macintosh).• Select Insert > H

DREAMWEAVER CS3User Guide242One way to ensure consistency with font size is to use CSS styles with your font size set in pixels.• To increase or decre

DREAMWEAVER CS3User Guide18Show Design View Displays only the Design view in the Document window.Note: If you are working with XML, JavaScript, CSS, o

DREAMWEAVER CS3User Guide243Add a new combination to the font list1Select Text > Font > Edit Font List.2 Select a font from the Available Fonts

DREAMWEAVER CS3User Guide244PNG files are best suited for almost any type of web graphic due to their flexibility and small file size; however, thedis

DREAMWEAVER CS3User Guide245• Click the Sites And Servers button to choose an image file in a remote folder of one of your Dreamweaver sites.3 Browse

DREAMWEAVER CS3User Guide2463 Set any of the image options.W and H Thewidthandheightoftheimage,inpixels.Dreamweaverautomaticallyupdatesthesetextboxesw

DREAMWEAVER CS3User Guide247Edit image accessibility attributes in codeIf you inserted accessibility attributes for an image, you can edit those value

DREAMWEAVER CS3User Guide2484 For Width and Height (Required), type a number to set the image size in pixels.5 For Color (Optional), do one of the fol

DREAMWEAVER CS3User Guide249Alt Specifies alternative text that appears in place of the image for text-only browsers or for browsers that have beenset

DREAMWEAVER CS3User Guide250Text Top Aligns the top of the image with the top of the tallest character in the text line.Absolute Middle Aligns the mid

DREAMWEAVER CS3User Guide251Revert an image to its original size❖ Click the Reset size button in the image Property inspector.Resample a resized imag

DREAMWEAVER CS3User Guide252• Select Modify > Image > Brightness/Contrast.2 Drag the Brightness and Contrast sliders to adjust the settings. Val

DREAMWEAVER CS3User Guide19A. Ta g s el ec to r B. Select tool C. Hand tool D. Zoom tool E. Set magnification F. Window Size pop-up menu G. Document s

DREAMWEAVER CS3User Guide253Preload Rollover Image Preloadstheimagesinthebrowser’scachesonodelayoccurswhentheuserrollsthepointerover the image.Alterna

DREAMWEAVER CS3User Guide254Set an external image editor for an existing file typeYou can select an image editor for opening and editing graphic files

DREAMWEAVER CS3User Guide255Applying behaviors to imagesYou can apply any available behavior to an image or image hotspot. When you apply a behavior t

DREAMWEAVER CS3User Guide256The Flash element file (.swc) A Flash SWF file that lets you create Rich Internet applications by incorporating themin a w

DREAMWEAVER CS3User Guide257Set Flash and Shockwave movie propertiesTo ensure the best results in both Internet Explorer and Netscape Navigator, Dream

DREAMWEAVER CS3User Guide2582 To open the Insert Flash Object dialog box, do one of the following:• In the Common category of the Insert bar, select M

DREAMWEAVER CS3User Guide259appearance, whereas High favors appearance over speed. Auto Low emphasizes speed at first, but improvesappearance when pos

DREAMWEAVER CS3User Guide2609 In the Save As box, enter a filename to save the new SWF file.You can use the default filename (for example, button1.swf

DREAMWEAVER CS3User Guide261To find the latest Flash elements for Dreamweaver, use the Adobe Exchange website atwww.adobe.com/go/dreamweaver_exchange.

DREAMWEAVER CS3User Guide262• To add a value for an attribute with no value, click in the attribute-value column to the right of the attribute andadd

DREAMWEAVER CS3User Guide20The Layout category Lets you insert tables, div tags, frames, and Spry widgets. You can also choose two views fortables: St

DREAMWEAVER CS3User Guide2638 With the Image Viewer placeholder selected, click the Play button in the expanded Property inspector to start theImage V

DREAMWEAVER CS3User Guide264Insert FlashPaper documentsYou can insert Adobe® FlashPaper™ documents in your web pages. When a page containing the Flash

DREAMWEAVER CS3User Guide265Dreamweaver inserts the Flash Video component; when viewed in a browser, this component displays the FlashVideo content yo

DREAMWEAVER CS3User Guide266Set options for progressive download videoThe Insert Flash Video dialog box lets you set options for progressive download

DREAMWEAVER CS3User Guide2672 Select Streaming Video from the Video Type pop-up menu.Server URI Specifies the server name, application name, and insta

DREAMWEAVER CS3User Guide268Note: If you already have a main.asc file on your server, check with your server administrator before uploading themain.as

DREAMWEAVER CS3User Guide269Delete the Flash Video component❖ Select the Flash Video component placeholder in the Dreamweaver Document window and pres

DREAMWEAVER CS3User Guide270See also“Insert and edit media objects” on page 270Link to an audio fileLinking to an audio file is a simple and effective

DREAMWEAVER CS3User Guide2712 Insert the object by doing one of the following:• In the Common category of the Insert bar, click the Media button and s

DREAMWEAVER CS3User Guide272To find out what editor is associated with the file type, select Edit > Preferences in Dreamweaver and select FileTypes

DREAMWEAVER CS3User Guide21You can also edit the Coding toolbar to display more buttons (such as Word Wrap, Show Hidden Characters, andAuto Indent), o

DREAMWEAVER CS3User Guide273Use Design Notes with media objectsAs with other objects in Dreamweaver, you can add Design Notes to a media object. Desig

DREAMWEAVER CS3User Guide274Note: The user must download a helper application (a plug-in) to view common streaming formats like Real Media,QuickTime,

DREAMWEAVER CS3User Guide275Play plug-in content in the Document window1Insert one or more media elements by selecting Insert > Media > Shockwav

DREAMWEAVER CS3User Guide276ActiveX propertiesThe Property inspector initially displays the most commonly used properties. Click the expander arrow in

DREAMWEAVER CS3User Guide277Java applet propertiesThe Property inspector initially displays the most commonly used properties. Click the expander arro

DREAMWEAVER CS3User Guide278Note: There is no widely accepted standard for identifying data files for ActiveX controls. Consult the documentation fort

279Chapter 9: Linking and navigationAfter you’ve set up a site, you can link pages to each other. You can create HTML links, jump menus, navigation ba

DREAMWEAVER CS3User Guide280Absolute pathsAbsolute paths provide the complete URL of the linked document, including the protocol to use (usually http:

DREAMWEAVER CS3User Guide281Whenyoumovefilesasagroup—forexample,whenyoumoveanentirefolder,sothatallthefilesinsidethatfolderretain the same relative pa

DREAMWEAVER CS3User Guide282Dreamweaver creates the links to other pages in your site using document-relative paths. You can also tellDreamweaver to c

DREAMWEAVER CS3User Guide22Property inspector overviewThe Property inspector lets you examine and edit the most common properties for the currently se

DREAMWEAVER CS3User Guide2833 From the Target pop-up menu, select a location in which to open the document:• _blank loads the linked document in a new

DREAMWEAVER CS3User Guide284• Select an HTML page in the site map, and then select Link To New File from the context menu.Add a link using the Hyperli

DREAMWEAVER CS3User Guide285Note: Content linked with a site root–relative path does not appear when you preview documents in a local browserunless yo

DREAMWEAVER CS3User Guide2862 In the Link box of the Property inspector, type a number sign (#) and the name of the anchor. For example, to linkto an

DREAMWEAVER CS3User Guide287Create null and script linksA null link is an undesignated link. Use null links to attach behaviors to objects or text on

DREAMWEAVER CS3User Guide2882 Select a site, and then click Edit.3 Click the Advanced tab to display the Advanced category of the Site Definition dial

DREAMWEAVER CS3User Guide289Change a link sitewideIn addition to having Dreamweaver update links automatically whenever you move or rename a file, you

DREAMWEAVER CS3User Guide290Jump menusAbout jump menusA jump menu is a pop-up menu in a document, visible to your site visitors, listing links to docu

DREAMWEAVER CS3User Guide291Edit jump menu itemsYoucanchangetheorderofitemsinthemenuorthefileanitemlinksto,andyoucanadd,delete,orrenameanitem.To chang

DREAMWEAVER CS3User Guide292• Over: the image that appears when the user moves the pointer over the Up image. The element’s appearancechanges (for exa

iiiContentsChapter 1: Getting startedInstallation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

DREAMWEAVER CS3User Guide23For Dreamweaver sites, you can also customize the Files panel by changing the view—either your local or remotesite—that app

DREAMWEAVER CS3User Guide293thepageisfirstdownloaded.Whenyouapplythisoptiontoanelement,anasteriskappearsafteritsnameintheNavBar Elements list.Insert S

DREAMWEAVER CS3User Guide294• Select the rectangle tool and drag the pointer over the image to create a rectangular hotspot.• Select the polygon tool

DREAMWEAVER CS3User Guide295Resize a hotspot1Use the pointer hotspot tool to select the hotspot.2 Drag a hotspot selector handle to change the size or

DREAMWEAVER CS3User Guide296You can check for orphaned files when you check links across an entire site.5 To save a report, click the Save Report butt

DREAMWEAVER CS3User Guide297If you are updating an image reference and the new image appears at the incorrect size, click the W and H labels inthe Pro

298Chapter 10: Previewing pagesDesign view gives you an idea of how your page will look on the web but does not render pages exactly as browsersdo. Th

DREAMWEAVER CS3User Guide299Preview active content in Internet Explorer (Windows)If you preview a document that contains active content in Internet Ex

DREAMWEAVER CS3User Guide300Previewing pages in mobile devicesPreview mobile content with Adobe Device Central and DreamweaverTo preview pages created

301Chapter 11: Working with page codeAdobe® Dreamweaver® CS3 is a visual design tool as well as a robust code editor, which provides code hinting, cod

DREAMWEAVER CS3User Guide302Automatic code modification in DreamweaverYou can set options that instruct Dreamweaver to automatically clean up your han

DREAMWEAVER CS3User Guide24Visual guides overviewDreamweaver provides several kinds of visual guides to help you design documents and predict approxim

DREAMWEAVER CS3User Guide303XHTML requirement Actions Dreamweaver performsThere must be a DOCTYPE declaration in thedocument prior to the root element

DREAMWEAVER CS3User Guide304See also“Make pages XHTML-compliant” on page 328About regular expressionsRegular expressions are patterns that describe ch

DREAMWEAVER CS3User Guide305? The preceding character atmost once (that is, indicatesthat the preceding char-acter is optional).st?on matches “son” in

DREAMWEAVER CS3User Guide306Use parentheses to set off groupings within the regular expression to be referred to later. Then use $1, $2, $3, and soon

DREAMWEAVER CS3User Guide307Setting up your coding environmentChanging your coding environmentYou can adapt the coding environment in Dreamweaver to f

DREAMWEAVER CS3User Guide308To use the Coding toolbar along the left side of the window, see “Insert code with the Coding toolbar” on page 316.Using t

DREAMWEAVER CS3User Guide309Set the code appearanceYou can set word wrapping, display line numbers for the code, highlight invalid code, set syntax co

DREAMWEAVER CS3User Guide310Note: Most of the indentation options in this dialog box apply only to code generated by Dreamweaver, not to code thatyout

DREAMWEAVER CS3User Guide311you select this option, Dreamweaver does not write line breaks after a <td> or before a </td> tag, even if the

DREAMWEAVER CS3User Guide3123 Set any of the following options:Fix Invalidly Nested and Unclosed Tags Rewrites overlapping tags. For example, <b>

DREAMWEAVER CS3User Guide25Show both Code and Design views❖ Do one of the following:• Select View > Code and Design.• In the Document toolbar, clic

DREAMWEAVER CS3User Guide3134 Select a document type, and click Edit Coloring Scheme.5Select an item and set its text color, background color, and (op

DREAMWEAVER CS3User Guide314Codehintsareavailableforavarietyofkindsofcode.Anappropriatelistofitemsappearswhenyoutypeaparticularcharacter that indicate

DREAMWEAVER CS3User Guide315See also“Setting up a web application” on page 501Work with code snippetsCode snippets let you store content for quick reu

DREAMWEAVER CS3User Guide316Create code snippet folders and manage code snippets1In the Snippets panel, click the New Snippet Folder button at the bot

DREAMWEAVER CS3User Guide317Select Parent Tag Selects the content and surrounding opening and closing tags of the line in which you’ve placedthe inser

DREAMWEAVER CS3User Guide318See also“Verify tags and braces are balanced” on page 327“Coding toolbar overview” on page 20“Display toolbars” on page 27

DREAMWEAVER CS3User Guide319See also“About Dreamweaver tag libraries” on page 343Edit tags with Tag editorsUse Tag editors to view, specify, and edit

DREAMWEAVER CS3User Guide320Display comment markers in Design view❖ Select View > Visual Aids > Invisible Elements.Make sure that the Comments o

DREAMWEAVER CS3User Guide321See also“About regular expressions” on page 304“Search for and replace text” on page 229Save and recall search patternsYou

DREAMWEAVER CS3User Guide322Apply /* */ Comment Wraps the selected CSS or JavaScript code with /* and */.Apply // Comment Inserts // at the beginning

DREAMWEAVER CS3User Guide26The window size shown reflects the inside dimensions of the browser window, without borders; the monitor size islisted in p

DREAMWEAVER CS3User Guide323Use language-reference materialThe Reference panel provides you with a quick reference tool for markup languages, programm

DREAMWEAVER CS3User Guide324Collapsing codeAbout collapsing codeYou can collapse and expand code fragments so that you can view different sections of

DREAMWEAVER CS3User Guide325Note: WhenyoumakeaselectioninDesignviewthatispartofacollapsedcodefragment,thefragmentisautomaticallyexpanded in Code view.

DREAMWEAVER CS3User Guide326Optimizing and debugging codeFind coding errors with the ValidatorYou can use the Validator in Dreamweaver to quickly loca

DREAMWEAVER CS3User Guide327Note: Depending on the size of your document and the number of options selected, it may take several seconds tocomplete th

DREAMWEAVER CS3User Guide3283 Select Edit > Balance Braces.All of the code between the enclosing parentheses, braces, or square brackets is selecte

DREAMWEAVER CS3User Guide3293 Select one of the XHTML document type definitions (DTD) from the DocType pop-up menu on the far right ofthe dialog box,

DREAMWEAVER CS3User Guide330To ensure the debug information is refreshed every time a page is displayed in the internal browser, make sureInternet Exp

DREAMWEAVER CS3User Guide331Edit code with the Property inspectorYou can use the Property inspector to inspect and edit the attributes of text or of o

DREAMWEAVER CS3User Guide332• If the attribute takes a value from a source of dynamic content (such as a database), click the Dynamic Data buttonto th

DREAMWEAVER CS3User Guide27Target Browser Check Lets you test the HTML in your documents to see if any tags or attributes are unsupported byyour targe

DREAMWEAVER CS3User Guide333See also“Write and edit scripts in Design view” on page 335Insert an HTML tag1In Design view, click in the page to place t

DREAMWEAVER CS3User Guide334Use the hints menu in the Quick Tag EditorThe Quick Tag Editor includes an attributes hint menu that lists all the valid a

DREAMWEAVER CS3User Guide3353 To edit a tag, select Edit Tag from the menu. Make your changes in the Quick Tag Editor. For more information,see “Edit

DREAMWEAVER CS3User Guide3362 In the Property inspector, click the Edit button.The script appears in the Script Properties dialog box.If you linked to

DREAMWEAVER CS3User Guide337View and edit head contentYo u c a n v i e w t h e e l e m e n t s i n t h e head section of a document by using the View

DREAMWEAVER CS3User Guide338Set the page titleThere is only one title property: the title of the page. The title appears in the title bar of the Docum

DREAMWEAVER CS3User Guide3393 In the Property inspector, view, modify, or delete the descriptive text.Set the refresh properties of the pageUse the Re

DREAMWEAVER CS3User Guide340• _parent loads the linked document into the parent frameset or window of the frame that contains the link. If theframe co

DREAMWEAVER CS3User Guide341A server-side include is a file that the server incorporates into your document when a browser requests yourdocument from

DREAMWEAVER CS3User Guide342Insert server-side includesYou can use Dreamweaver to insert server-side includes in your page.Insert a server-side includ

DREAMWEAVER CS3User Guide28Use the Insert barThe Insert bar contains buttons for creating and inserting objects such as tables and images. The buttons

DREAMWEAVER CS3User Guide343Managing tag librariesAbout Dreamweaver tag librariesA tag library, in Dreamweaver, is a collection of tags of a particula

DREAMWEAVER CS3User Guide344Add attributes to a tag1In the Tag Library editor (Edit > Tag Libraries), click the Plus (+) button and select New Attr

DREAMWEAVER CS3User Guide345Edit an attribute for a tag1In the Tag Library editor (Edit > Tag Libraries), expand a tag library in the Tags box, exp

DREAMWEAVER CS3User Guide346Import custom ASP.NET tagsYou can import custom ASP.NET tags into Dreamweaver.Before you begin, make sure that the custom

347Chapter 12: Adding JavaScript behaviorsYou can use the built-in behaviors to enhance the look, functionality, and appeal of your website. You can a

DREAMWEAVER CS3User Guide348The Behaviors panel has the following options:Show Set Events Displays only those events that have been attached to the cu

DREAMWEAVER CS3User Guide349If you’re attaching a behavior to an image, some events (such as onMouseOver) appear in parentheses. These eventsare avail

DREAMWEAVER CS3User Guide350• To change the order of actions for a given event, select an action and click the Up or Down arrow. Alternatively,you can

DREAMWEAVER CS3User Guide3512 Type the exact JavaScript to be executed, or type the name of a function.For example, to create a Back button, you might

DREAMWEAVER CS3User Guide3527 Enter the paths and filenames of the URL and the alternate URL in the boxes at the bottom of the dialog box. Ifyou enter

DREAMWEAVER CS3User Guide29Depending on the object, a corresponding object-insertion dialog box may appear, prompting you to browse to a fileor specif

DREAMWEAVER CS3User Guide3534 Choose ~Deprecated > Control Shockwave Or Flash from the Actions menu of the Behaviors panel.5 Select a movie from th

DREAMWEAVER CS3User Guide354Larger values make it easier for the visitor to find the drop target.9 For simple puzzles and scenery manipulation, you ca

DREAMWEAVER CS3User Guide355Instead of displaying the values of MM_UPDOWN or MM_LEFTRIGHT in a form field, you could use those values in avariety of o

DREAMWEAVER CS3User Guide356Apply the Jump Menu Go behaviorTheJumpMenuGobehavioriscloselyassociatedwiththeJumpMenubehavior;JumpMenuGoletsyouassociatea

DREAMWEAVER CS3User Guide3573 Click OK and verify that the default event is correct. If not, select another event or change the target browser inthe S

DREAMWEAVER CS3User Guide358See also“Navigation bars” on page 291Edit a Set Nav Bar Image behavior1Select an image in the navigation bar, and choose W

DREAMWEAVER CS3User Guide359See also“Create frames and framesets” on page 205Apply the Set Text Of Container behaviorThe Set Text Of Container behavio

DREAMWEAVER CS3User Guide360Apply the Set Text Of Text Field behaviorThe Set Text Of Text Field behavior replaces the content of a form’s text field w

DREAMWEAVER CS3User Guide361Apply the Show Pop-Up Menu behaviorNote: This behavior is deprecated as of Dreamweaver 9 in favor of the Spry Menu Bar wid

DREAMWEAVER CS3User Guide362When you finish, click OK to accept the default settings or select another Show Pop-Up Menu tab to set additionaloptions.C

DREAMWEAVER CS3User Guide30Insert objects using buttons in the Favorites category❖ Select the Favorites category from the left side of the Insert bar,

DREAMWEAVER CS3User Guide363Position a pop-up menu in a documentUse position options to specify where the pop-up menu appears relative to the triggeri

DREAMWEAVER CS3User Guide3643 Repeat steps 1 and 2 to insert additional images.4 Select an object (generally the image you’re going to swap) and choos

DREAMWEAVER CS3User Guide365If you are validating multiple fields when the user submits the form, the onSubmit event automatically appears inthe Event

366Chapter 13: Working with otherapplicationsAdobe® Dreamweaver® CS3 integrates with many Adobe applications, including Flash, Fireworks, Adobe®Photos

DREAMWEAVER CS3User Guide367See also“About Design Notes” on page 102“Enable and disable Design Notes for a site” on page 102Working with FireworksInse

DREAMWEAVER CS3User Guide368• Hold down Control (Windows) or Command (Macintosh) and double-click the selected image.• Right-click (Windows) or Contro

DREAMWEAVER CS3User Guide369Fireworks recognizes the following image placeholder settings you may have set while working with the image place-holder i

DREAMWEAVER CS3User Guide370See also“Edit Fireworks pop-up menus in Dreamweaver” on page 370Edit Fireworks pop-up menus in DreamweaverYou can create a

DREAMWEAVER CS3User Guide371Note: Dreamweaver recognizes the Fireworks launch-and-edit preferences only in certain cases. Specifically, you mustbe ope

DREAMWEAVER CS3User Guide372All HTML and JavaScript code associated with the Fireworks files you exported is copied into the Dreamweaverdocument, and

DREAMWEAVER CS3User Guide312 Select a command from the context menu.About panel groupsPanels in Dreamweaver are grouped together into panel groups. Th

DREAMWEAVER CS3User Guide373Fill in the Subheading Info and Other Info text boxes to enter up to two lines of additional text below the title.3 Select

DREAMWEAVER CS3User Guide374Working with PhotoshopAbout Photoshop integrationYou can insert Photoshop image files (PSD format) into web pages in Dream

DREAMWEAVER CS3User Guide375See also“Insert a Photoshop image into your page” on page 375“Copy a Photoshop selection into your page” on page 375“Use P

DREAMWEAVER CS3User Guide376• Copy a slice by using the Slice Select tool to select the slice, and then choose Edit > Copy. This flattens and copie

DREAMWEAVER CS3User Guide377Edit the original PSD source file in Photoshop1In Dreamweaver, select a web-ready image that was originally created in Pho

DREAMWEAVER CS3User Guide378Recopy a Photoshop image selectionIf you replace a Photoshop-derived image in your Dreamweaver page with a copied selectio

DREAMWEAVER CS3User Guide3794 Change the shape of the placed image by choosing the Export Area option and doing one of the following:• Dragthedottedbo

DREAMWEAVER CS3User Guide380A web-ready image is one that can be displayed by all modern web browsers and looks the same no matter whatsystem or brows

DREAMWEAVER CS3User Guide381Matte Allows you to set the image’s background. You can maintain the transparency of a 32-bpc (bits per channel)PNG by cli

DREAMWEAVER CS3User Guide382Saved settingsDreamweaver provides several option settings for your convenience. Depending on the saved settings you choos

DREAMWEAVER CS3User Guide32Open a panel group or panel that isn’t visible on your screen❖ From the Window menu, select a panel name.A check mark next

DREAMWEAVER CS3User Guide383Note: To update the SWF file and keep Flash open, in Flash select File > Update for Dreamweaver.5 To view the updated f

DREAMWEAVER CS3User Guide384• Manage your photos: Import and edit photos from your digital camera card, group related photos in stacks, andopen or imp

DREAMWEAVER CS3User Guide385Place a Bridge file in your page1 In Dreamweaver (Design view), place the insertion point on your page where you want the

DREAMWEAVER CS3User Guide386Tips for creating Dreamweaver web content for mobile devicesDevice Central previews web pages created in Dreamweaver using

387Chapter 14: Creating and managingtemplatesA template is useful when you want to create many pages based on a single design, or when you want to cre

DREAMWEAVER CS3User Guide388A repeating region Asectionofthedocumentlayoutthatissetsothatthetemplateusercanaddordeletecopiesofthe repeating region in

DREAMWEAVER CS3User Guide389(a link to a version of the main.css file in the Templates folder), and you want your template-based index.html pagesalso

DREAMWEAVER CS3User Guide390Template parametersTemplate parameters indicate values for controlling content in documents based on a template. Use templ

DREAMWEAVER CS3User Guide391• field reference (the “dot” operator)• unary operators: +, -, ~, !• binary operators: +, -, *, /, %, &, |, ^, &&a

DREAMWEAVER CS3User Guide392<!-- TemplateBeginMultipleIf --><!-- checks value of Dept and shows appropriate image--><!-- TemplateBeginI

ivChapter 7: Laying out pages with HTMLUsing visual aids for layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

DREAMWEAVER CS3User Guide33Dock a panel group to other panel groups (floating workspace) or to the integrated window (Windows only)❖ Drag the panel gr

DREAMWEAVER CS3User Guide393Recognizing templates in Code viewIn Code view, editable content regions are marked in HTML with the following comments:&l

DREAMWEAVER CS3User Guide394In addition to the editable-region outlines, the entire page is surrounded by a different-colored outline, with a tab inth

DREAMWEAVER CS3User Guide395<body bgcolor="#FFFFFF" leftmargin="0"><table width="75%" border="1" ce

DREAMWEAVER CS3User Guide396Create a template from an existing documentYou can create a template from an existing document.1 Open the document you wan

DREAMWEAVER CS3User Guide397In addition to Dreamweaver templates, you can create non-Dreamweaver templates using the Contribute adminis-tration tools.

DREAMWEAVER CS3User Guide3988 In the Users And Roles category, select a role, and then click the Edit Role Settings button.9 Select the New Pages cate

DREAMWEAVER CS3User Guide399See also“Creating a Dreamweaver template” on page 395“Set highlighting preferences for template regions” on page 419Select

DREAMWEAVER CS3User Guide400There are two repeating region template objects you can use: repeating region and repeating table.See also“Types of templa

DREAMWEAVER CS3User Guide401Cell Spacing Determines the number of pixels between adjacent table cells.If you don’t explicitly assign values for cell p

DREAMWEAVER CS3User Guide402Using optional regionsAbout template optional regionsAnoptionalregionisaregioninatemplatethatuserscansettoshowortohideinat

DREAMWEAVER CS3User Guide34Saving panel groupsDreamweaver lets you save and restore different panel groups so that you can customize your workspace fo

DREAMWEAVER CS3User Guide4033 Enter a name for the optional region, click the Advanced tab if you want to set values for the optional region, andthen

DREAMWEAVER CS3User Guide404• If you want to write a template expression to control the display of an optional region, click the Advanced tab,select E

DREAMWEAVER CS3User Guide4055 In the Label box, enter a unique name for the attribute.To make it easier to identify a specific editable tag attribute

DREAMWEAVER CS3User Guide406Editable regions in a base template are passed through to the nested template, and remain editable in pages createdfrom a

DREAMWEAVER CS3User Guide407To create a nested template, a new document based on the template was created and then saved as a template andnamed TrioNe

DREAMWEAVER CS3User Guide408Note: You can insert template markup inside an editable region so that it won’t pass through as an editable region indocum

DREAMWEAVER CS3User Guide409You can perform the following template management tasks with the Assets panel:• Create a template• Edit and update templat

DREAMWEAVER CS3User Guide410• Right-click (Windows) or Control-click (Macintosh), then select Templates > Open Attached Template.3 Modify the conte

DREAMWEAVER CS3User Guide411Apply template changes to the current template-based document1Open the document in the Document window.2 Select Modify >

DREAMWEAVER CS3User Guide412Documents that are based on a deleted template are not detached from the template; they retain the structure andeditablere

DREAMWEAVER CS3User Guide35Change the default tabbed document setting1Select Dreamweaver > Preferences, and then select the General category.2 Sele

DREAMWEAVER CS3User Guide413If your XML file isn’t set up exactly the way Dreamweaver expects, you might not be able to import your data. Onesolution

DREAMWEAVER CS3User Guide414• Select Nowhere to remove the content from the document.5 To move all unresolved content to the selected region, click Us

DREAMWEAVER CS3User Guide415In pages based on templates, template users can edit content in editable regions only. You can easily identify andselect e

DREAMWEAVER CS3User Guide4163 In the Name list, select a property.The dialog box updates to show the selected property’s label and its assigned value.

DREAMWEAVER CS3User Guide417• To paste a repeating entry, select Edit > Paste.Note: Pasting inserts a new entry; it does not replace an existing en

DREAMWEAVER CS3User Guide418<!-- InstanceBegin template="..." codeOutsideHTMLIsLocked="..." --><!-- InstanceEnd --><

DREAMWEAVER CS3User Guide419Note: If you want to make global changes, you can edit the source file that stores your preferences. On Windows XP, thisis

420Chapter 15: Displaying XML dataAdobe® Dreamweaver® CS3 includes tools that let you display Extensible Markup Language (XML) data on your webpage an

DREAMWEAVER CS3User Guide421Extensible Stylesheet Language Transformations (XSLT) is a subset language of XSL that actually lets you displayXML data o

DREAMWEAVER CS3User Guide422The first step in creating these types of pages is to create the XSLT fragment. It is a separate file that contains thelay

DREAMWEAVER CS3User Guide36About customizing Dreamweaver in multiuser systemsYou can customize Dreamweaver to suit your needs even in a multiuser oper

DREAMWEAVER CS3User Guide423You can also use Dreamweaver to create entire XSLT pages for use with server-side transformations. An entire XSLTpageworks

DREAMWEAVER CS3User Guide424The relationship between the linked XSLT and XML pages is conceptually similar, yet different from the externalCSS/HTML pa

DREAMWEAVER CS3User Guide425The disadvantage of performing client-side XSL transformations on XML data that comes from an external sourceis that the X

DREAMWEAVER CS3User Guide426When you apply a Repeating Region XSLT object to an element in the Document window, a thin, tabbed, grayoutline appears ar

DREAMWEAVER CS3User Guide427The following topics provide guidelines for helping you determine the appropriate previewing methods, based onyour needs.P

DREAMWEAVER CS3User Guide428Note: Your server must be correctly configured to perform server-side transformations. For more information, contactyour s

DREAMWEAVER CS3User Guide429Create an XSLT pageYou can create XSLT pages that let you display XML data on web pages. You can create either an entire X

DREAMWEAVER CS3User Guide4304 Save your new page (File > Save) with the .xsl or .xslt extension (.xsl is the default).Convert HTML pages to XSLT pa

DREAMWEAVER CS3User Guide431Display XML data in XSLT pagesAfteryou’vecreatedanXSLTpageandattachedanXMLdatasource,youcanbinddatatothepage.Todothis,youa

DREAMWEAVER CS3User Guide432See also“Previewing XML data” on page 426“Presenting content with tables” on page 176Display repeating XML elementsThe Rep

DREAMWEAVER CS3User Guide37Switch To Plain Paragraph After Heading Specifies that pressing Enter (Windows) or Return (Macintosh) at the endof a headin

DREAMWEAVER CS3User Guide4333 In the XPath Expression Builder, select the repeating element, indicated by a small plus sign.4 Click OK.In the Document

DREAMWEAVER CS3User Guide434Insert XSLT fragments in dynamic pagesAfter you have created an XSLT fragment, you can insert it in a dynamic web page usi

DREAMWEAVER CS3User Guide4357 Upload the dynamic page to your server (Site > Put) and click Yes to include dependent files. The file containingthe

DREAMWEAVER CS3User Guide436Forexample,youmightwanttocreateanXSLTfragmentforinsertioninadynamicpageandformatthefragmentusing the same external style s

DREAMWEAVER CS3User Guide4372 In the XSL Transformation dialog box, click the Plus (+) button next to XSLT Parameters.3 In the Add Parameters dialog b

DREAMWEAVER CS3User Guide438For example, if you wanted to display the word “Unavailable” next to the price of an item when the item isunavailable, you

DREAMWEAVER CS3User Guide439For more information and examples on writing conditional expressions, see the <xsl:if> section in the Referencepanel

DREAMWEAVER CS3User Guide440Set conditional (When) propertiesThe purpose of the Set Conditional Region Property inspector is to change the condition u

DREAMWEAVER CS3User Guide441Note: If you select a different node in the XML schema tree, the expression changes to reflect your choice.In the followin

DREAMWEAVER CS3User Guide442These options would insert the following code in your XSLT page:<xsl:value-of select="format-number(provider/store

DREAMWEAVER CS3User Guide38Spelling Dictionary lists the available spelling dictionaries. If a dictionary contains multiple dialects or spellingconven

DREAMWEAVER CS3User Guide443Filter the data to be repeatedUse a filter to identify repeating nodes that have specific attribute values.1 In the XML sc

DREAMWEAVER CS3User Guide444Note: You need to surround string values such as true in quotes. Dreamweaver encodes the quotes for you (&apos;) sotha

DREAMWEAVER CS3User Guide445The general workflow for performing client-side XSL transformations is as follows (each step is described in othertopics):

DREAMWEAVER CS3User Guide4461. Create the XSLT page.2. Display data in the XSLT page.3. Display repeating elements in the XSLT page.4. Troubleshoot an

DREAMWEAVER CS3User Guide447XSLT has the following five predefined entities:If you use other character entities in an XSL file, you need to define the

DREAMWEAVER CS3User Guide448Add entity definitions to the XSL files Dreamweaver creates by default1Locate the following configuration file in the Drea

449Chapter 16: Building Spry pages visuallyThe Spry framework is a JavaScript and CSS library that lets you build richer web pages. You can use the fr

DREAMWEAVER CS3User Guide450The CSS and JavaScript files associated with a given widget are named after the widget, so it’s easy for you to knowwhich

DREAMWEAVER CS3User Guide451See also“Define a Spry XML data set” on page 480“Spry effects overview” on page 486Working with the Accordion widgetAbout

DREAMWEAVER CS3User Guide452Delete a panel from an Accordion widget1 Select an Accordion widget in the Document window.2 In the Panels menu of the Pro

DREAMWEAVER CS3User Guide39See also“Use the color picker” on page 223“Change the highlight color of div tags” on page 164Change a highlighting color1S

DREAMWEAVER CS3User Guide453Change Accordion widget background colors❖ To change the background colors of different parts of an Accordion widget, use

DREAMWEAVER CS3User Guide454Menu Bar widget (consists of <ul>, <li>, and <a> tags)A. Menu item has submenu B. Submenu item has subme

DREAMWEAVER CS3User Guide455To add a submenu to a submenu, select the name of the submenu item to which you want to add another submenuitem, and click

DREAMWEAVER CS3User Guide456_self Loads the linked page in the same browser window. This is the default option. If the page is in a frame orframeset,

DREAMWEAVER CS3User Guide457Customize the Menu Bar widgetAlthough the Property inspector enables you to make simple edits to a Menu Bar widget, it doe

DREAMWEAVER CS3User Guide458Change the dimension of menu itemsYou change the dimension of menu items by changing the width properties of the menu item

DREAMWEAVER CS3User Guide459A. Expanded B. CollapsedTheHTMLfortheCollapsiblePanelwidgetcomprisesanouterdiv tag that contains the content div tag and t

DREAMWEAVER CS3User Guide460Customize the Collapsible Panel widgetAlthough the Property inspector enables you to make simple edits to a Collapsible Pa

DREAMWEAVER CS3User Guide461Constrain the width of a collapsible panelBy default, the Collapsible Panel widget expands to fill available space. You ca

DREAMWEAVER CS3User Guide462Delete a panel from a Tabbed Panels widget1 Select a Tabbed Panels widget in the Document window.2 In the Panels menu of t

40Chapter 3: Working with DreamweaversitesAn Adobe® Dreamweaver® CS3 site is a collection of all of the files and assets in your website. You can crea

DREAMWEAVER CS3User Guide463Style Tabbed Panels widget textYou can style the text of a Tabbed Panels widget by setting properties for the entire Tabbe

DREAMWEAVER CS3User Guide464Working with the Validation Text Field widgetAbout the Validation Text Field widgetA Spry Validation Text Field widget is

DREAMWEAVER CS3User Guide465The default HTML for the Validation Text Field widget, usually inside of a form, comprises a container <span> tagtha

DREAMWEAVER CS3User Guide466Specify when validation occursYou can set the point at which validation occurs—when the site visitor clicks outside the wi

DREAMWEAVER CS3User Guide467Specify minimum and maximum valuesThis option is only available for Integer, Time, Currency, and Real Number/Scientific No

DREAMWEAVER CS3User Guide468All CSS rules in the topics below refer to the default rules located in the SpryValidationTextField.css file.Dreamweaver s

DREAMWEAVER CS3User Guide469Working with the Validation Text Area widgetAbout the Validation Text Area widgetA Spry Validation Text Area widget is a t

DREAMWEAVER CS3User Guide470The default HTML for the Validation Text Area widget, usually inside of a form, comprises a container <span> tagthat

DREAMWEAVER CS3User Guide4712 In the Property inspector (Window > Properties), select the state you want to see from the Preview States pop-upmenu.

DREAMWEAVER CS3User Guide472Style Validation Text Area widget error message textBy default, error messages for the Validation Text Area widget appear

DREAMWEAVER CS3User Guide41Understanding local and remote folder structureWhenyouwanttouseDreamweavertoconnecttoaremotefolder,youspecifytheremotefolde

DREAMWEAVER CS3User Guide473A. Validation Select widget in focus B. Select widget, valid state C. Select widget, required state D. Select widget, inva

DREAMWEAVER CS3User Guide474Specify when validation occursYou can set the point at which validation occurs—when the user clicks outside the widget, as

DREAMWEAVER CS3User Guide475Although you can easily edit rules for the Validation Select widget directly in the accompanying CSS file, you canalso use

DREAMWEAVER CS3User Guide476A. Validation checkbox widget group, minimum number of selections state B. Validation Checkbox widget, required stateThe V

DREAMWEAVER CS3User Guide477Specify when validation occursYou can set the point at which validation occurs—when the user clicks outside the widget, as

DREAMWEAVER CS3User Guide478Although you can easily edit rules for the Validation Checkbox widget directly in the accompanying CSS file, you canalso u

DREAMWEAVER CS3User Guide479You can insert objects that display this data in a variety of ways. The following example shows how you can create atable

DREAMWEAVER CS3User Guide480These are referred to as master and detail dynamic regions. Typically, one area on the page (the master table) displaysan

DREAMWEAVER CS3User Guide4816 In the Row Elements panel, select the element that contains the data you want to display. Typically this is arepeating n

DREAMWEAVER CS3User Guide48210 Ifyouwantyourdatatosortautomaticallyasitloads,selectanelementfromtheSortmenu.Ifyoulaterinsertasortable Spry table with

DREAMWEAVER CS3User Guide42Remove Deletes the selected site; you cannot undo this action.Export Enables you to export a site’s settings as an XML file

DREAMWEAVER CS3User Guide4833 Choose one of the following options:• To create a Spry Region, select Region (the default) as the type of region to inse

DREAMWEAVER CS3User Guide484Create a Spry tableThere are two types of Spry tables: a simple table and a dynamic master table that binds a detail regio

DREAMWEAVER CS3User Guide4857 Click OK to see the table appear in Design view with a row of headers and a row of data references, enclosed incurly bra

DREAMWEAVER CS3User Guide486• In Code view, type the code for one or more elements directly. Use this format: {dataset-name::element-name},asin{ds1::c

DREAMWEAVER CS3User Guide487Effects can alter an element’s opacity, scale, position, and styling properties such as background color. You can createin

DREAMWEAVER CS3User Guide4886 In the Blind Up From/Blind Down From box, define the blind-scrolling starting point as a percentage or as a pixelnumber.

DREAMWEAVER CS3User Guide489Apply a Shake effectNote: You can use this effect with these HTML objects: address, blockquote, dd, div, dl, dt, fieldset,

DREAMWEAVER CS3User Guide490Delete an effectYou can remove one or more effect behaviors from an object.1 (Optional) Select the content or layout objec

491Chapter 17: Preparing to build dynamicsitesBefore you begin building dynamic web pages, there are a few preparations that must be done, including s

DREAMWEAVER CS3User Guide492Chris’s problem is that the fitness program has grown too successful. So many employees now participate that Chrisis inund

vWorking with Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

DREAMWEAVER CS3User Guide43Local root folder setup optionsIf you choose to set the local root folder options directly instead of by using the Basic ta

DREAMWEAVER CS3User Guide493When the web server receives a request for a static page, the server reads the request, finds the page, and sends it tothe

DREAMWEAVER CS3User Guide494A. Step 1 - Web browser requests dynamic page. B. Step 2 - Web server finds page and passes it to application server. C. S

DREAMWEAVER CS3User Guide495A. Step 1 - Web browser requests dynamic page. B. Step 2 - Web server finds page and passes it to application server. C. S

DREAMWEAVER CS3User Guide496<html><head><title>Trio Motors Information Page</title></head><body><h1>About Tr

DREAMWEAVER CS3User Guide497Dreamweaver can create the server-side scripts or tags necessary to make your pages work, or you can write them byhand in

DREAMWEAVER CS3User Guide498A relational database A database containing more than one table, with the tables sharing data. The followingdatabase is re

DREAMWEAVER CS3User Guide499If you use Internet Information Server (IIS) to develop web applications, the default name of your web server is thename o

DREAMWEAVER CS3User Guide500For the Mac OS, you can use a web hosting service or install the required software on a remote computer. You canalso devel

DREAMWEAVER CS3User Guide501Test the Macintosh web server1 Create a simple HTML page called myTestFile.html and save it in the /Users/your_user_name/S

DREAMWEAVER CS3User Guide502Choosing your application serverAn application server is software that helps a web server process dynamic pages. When choo

DREAMWEAVER CS3User Guide44For a tutorial on setting up a remote folder, see www.adobe.com/go/vid0162.Note: Dreamweaver supports connections to IPv6-e

DREAMWEAVER CS3User Guide503During installation, you can configure ColdFusion to use the web server built into ColdFusion or another web serverinstall

DREAMWEAVER CS3User Guide504This code displays the time when the page was processed on the server.3 Copy the file to the C:\Inetpub\wwwroot folder of

DREAMWEAVER CS3User Guide5057 Double-click the installer package entropy-php.mpkg and follow the onscreen instructions.After installing PHP, you can t

DREAMWEAVER CS3User Guide506Install an ASP.NET application serverTo develop and run ASP.NET pages, you need the following software:• A Windows 2000 or

DREAMWEAVER CS3User Guide507Totestthewebserver,placeatestHTMLpageinthedefaultrootfolderandattempttoopenitbyenteringthepage’sURL in a browser. The URL

DREAMWEAVER CS3User Guide508Before you start, make sure you meet the following requirements:• You have access to a web server. The web server can be r

DREAMWEAVER CS3User Guide509Create or modify a ColdFusion data sourceBefore you can use database information in your page, you must create a ColdFusio

DREAMWEAVER CS3User Guide510Database connections for ASP developersAbout ASP database connectionsAn ASP application must connect to a database through

DREAMWEAVER CS3User Guide511Note: Make sure you install MDAC 2.5 before installing MDAC 2.7.You can download OLE DB providers for Oracle databases fro

DREAMWEAVER CS3User Guide512Driver={Microsoft Access Driver (*.mdb)};DBQ=C:\Inetpub\wwwroot\Research\trees.mdbHere’s an example of a connection string

DREAMWEAVER CS3User Guide45Note: If you do not know your FTP host, contact your web hosting company.5 Enter the host directory (folder) at the remote

DREAMWEAVER CS3User Guide513Create a connection using a remote DSNNote: This section assumes you have set up an ASP application. It also assumes a dat

DREAMWEAVER CS3User Guide5142 Click the Plus (+) button on the panel, select Custom Connection String from the menu, complete the options,and click OK

DREAMWEAVER CS3User Guide515The virtual path, /jsmith/index.htm, stands in for the physical path,c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm.Fi

DREAMWEAVER CS3User Guide516Suppose that the virtual path to your Microsoft Access database is /jsmith/data/statistics.mdb; the connection stringcan b

DREAMWEAVER CS3User Guide517Database connections for PHP developersAbout PHP database connectionsFor PHP development, Dreamweaver only supports the My

DREAMWEAVER CS3User Guide518Edit or delete a database connectionWhen you create a database connection, Dreamweaver stores the connection information i

DREAMWEAVER CS3User Guide519You can download OLE DB providers for Oracle databases from the Oracle website atwww.oracle.com/technology/software/tech/w

DREAMWEAVER CS3User Guide520Sample OLE DB connection parameters for ASP.NETAn OLE DB connection string combines all the information your ASP.NET appli

DREAMWEAVER CS3User Guide5212 Right-click (Windows) or Control-click (Macintosh) the connection, and select Delete Connection from themenu.3 In the di

DREAMWEAVER CS3User Guide522For instance, if your server is called Aristotle, the database port is 1521, and you defined a database SID calledpatients

DREAMWEAVER CS3User Guide465 Select Maintain Synchronization Information if you want to automatically synchronize your local and remotefiles. (This op

DREAMWEAVER CS3User Guide523Dreamweaver attempts to connect to the database. If the connection fails, double-check the connection parameters.If the co

DREAMWEAVER CS3User Guide524Although it is adequate for development use with lower-end database systems such as Microsoft Access, the SunJDBC-ODBC Bri

DREAMWEAVER CS3User Guide525Edit or delete a database connectionWhen you create a database connection, Dreamweaver stores the connection information i

DREAMWEAVER CS3User Guide526Check or change the database file permissions (Windows XP)1Make sure that you have administrator privileges on the compute

DREAMWEAVER CS3User Guide527Note: Adobe does not provide technical support for third-party software such as Microsoft Windows, and IIS. If thisinforma

DREAMWEAVER CS3User Guide528• PRB: Error “Cannot Open File Unknown” Using Access at http://support.microsoft.com/default.aspx?scid=kb;en-us;Q166029.[R

DREAMWEAVER CS3User Guide529[Reference]80040e10—COUNT field incorrectThis error occurs when you preview a page containing an Insert Record server beha

DREAMWEAVER CS3User Guide530The problem occurs when the page tries to display data from an empty recordset. To solve the problem, apply theShow Region

531Chapter 18: Data sources for webapplicationsYou can display data on a web page using a number of sources. These sources can include databases, form

DREAMWEAVER CS3User Guide532Collecting data submitted by usersAbout collecting dataYou can use web pages to gather information from users, store that

DREAMWEAVER CS3User Guide47• Enter your RDS user name and password.Note: These options might not appear if you set your user name and password in the

DREAMWEAVER CS3User Guide533Each menu choice corresponds to a hard-coded value that is submitted as a form parameter to the server. The ListValues dia

DREAMWEAVER CS3User Guide5344 The server sends the report.cfm page to the browser and displays the value of items in the requested currency.When this

DREAMWEAVER CS3User Guide535See also“About URL and form parameters” on page 544“Define form parameters” on page 557“Adding dynamic content to pages” o

DREAMWEAVER CS3User Guide536A form-based survey is a typical example of a page that stores form parameters in session variables. The form sendsthe sel

DREAMWEAVER CS3User Guide537Example of information stored in session variablesYou’re working on a site with a large audience of senior citizens. In Dr

538Chapter 19: Making pages dynamicYou can create dynamic pages that display information from dynamic content sources such as databases and sessionvar

DREAMWEAVER CS3User Guide539See also“Bindings panel” on page 546“Server Behaviors panel” on page 546“Databases panel” on page 547“Components panel” on

DREAMWEAVER CS3User Guide540See also“Set up a testing server” on page 48“View live data in Design view” on page 579Restrict database information displ

DREAMWEAVER CS3User Guide541If you change the field type in the Property inspector to a value that Dreamweaver recognizes—for example, if youcorrect t

DREAMWEAVER CS3User Guide542• Place it at the insertion point in either Code or Design view.• Replace a text string or other placeholder.Insert it int

DREAMWEAVER CS3User Guide48• If you encounter problems with long filenames, rename them with shorter names. On the Mac OS, filenamescannot be more tha

DREAMWEAVER CS3User Guide543“Inserting Flash content” on page 255“Data sources for web applications” on page 531Dynamic content sources overviewAbout

DREAMWEAVER CS3User Guide544Before you define a recordset for use with Dreamweaver, you must create a connection to a database and—if no dataexists ye

DREAMWEAVER CS3User Guide545See also“URL parameters” on page 533“Define form parameters” on page 557About session variablesSession variables let you s

DREAMWEAVER CS3User Guide546CGI variables Provide information about the server running ColdFusion, the browser requesting a page, and otherinformation

DREAMWEAVER CS3User Guide547• “Building a database search page (ASP.NET)” on page 629• “Building a record insert page (all servers)” on page 633• “Bui

DREAMWEAVER CS3User Guide5482 Select Windows > Bindings to display the Bindings panel.3 In the Bindings panel, click the Plus (+) button and select

DREAMWEAVER CS3User Guide549A table appears displaying the returned data. Each row contains a record and each column represents a field in thatrecord.

DREAMWEAVER CS3User Guide5509 Click Test to connect to the database and create an instance of the data source.A table appears displaying the returned

DREAMWEAVER CS3User Guide551Note: If you are writing SQL statements for ASP.NET document types, see “Writing SQL for ASP.NET” on page 544 forrules spe

DREAMWEAVER CS3User Guide552For example, if you select a table column, the available buttons are SELECT, WHERE, and ORDER BY. Click one ofthe buttons

DREAMWEAVER CS3User Guide49Note: The application server can run on a different system than your remote site. For example, if the Access option yousele

DREAMWEAVER CS3User Guide553Recordset names can only contain letters, numbers, and the underscore character (_). You cannot use specialcharacters or s

DREAMWEAVER CS3User Guide554If the SQL statement contains run-time references, make sure the Default Value column of the Page Parameters fieldcontains

DREAMWEAVER CS3User Guide555The run-time value is usually a URL or form parameter entered by a user in an HTML form field.6 Click Test to connect to t

DREAMWEAVER CS3User Guide5564 Click OK to add the recordset to the Bindings panel.Example: Selecting specific rows from a table and ordering the resul

DREAMWEAVER CS3User Guide557See also“About URL and form parameters” on page 544“Adding dynamic content to pages” on page 564“URL parameters” on page 5

DREAMWEAVER CS3User Guide558Define session variablesYou can use session variables to store and display information maintained for the duration of a us

DREAMWEAVER CS3User Guide559See also“About adding dynamic content” on page 564“Define server variables” on page 559Use a variable as a data source for

DREAMWEAVER CS3User Guide560The following table lists the built-in ColdFusion server variables:Define a ColdFusion local variableLocal variables are v

DREAMWEAVER CS3User Guide561The Cookies collection Retrieves the values of the cookies sent in an HTTP request. For example, suppose the pagereads a c

DREAMWEAVER CS3User Guide562Define a ColdFusion cookie variableCookie variables are created in the code, and access information contained in cookies p

DREAMWEAVER CS3User Guide50http://www.mystartup.com/warehouse/Localhost Refers to the home directory in your URLs when the client (usually a browser,

DREAMWEAVER CS3User Guide563The following table lists the most common CGI variables created by the browser and passed to the server:Cache content sour

DREAMWEAVER CS3User Guide564See also“About dynamic content sources” on page 543“Change or delete content sources” on page 563Adding dynamic content to

DREAMWEAVER CS3User Guide565See also“About recordsets” on page 543“Use predefined data formats” on page 578Add dynamic text1In Design view, select tex

DREAMWEAVER CS3User Guide566If no recordsets appear in the list, or if the available recordsets don’t meet your needs, define a new recordset.See also

DREAMWEAVER CS3User Guide567If you clicked the folder icon, a file selection dialog box appears. Select the Data Sources option to display a list ofco

DREAMWEAVER CS3User Guide568Edit dynamic content1 Open the Server Behaviors panel (Window > Server Behaviors).2 Click the Plus (+) button to displa

DREAMWEAVER CS3User Guide569See also“Provide the page with expected parameters” on page 581“View live data in Design view” on page 579“HTML form param

DREAMWEAVER CS3User Guide570See also“Edit dynamic content” on page 568Displaying database recordsAbout database recordsDisplaying database records inv

DREAMWEAVER CS3User Guide571See also“Presenting content with tables” on page 176“Adding and formatting text” on page 226Navigating database recordset

DREAMWEAVER CS3User Guide572You can customize the layout of the navigation bar by using the design tools and the Server Behaviors panel.1 In Design vi

DREAMWEAVER CS3User Guide51Remove a Dreamweaver site from your list of sitesRemoving a Dreamweaver site and all of its setup information from your lis

DREAMWEAVER CS3User Guide573The page you create the navigation bar for must contain a recordset to navigate. A simple recordset navigation barmight lo

DREAMWEAVER CS3User Guide574Display multiple recordset resultsThe Repeating Region server behavior lets you display multiple records from a recordset

DREAMWEAVER CS3User Guide575Create a dynamic tableThe following example illustrates how the Repeating Region server behavior is applied to a table row

DREAMWEAVER CS3User Guide576A table and placeholders for the dynamic content defined in its associated recordset are inserted into the page.In this ex

DREAMWEAVER CS3User Guide577Build and add the record counter to the page❖ In the Insert Recordset Navigation Status dialog box, select the recordset t

DREAMWEAVER CS3User Guide578Linksdon’tworkintheLiveDatawindow.Totestthem,youcanusethePreviewinBrowserfeature.EnsurethatyouselectthePreviewUsingLiveDat

DREAMWEAVER CS3User Guide579b Change any of the following parameters in the Currency, Number, or Percent dialog boxes, and click OK.• The number of di

DREAMWEAVER CS3User Guide580The following example shows a dynamic page with Live Data disabled:The following example shows the same page with Live Dat

DREAMWEAVER CS3User Guide581Provide a page with live data in Design view1Open the Live Data Settings dialog box (View > Live Data Settings).2 In th

DREAMWEAVER CS3User Guide582If a page expects parameters from the user, you must provide the parameters as follows.1 In the Document window, select Li

DREAMWEAVER CS3User Guide52Working with a visual map of your siteUsing site mapsYoucanviewalocalfolderforaDreamweaversiteasavisualmapoflinkedicons,cal

DREAMWEAVER CS3User Guide583Work in Design view without live dataIf Live Data is disabled or if you’re temporarily disconnected from your application

DREAMWEAVER CS3User Guide584The Dreamweaver web service workflowTocreateapageorsitethatisaconsumerofawebservicethatusesDreamweaver,youmustperformthefo

DREAMWEAVER CS3User Guide585These registries use the Universal Description, Discovery and Integration (UDDI) service, an open, e-commerceservice regis

DREAMWEAVER CS3User Guide586Obtaining additional proxy generatorsTo install a proxy generator that is not supplied with Dreamweaver, you must obtain t

DREAMWEAVER CS3User Guide587When Dreamweaver reads a WSDL description of a web service, Dreamweaver carries out the following actionsrelating to the f

DREAMWEAVER CS3User Guide5883 Complete the UDDI Sites dialog box, and click Done.• To add a new site, or modify an existing one, click the New or Edit

DREAMWEAVER CS3User Guide589<html><head><title>Web Service</title><meta http-equiv="Content-Type" content="t

DREAMWEAVER CS3User Guide590Access Dreamweaver Exchange1In Dreamweaver, access Dreamweaver Exchange in one of these ways:• Select Help > Dreamweave

DREAMWEAVER CS3User Guide591Note: When entering code in the Code Block box, you can only insert a single tag or code block for each named codeblock (f

DREAMWEAVER CS3User Guide592When the page designer clicks the Plus (+) button on the Server Behaviors panel, the new server behavior’s title willappea

viDatabase connections for ASP.NET developers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 518Database conne

DREAMWEAVER CS3User Guide53• In the expanded Files panel, click the Site Map button in the toolbar, and then select Map Only (the site mapwithout the

DREAMWEAVER CS3User Guide593Effectively using conditional expressionsWhen using if, else,andelseif directives within the insertText XML tag, the parti

DREAMWEAVER CS3User Guide594To specify a custom position, you must assign a weight tothecodeblock.UsetheCustomPositionoptionwhenyouneed to insert more

DREAMWEAVER CS3User Guide595The server behavior is listed in the Server Behaviors panel (Window > Server Behavior); click the Plus (+) button tovie

DREAMWEAVER CS3User Guide596<CFSTOREDPROC procedure="AddNewBook"datasource=#MM_connection_DSN#username=#MM_connection_USERNAME#password=#

DREAMWEAVER CS3User Guide597Using the loop directive’s _length and _index variablesThe loop directive includes two built-in variables that you can use

DREAMWEAVER CS3User Guide598Dreamweaver uses the strings that you enclose in parameter markers to label the controls in the dialog box itgenerates (se

DREAMWEAVER CS3User Guide599See also“Use the Server Behavior Builder” on page 590“Positioning a code block” on page 593Retain the old and new versions

DREAMWEAVER CS3User Guide600var MM_ERROR_STRING = "...";function MM_hideLayer() {Avoid similar code blocks sothatthecodeyouwritedoesn’tresem

DREAMWEAVER CS3User Guide601Client-side role of formsForms support the client side of the client-server relationship. When a visitor enters informatio

DREAMWEAVER CS3User Guide602Check boxes Allow multiple responses within a single group of options. A user can select as many options as apply.The foll

DREAMWEAVER CS3User Guide54The site map is redrawn in the window as if the specified page were at the root of the site. The Site Navigation textbox ab

DREAMWEAVER CS3User Guide6032 Select Insert > Form, or select the Forms category in the Insert bar and click the Form icon.In Design view, forms ar

DREAMWEAVER CS3User Guide604b Select the object in the Insert > Form menu, or in the Forms category of the Insert bar.c Set the properties of the o

DREAMWEAVER CS3User Guide605Enter a static value or specify a dynamic one by clicking the lightning bolt icon beside the box and selecting arecordset

DREAMWEAVER CS3User Guide6063 Set the form Method to POST.4 From the Enctype pop-up menu, select multipart/form-data.5 In the Action box, specify the

DREAMWEAVER CS3User Guide607Init Value Assigns the value displayed in the field when the form first loads. For example, you might indicate thatthe use

DREAMWEAVER CS3User Guide608Height (List type only) Sets the number of items displayed in the menu.Selections (List type only) Indicates whether the u

DREAMWEAVER CS3User Guide609b Select Insert > Form > List/Menu to insert the form object.2 Do one of the following:• Select the new or an existi

DREAMWEAVER CS3User Guide610The data source should contain textual information. If no data sources appear in the list, or if the available datasources

DREAMWEAVER CS3User Guide611The recordset you select contains values that match the radio buttons’ checked values. To view the checked values ofthe ra

DREAMWEAVER CS3User Guide612Attach JavaScript behaviors to HTML form objectsYou can attach JavaScript behaviors stored in Dreamweaver to HTML form obj

DREAMWEAVER CS3User Guide55To hide a file using the site map, you must mark the file as hidden. When you hide a file, its links are also hidden.When y

DREAMWEAVER CS3User Guide613Note: The screen reader reads the name you enter as the Label attribute for the object.ID assigns an ID to the form field.

614Chapter 20: Building applications visuallyIn Adobe® Dreamweaver® CS3, you can use Adobe ColdFusion, PHP, JSP, ASP, or ASP. NET to build pages that

DREAMWEAVER CS3User Guide615Detail pageYou can build master and detail pages by inserting a data object to create a master page and detail page in one

DREAMWEAVER CS3User Guide616Recordset columns selected for a master pageTypically,therecordsetonthemasterpageextractsafewcolumnsfromadatabasetablewhil

DREAMWEAVER CS3User Guide617In the Server Behaviors panel (Window > Server Behaviors), click the Plus (+) button, and select DataGrid. Acceptthe de

DREAMWEAVER CS3User Guide6182 In the Property inspector, click the folder icon beside the Link box.3 Browse and select the detail page. The detail pag

DREAMWEAVER CS3User Guide6192 In the Server Behaviors panel (Window > Server Behaviors), click the Plus (+) button, and select Go to Detail Pagefro

DREAMWEAVER CS3User Guide620Dreamweaver creates a URL to the detail page that includes a URL parameter identifying the record the detail pageshould di

DREAMWEAVER CS3User Guide6215 Complete the Filter section as to find and display the record specified in the URL parameter passed by the masterpage:•

DREAMWEAVER CS3User Guide622Find a specific record and display it on a page (ASP, JSP)You can add a server behavior that finds a specific record in a

DREAMWEAVER CS3User Guide562 In the Advanced tab, select the Site Map Layout category.3 IntheHomePagebox,enterafilepathtothehomepageforthesiteorclickt

DREAMWEAVER CS3User Guide6236 To change the order in which the columns appear on the master page, select a column in the list and click the upor down

DREAMWEAVER CS3User Guide624Building search and results pages (ColdFusion, ASP,JSP, PHP)About search and results pagesYou can use Dreamweaver to build

DREAMWEAVER CS3User Guide625To add an HTML form to a search page, complete the following procedure.1 Open the search page or a new page, and select In

DREAMWEAVER CS3User Guide626See also“About search and results pages” on page 624“Build the search page (ColdFusion, ASP, JSP, PHP)” on page 624“Create

DREAMWEAVER CS3User Guide627For example, if the value sent by the search page is a city name, select the column in your table that contains citynames.

DREAMWEAVER CS3User Guide6284 Enter a Select statement in the SQL text area.Make sure the statement includes a WHERE clause with variables to hold the

DREAMWEAVER CS3User Guide629Create a detail page for a results page (ColdFusion, ASP, JSP, PHP)Your set of search and results pages can include a deta

DREAMWEAVER CS3User Guide630Search with only one search parameter (ASP.NET)When the user clicks the page’s Search button, the search parameter is sent

DREAMWEAVER CS3User Guide631Search with multiple search parameters (ASP.NET)If the search page submits more than one search parameter to the server, y

DREAMWEAVER CS3User Guide632Display the results in a DataGrid (ASP.NET)After creating a DataSet to hold the search results, you can use a DataGrid to

DREAMWEAVER CS3User Guide57YoucanuseDreamweavertoconnecttoandmodifyafileinaContributesite.MostDreamweavercapabilitiesworkthe same way with a Contribut

DREAMWEAVER CS3User Guide633<script runat="server">Sub Page_Load()If Not IsPostBack ThendgName.Visible = falseElsedgName.Visible = tru

DREAMWEAVER CS3User Guide634Add an HTML form to an insert page1Create a dynamic page (File > New > Blank Page), and lay out your page using the

DREAMWEAVER CS3User Guide6353 In the Insert Into Table pop-up menu, select the database table into which the record should be inserted.4 In the After

DREAMWEAVER CS3User Guide636Dreamweaver adds a server behavior to the page that lets users insert records in a database table by filling out theHTML f

DREAMWEAVER CS3User Guide637You can also change the order of the form objects on the HTML form by selecting a form object in the list andclicking the

DREAMWEAVER CS3User Guide638Create links to the update pageAfter creating the search and results pages, you create links on the results page to open t

DREAMWEAVER CS3User Guide639You can add the final two basic building blocks of an update page separately using the form tools and the ServerBehaviors

DREAMWEAVER CS3User Guide640Add a server behavior to update the database table1In the Server Behaviors panel (Window > Server Behaviors), click the

DREAMWEAVER CS3User Guide641• An Update Record server behavior to update the database tableYoucanaddthefinaltwobuildingblocksofanupdatepageinasingleop

DREAMWEAVER CS3User Guide642• In the Submit As pop-up menu, select the data format expected by your database table. For example, if the tablecolumn on

DREAMWEAVER CS3User Guide58When you check a file in to a Contribute site, Dreamweaver makes a backup copy of the previous checked-in versionof the fil

DREAMWEAVER CS3User Guide643Building pages to delete a record (all servers)About record delete pagesYour application can contain a set of pages that l

DREAMWEAVER CS3User Guide644After clicking outside the Link box, the Delete string appears linked in the table. If you enable Live Data view(View >

DREAMWEAVER CS3User Guide645The expression after the equal sign is the value of the parameter. In this case, the value is generated by a PHPexpression

DREAMWEAVER CS3User Guide646The {0} element is a placeholder corresponding to the data field’s value. When the page runs, the values of theDataSet’s C

DREAMWEAVER CS3User Guide647The user will click the button to confirm and delete the displayed record. To add a button, place the insertion pointin th

DREAMWEAVER CS3User Guide648Display the record the user wants to delete1Select the recordset columns (record fields) in the Bindings panel, and drag t

DREAMWEAVER CS3User Guide649Completed delete pageAdd logic to delete the record (ColdFusion, PHP, ASP.NET)After displaying the selected record on the

DREAMWEAVER CS3User Guide650You can specify a page that contains a brief success message to the user, or a page listing the remaining records sothat t

DREAMWEAVER CS3User Guide651Dreamweaver adds a server behavior to the page that lets users delete records in a database table by clicking theSubmit bu

DREAMWEAVER CS3User Guide6524 Complete the SQL statement.For information on writing SQL statements that modify databases, consult a Transact-SQL manua

DREAMWEAVER CS3User Guide59Similarly,undersomecircumstancesanoutdatedlockfilemaybeaccidentallyleftontheserver.Ifthathappens,youmust manually delete th

DREAMWEAVER CS3User Guide653Dreamweaver inserts ASP code in your page that, when run on the server, creates a command that inserts, updates,or deletes

DREAMWEAVER CS3User Guide6542 Open the Server Behaviors panel (Window > Server Behaviors), click the Plus (+) button and select Prepared(Insert, Up

DREAMWEAVER CS3User Guide6553 In the Data Source pop-up menu, select a connection to the database containing the stored procedure.4 Enter the ColdFusi

DREAMWEAVER CS3User Guide656Before you use a stored procedure to modify a database, make sure the stored procedure contains SQL that modifiesthedataba

DREAMWEAVER CS3User Guide657See also“Define an advanced recordset by writing SQL” on page 550Run a stored procedure (ASP)With ASP pages, you must add

DREAMWEAVER CS3User Guide658Dreamweaver automatically fills in the Callable Text and Variables boxes.6 Select the Returns Recordset Named option, ente

DREAMWEAVER CS3User Guide659• If you want to set a common password for all users of the site, configure your database application (MicrosoftAccess, Mi

DREAMWEAVER CS3User Guide660The final step in creating a registration page is to make sure the user name is not used by another registered user.See al

DREAMWEAVER CS3User Guide661Create a database table of registered users (ColdFusion, ASP, JSP, PHP)You need a database table of registered users to ve

DREAMWEAVER CS3User Guide6624 Specify the database table and columns that contain the user names and passwords of all the registered users.The server

DREAMWEAVER CS3User Guide609 Click OK and then click Done.See also“Rolling back files (Contribute users)” on page 99Administer a Contribute site using

DREAMWEAVER CS3User Guide663If you do not plan to use authorization levels, you can protect any page on your site simply by adding a Restrict AccessTo

DREAMWEAVER CS3User Guide664Ensure that the page you choose is not protected.7 Click OK.Copy and paste a page’s access rights to other pages on the si

DREAMWEAVER CS3User Guide665The page is usually a goodbye or thank you page.2 In the Server Behaviors panel, click the Plus (+) button and select User

DREAMWEAVER CS3User Guide666A CFC is a reusable software unit written in ColdFusion markup language (CFML), which makes it easy to reuse andmaintain y

DREAMWEAVER CS3User Guide6673 Click the Plus (+) button, and complete the Create Components dialog box, and click OK.a In the Components section, ente

DREAMWEAVER CS3User Guide668To use Dreamweaver to inspect CFCs residing in the server root while also managing your site files in a differentwebsite r

DREAMWEAVER CS3User Guide669• IntheadvancedSiteDefinitiondialogbox,thepathofyourlocalrootfoldermustbethesameasthepathofthetesting server folder (for e

DREAMWEAVER CS3User Guide670For more information, see the ColdFusion documentation from within Dreamweaver (Help > Using ColdFusion).6 Save the pag

DREAMWEAVER CS3User Guide671Define dynamic content by using a CFCYou can define a recordset as a source of dynamic content in Dreamweaver by using a C

DREAMWEAVER CS3User Guide672If the SQL statement contains page parameters, ensure that the Default Value column of the Parameters box containsvalid te

DREAMWEAVER CS3User Guide61Delete, move, or rename a remote file in a Contribute siteDeleting a file from the remote server that hosts a Contribute si

DREAMWEAVER CS3User Guide6735 Select the bean’s class. To list the classes in a ZIP or JAR file, click Browse and select the file.The class is express

674Chapter 21: Building ASP.NET andColdFusion formsYou can build pages that let you search, insert, delete, and update database records, display maste

DREAMWEAVER CS3User Guide675Create ColdFusion formsYou can use a number of Insert bar buttons, menu items, and Property inspectors to rapidly create C

DREAMWEAVER CS3User Guide676Archive Specifies the URL of downloadable Java classes for cfgrid, cfslider, and cftree applet controls. The defaultlocati

DREAMWEAVER CS3User Guide677Insert ColdFusion text fieldsYou can visually insert a ColdFusion text field or password field into your form, and then se

DREAMWEAVER CS3User Guide678Width Lets you specify the width of the control, in pixels.Size Lets you specify the size of the control.Required Lets you

DREAMWEAVER CS3User Guide679Note: This enhancement is available only if you have access to a computer running ColdFusion MX 7 or later.1 Place the ins

DREAMWEAVER CS3User Guide6803 Select the button on the page and set any of the following options in the Property inspector:Cfbutton Lets you specify a

DREAMWEAVER CS3User Guide681Insert ColdFusion radio buttonsYou can visually insert a ColdFusion radio button into your form and set its properties. Us

DREAMWEAVER CS3User Guide6822 In the CFForm category of the Insert bar, click the CF Select icon.A select box appears in the ColdFusion form.3 Select

DREAMWEAVER CS3User Guide62Unlock a file in a Contribute siteNote: Before following this procedure, make sure that the file really isn’t checked out.

DREAMWEAVER CS3User Guide683Note: If the image is outside the site root folder, you should copy the image to the root folder. Images outside the rootf

DREAMWEAVER CS3User Guide684To quickly select the form, click anywhere in the form outline and click the <cfform> tag in the tag selector at the

DREAMWEAVER CS3User Guide685<cfinput name="datefield" type="datefield">4 SwitchtoDesignview,selectthedatefieldonthepage,andt

DREAMWEAVER CS3User Guide686Note: This enhancement is available only if you have access to a computer running ColdFusion MX 7 or later.1 Create a Cold

DREAMWEAVER CS3User Guide687For more information on the properties of each control, see the documentation on the Microsoft website athttp://msdn.micro

DREAMWEAVER CS3User Guide688DataSet Specifies the data source you want to use to populate the items of the list control. If you don’t specify aDataSet

DREAMWEAVER CS3User Guide689Before you begin, you must define a DataSet or other source of dynamic content for the TextBox.1 In Design view, select th

DREAMWEAVER CS3User Guide690Auto Postback Indicates whether a postback to the server automatically occurs when the user changes the listselection. Sel

DREAMWEAVER CS3User Guide691Preselect an ASP.NET RadioButton controlYou can let the server determine which RadioButton in a group is selected. At run

DREAMWEAVER CS3User Guide692Before using the DataGrid server behavior, you must define a DataSet (referred to as a recordset by other documenttypes) f

viiChapter 23: AccessibilityDreamweaver and accessibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

DREAMWEAVER CS3User Guide63Your FTP host is the full Internet name of a computer system, such as ftp.mindspring.com. Enter the full host namewithout a

DREAMWEAVER CS3User Guide693To change the DataGrid column type, click the Edit button and select a column type from the pop-up menu. A dialogbox speci

DREAMWEAVER CS3User Guide694You can select an existing DataSet or enter an arbitrary value. By default, the first DataSet in the list is selected.4 Sp

DREAMWEAVER CS3User Guide695• In Design view, select the control and use the Property inspector to change any of the options.• Double-click the object

DREAMWEAVER CS3User Guide696Display data as a hyperlink in a DataGridWhen creating or editing a DataGrid, use the Hyperlink Column to display informat

DREAMWEAVER CS3User Guide697Allow users to delete a row in a DataGridWhen creating or editing a DataGrid, use the Delete Button (called aButton Column

698Chapter 22: Automating tasksYou can automate tasks by repeating steps recorded in the History panel or saving a series of steps as a command.Automa

DREAMWEAVER CS3User Guide699Note: To scroll automatically to a particular step, you must click to the left of the step; clicking the step itself selec

DREAMWEAVER CS3User Guide7002 Click Replay.The steps are replayed in order, and a new step, Replay Steps, appears in the History panel.Make or extend

DREAMWEAVER CS3User Guide7019 In the History panel, select the steps that correspond to changing the image’s spacing and selecting the next image.Clic

DREAMWEAVER CS3User Guide702Create and use commands from history stepsSave a set of history steps as a named command, which then becomes available in

DREAMWEAVER CS3User Guide64Basic tab optionsSet Basic tab Editing Files optionsThe Site Definition wizard has three sections to help you set up a Drea

DREAMWEAVER CS3User Guide7033 Enter a name for the command, and click OK.The command appears in the Commands menu.September 4, 2007

704Chapter 23: AccessibilityAdobe® Dreamweaver® CS3 includes a number of features that let you design and develop accessible web pages.Additionally, t

DREAMWEAVER CS3User Guide705Dreamweaver accessibility featuresUsing screen readers with DreamweaverA screen reader recites text that appears on the co

DREAMWEAVER CS3User Guide7065 Use the arrow keys as appropriate:• If an option has choices, use the arrow keys to scroll through the choices, and then

DREAMWEAVER CS3User Guide7074 To exit the table, press Control+A three times if the insertion point is in a cell, twice if the cell is selected, or on

708Chapter 24: Shortcuts and extensionsYou can customize keyboard shortcuts (including shortcuts for code snippets) and define shortcut sets to use fo

DREAMWEAVER CS3User Guide709Shortcuts Displays all shortcuts assigned to the selected command.Add Item (+) Adds a new shortcut to the current command.

DREAMWEAVER CS3User Guide7103 In the Commands list, select a command and then select a shortcut to change.4 Click in the Press Key and enter a new key

711IndexSymbols? in field names 529Numerics127.0.0.1 IP number 499Aabsolute paths 280access options, transferring filesusingFTP 44, 65, 66Local/Networ

INDEX712aligningAP elements 160images 240options 249page elements 249text 240tracing images 176All Info tab (Design Notes) 103alternative (Alt) text 2

DREAMWEAVER CS3User Guide652 Enter a location to store your files or click the folder icon to browse to the folder.This is your working directory for

INDEX713Base properties 339baseline alignment 249Basic Info tab (Design Notes) 103behaviorsabout 347compatibility with browsers 350forms, attaching be

INDEX714server behaviors 306snippets 315tag editors 319tag libraries 343tag, closing 314validation preferences, setting 326viewing options 309viewing

INDEX715connection parameters, JDBC 521connection scripts, removing 530Connection Speed option 26connection stringsOLE DB 520setting 511connections to

INDEX716All Info tab 103Basic Info tab 103deleting unassociated 104enabling and disabling 102for Fireworks or Flash files 102for Fireworks, Flash, and

INDEX717Eeditable regions (templates)changing the name of 399controlling in nested templates 407creating 398working with 399editable tag attributes (t

INDEX718opening 75, 81opening in Code view 308putting 89renaming 81rolling back 99searching 229synchronizing local and remotesites 94temporary 527text

INDEX719saving 208selecting 207targeting links in 281FTPgetting and putting files 87log 88, 89preferences 85troubleshooting 47Use Passive FTP option 4

INDEX720sites 51tabular data 179, 234text from other documents 234includes, server-side 341indenting code 309, 319, 322, 344InDesign. See Adobe InDesi

INDEX721column header menu 199fixed width 193make cell widths consistent 198nested layout tables 194preferences 201removing nesting 198removing spacer

INDEX722changing text of menu items 455changing the order of menuitems 455creating tool tips for 455customizing 457inserting 454linking menu items 455

DREAMWEAVER CS3User Guide66For this access method, you must have a server that supports this protocol, such as Microsoft Internet InformationServer (I

INDEX723PPadding option (CSS RuleDefinition) 132page breaks, setting 134page layout. See Layout modepage titles 338Pagebreak option 134pagesadding con

INDEX724printing code 323propertiesActiveX control 275changing with behaviors 351displaying 30document, setting 216Flash 257frame and frameset 209, 21

INDEX725validating code 328viewing 107requirements, system 1requirements, web applications 501Reset Origin command 175resizingAP elements 159elements,

INDEX726session variablesabout 535data, retrieving 536data, storing 536defining 558form parameters and URLparameters 536Set as Home Page command 52Set

INDEX727spelling, checking with CheckSpelling command 128, 233Sprychildren regions 485data sets, about 478data sets, defining 480design-time feeds 480

INDEX728elements, selecting 180Expanded Tables mode 183formatting 181, 184highlighting preference 181importing 179nesting 190preset designs for 181, 1

INDEX729timelinesadding and removing frames 169adding objects to 168animation tips 171changing AP elementproperties 169changing image source file 169c

INDEX730displaying states in Designview 470inserting 470specifying minimum andmaximum number ofcharacters 470specifying validationoccurrence 470Valida

INDEX731XSLT (Extensible StylesheetLanguage Transformations)about 421and client-sidetransformations 423, 444and server-sidetransformations 421creating

DREAMWEAVER CS3User Guide67See also“Set up a remote folder” on page 43Set Basic tab Sharing Files options (check in/check out)The purpose of this dial

68Chapter 4: Creating and managing filesIn addition to creating web pages, you can easily organize all of the files and assets that belong to your web

DREAMWEAVER CS3User Guide69XSL Extensible Stylesheet Language files have a .xsl or .xslt extension. They are used to style XML data that you wantto di

DREAMWEAVER CS3User Guide70Note: For more information about XHTML, see the World Wide Web Consortium (W3C) website, which contains thespecification fo

DREAMWEAVER CS3User Guide713 Select the kind of page you want to create from the Page Type column. For example, select HTML template tocreate a plain

DREAMWEAVER CS3User Guide7211 Save the new document (File > Save). If you haven’t added editable regions to the template yet, a dialog boxappears t

1Chapter 1: Getting startedIf you haven’t installed your new software, begin by reading some information on installation and other prelimi-naries. Bef

DREAMWEAVER CS3User Guide737 Click Create and save the document (File > Save).Create a document from a template in the Assets panel1Open the Assets

DREAMWEAVER CS3User Guide74Create other kinds of pagesThe Other category of the New Document dialog box lets you create various types of pages that yo

DREAMWEAVER CS3User Guide75Show New Document Dialog Box on Control+N Deselect this option (“on Command+N” for Macintosh) to automat-ically create a do

DREAMWEAVER CS3User Guide76You can also use the Files panel to open files.2 Navigate to and select the file you want to open.Note: Ifyouhaven’talready

DREAMWEAVER CS3User Guide77Clean Up CSSRemoves all Word-specific CSS, including inline CSS styles when possible (where the parent style hasthe same st

DREAMWEAVER CS3User Guide78For Dreamweaver sites, use the following options to display or transfer files:A. Site Files view B. Testing Server view C.

DREAMWEAVER CS3User Guide79Check In File(s) Transfers a copy of the local file to the remote server and makes the file available for editing byothers.

DREAMWEAVER CS3User Guide80Change the size of the view area in the expanded Files panel❖ In the Files panel (Window > Files), with the panel expand

DREAMWEAVER CS3User Guide81Open a file1In the Files panel (Window > Files), select a site, server, or drive from the pop-up menu (where the current

DREAMWEAVER CS3User Guide82Note: Dreamweaver refreshes the Files panel when you make changes in another application, then return toDreamweaver.Find fi

DREAMWEAVER CS3User Guide2Adobe HelpAdobe Help resourcesDocumentation for your Adobe software is available in a variety of formats.In-product and Live

DREAMWEAVER CS3User Guide83Find recently modified files in your site1In the collapsed Files panel (Window > Files), click the Options menu in the u

DREAMWEAVER CS3User Guide84Note: The best way to manage your files is to create a Dreamweaver site.See also“Set up and edit a local root folder” on pa

DREAMWEAVER CS3User Guide85Note: To move a file that Dreamweaver copies by default, hold down the Shift key (Windows) or the Command key(Macintosh)whi

DREAMWEAVER CS3User Guide86You can define whether the types of files that you transfer are transferred as ASCII (text) or binary, by customizingthe FT

DREAMWEAVER CS3User Guide87Click the heading again to reverse the order (ascending or descending) by which Dreamweaver sorts the column.Getting and pu

DREAMWEAVER CS3User Guide88• Save a file to a remote server• Insert an image from a remote server• Open a file from a remote server• Auto put files up

DREAMWEAVER CS3User Guide89Note: If you’re working in a collaborative environment—that is, if others are working on the same files—you should notdisab

DREAMWEAVER CS3User Guide90Note: You can put only those files for which the local version is more recent than the remote version.2 Do one of the follo

DREAMWEAVER CS3User Guide91Hide the Background File Activity dialog box during transfers❖ Click the Hide button on the Background File Activity dialog

DREAMWEAVER CS3User Guide922 Select a site and click Edit.3 In the Advanced tab, select Remote Info from the category list on the left.4 Select Enable