To change the trigger, click the event, click the Event list arrow, and then select the event you want... Click the element you want to add the Open Browser Window behavior; typically l
Trang 1The Go To URL behavior gives you the ability to link an element on a Web page to an URL address For example, you can create a Web page, and then use the Go To URL behavior to direct visitors to other sites and pages, or you can create a set of interactive buttons for use
on a standard HTML driven Web site Whichever option you choose, the ability to direct a visitor to other Web sites is essential to creating Internet-oriented documents
Going to Another
Web Page
Use the Go To URL Behavior
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the element you want to add
the Go To URL behavior
Click the Add Behavior button
(plus sign), and then click Go To
URL.
A dialog box appears, allowing you
to set the details of the action
Type the URL or click Browse,
select the URL from the Select File
dialog box, and then click OK.
Click OK.
To change the trigger, click the
event, click the Event list arrow,
and then select the event you
want
7
6
5
4
3
2
6
5 7
Trang 2The Open Browser behavior allows you to set a hyperlink to open in a new browser window When you use the Open Browser behavior, you need to specify the URL you want to open in the new browser window and any window attributes, such as width, height, navigation and loca-tion toolbar, status bar, menu bar, scrollbar as needed and resize han-dles If you want to use this behavior with text, you can also use the Change Property and Change Property Restore behaviors to change the pointer to a hand when visitors hover over your text link
Opening Another
Browser Window
Open Another Browser Window
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the element you want to add
the Open Browser Window
behavior; typically link text or
graphic
Click the Add Behavior button
(plus sign), and then click Open
Browser Window.
A dialog box appears, allowing you
to set the details of the action
Type the URL or click Browse,
select the URL from the Select File
dialog box, and then click OK.
Enter a window size (width and
height in pixels)
Select the check boxes with the
window attributes you want to
use
Enter a window name The
window name is used in the
behavior script, so it cannot have
any spaces or special characters
Click OK.
To change the trigger, click the
10
9
8
7
6
5
4
3
2
4 2
8
5
9
7 6
10
Trang 3Dreamweaver provides several behaviors to display user text mes-sages, including Popup Message and Set Text The Set Text behavior consists of four individual behaviors: Set Text of Container, Set Text of Frame, Set Text of Status Bar, and Set Text of Text Field These behav-iors allow you to display text in an alert dialog box, a container, specific frame, text field, or the Status bar
Displaying Text
Messages
Create a Popup Message
Window
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the element you want to add
the Popup Message behavior
Click the Add Behavior button
(plus sign), and then click Popup
Message.
A dialog box appears, allowing you
to set the details of the action
Type the message you want
Click OK.
To change the trigger, click the
event, click the Event list arrow,
and then select the event you
want
7
6
5
4
3
2
1
1
4
6 5
7
Trang 4Create a Status Bar Message
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the element you want to add
a behavior
Click the Add Behavior button
(plus sign), point to Set Text, and
then click Set Text Of Status Bar.
A dialog box appears, allowing you
to set the details of the action
Type the message you want
Click OK.
To change the trigger, click the
event, click the Event list arrow,
and then select the event you
want
7
6
5
4
3
2
4
6 5
7
Trang 5The Preload Images behavior allows you to preload images when a Web page initially loads This is useful when you want to swap images
on mouse rollover buttons The Preload Images behavior loads the rollover image when the page initially loads, so visitors will not experi-ence a delay while the image loads the first time a visitor points to the button The Swap Images behavior allows you to swap one image for another when an event occurs The most common use of this behavior
is to create rollover buttons Along with the Swap Image behavior, you can also use the Swap Image Restore behavior, which restores the images that were swapped by the Swap Image behavior
Preloading and
Swapping Images
Preload Images
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the element or <body> tag in
the tag selector for the entire page
you want to add the Preload
Images behavior
Click the Add Behavior button
(plus sign), and then click Preload
Images.
A dialog box appears, allowing you
to set the details of the action
Click Browse, locate and select
the image you want to preload,
and then click OK.
Click the Add Items button (plus
sign)
To add more images, repeat steps
5 and 6
Click OK.
To change the trigger, click the
event, click the Event list arrow,
and then select the event you
want
9
8
7
6
5
4
3
2
1
3
2
4 1
8
5 6
9
Trang 6Swap Images
Open the Web page you want to
apply a behavior
Click the Window menu, and then
click Behaviors to display the
Behaviors panel
Click the image you want to swap
Click the Add Behavior button
(plus sign), and then click Swap
Image.
The selected image appears
highlighted in the Swap Image
dialog box
Click Browse, locate and select
the image you want to swap it
with, and then click OK.
To insert a Preload Images
behavior, select the Preload
Images check box.
To insert a Swap Image Restore
behavior, select the Restore
Images onMouseOut check box.
To remove a swap, select an
image in the list, and then delete
the file and path in the Set Source
To box
Click OK.
To change the trigger, click the
event, click the Event list arrow,
and then select the event you
want
10
9
8
7
6
5
4
3
2
1
3
2
4 1
6
9
5 10