Adding Behaviors and Rich Media - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 393

Figure 7-9 Quotation in the home page

quotation from the
JavaScript file (you
might see a different
quotation)

Because you have not defined the quote style, the quotation text is displayed in
the default style for the page. You will create a CSS style.

◗

12. Toggle off Live View, and then, using the CSS Styles panel, create a new style
with the selector type Class named .quote that is defined in the nbf_styles.css
style sheet.

◗

13. In the Type category, set the color to #666633 and the font-size to 20px , in the
Box category, set the float to right , and then click the OK button.

◗

14. Save the page, save the style sheet, and preview the home page in Live View, and
then toggle off Live View.
Trouble? If the text is not fully displayed in the content area, place the insertion
point at the bottom of the page after the script (you may have to look at the page
in Code view to ensure that the insertion point appears after the script), press the
Enter key to add an additional line to the page, save the page, preview the page
in Live View to confirm the text fully appears, and then toggle off Live View.

Now that you have fi nished adding behaviors and scripts to the page, you will test the
behaviors in a browser. It is important to continue testing the pages in all the browsers
you plan to support because new behaviors can affect the behaviors that are already in
the page.

To test the behaviors in the home page:

◗

1. Preview the page in a browser. One of the quotations that the script added
appears when the page is loaded in the browser window. See Figure 7-10.